/* HOLVEM R13 building pages: the project media band, section 01, section 03 (and the compact phone tiles).
   Every rule is scoped under .r13-band / .r13-s01 / .r13-s03 or an .r13-* class; nothing else on the site changes.
   Loads after hv-r12-bld.css. Tokens are the page's own custom properties. Light-dominant, material, restraint. */

/* ============================================================ shared: the centred head, the sheet, the plates */
.r13-head{ display:grid; justify-items:center; text-align:center; }
.r13-head .kicker{ justify-content:center; }
.r13-head .h2{ margin-left:auto; margin-right:auto; max-width:22ch; text-wrap:balance; }
.r13-head .lede{ margin:18px auto 0; max-width:760px; text-wrap:pretty; }
.r13-head .lede a{ color:var(--accent-text); }

/* the sheet: a light mineral panel (fine grain, hairline, a quiet shadow); its tone steps against the section ground */
.r13-sheet{ position:relative; margin-top:40px; padding:30px 32px 32px; background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r);
  background-image:radial-gradient(circle at 1px 1px, rgba(139,135,121,.13) 0 .7px, transparent .8px); background-size:7px 7px;
  box-shadow:0 1px 2px rgba(20,24,27,.04), 0 18px 40px -28px rgba(20,24,27,.22); }
.g-paper .r13-sheet, .sec-paper .r13-sheet{ background-color:var(--surface); }
.r13-sheet::before{ content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:3px; border-radius:var(--r) var(--r) 0 0; background:var(--r13-edge, var(--cond)); }

.r13-plate{ margin:0; min-width:0; }
.r13-media{ position:relative; aspect-ratio:4/3; background:var(--surface-sunken); border:1px solid var(--border-hairline); border-radius:var(--r); overflow:hidden;
  box-shadow:0 1px 2px rgba(20,24,27,.05), 0 10px 24px -18px rgba(20,24,27,.25); }
.r13-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.r13-media .fig-label{ z-index:1; }
.r13-s01 .r12-facts{ margin-top:0; padding:0; }
.r13-s01 .r12-facts li{ font-size:15px; line-height:1.55; }

/* ============================================================ 01 what is happening / why this building */
.r13-s01 .r13-sheet{ --r13-edge:var(--cond); }
/* two plates: the figures on one row, the notes on the next, so both columns start and end on the same lines */
.r13-pair{ display:grid; gap:18px; }
.r13-pair .r12-facts{ margin-top:0; }
.r13-pair .r13-note{ display:grid; align-content:start; }
/* one plate + the reading column, equal heights by construction (the plate fills the row) */
.r13-aside{ display:grid; gap:24px; }
.r13-read{ display:grid; align-content:start; gap:22px; min-width:0; }
.r13-read .r12-group{ min-width:0; }
.r13-read aside.r12-group{ padding-top:22px; border-top:1px solid var(--border-hairline); }
.r13-read .r12-k + .r12-facts{ margin-top:14px; }

/* the "it is not" strip: aligned quiet cards on the ground tone, ink mark, equal heights */
.r13-isnot{ margin-top:22px; display:grid; gap:12px; }
.r13-isnot p{ margin:0; display:grid; grid-template-columns:12px minmax(0,1fr); gap:12px; align-content:start; padding:16px 18px 17px; font-size:15px; line-height:1.5; color:var(--body);
  background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r); }
.g-paper .r13-isnot p, .sec-paper .r13-isnot p{ background:var(--surface); }
.r13-isnot p::before{ content:""; width:12px; height:9px; margin-top:7px; background:var(--verdict-refused); clip-path:polygon(0 0, 100% 60%, 40% 100%, 0 100%); }
.r13-isnot p b{ color:var(--heading); }
.r13-isnot p span{ display:block; }
.r13-isnot-one{ grid-template-columns:minmax(0,1fr); }
.r13-isnot-one p{ max-width:none; }

.r13-s01 .r13-handoff{ margin-top:28px; justify-content:center; text-align:center; }
.r13-s01 .r13-handoff > span{ flex-basis:100%; }

@media (min-width:720px){
  .r13-isnot:not(.r13-isnot-one){ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (min-width:860px){
  .r13-pair{ grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:18px 0; }
  .r13-pair > *{ padding:0 28px; }
  .r13-pair > :nth-child(odd){ padding-left:0; }
  .r13-pair > :nth-child(even){ padding-right:0; }
  .r13-pair::after{ content:""; position:absolute; top:30px; bottom:32px; left:50%; width:1px; background:var(--border-hairline); }
  .r13-pair .r13-plate{ grid-row:1; }
  .r13-pair .r13-note{ grid-row:2; }
  .r13-isnot{ margin-top:24px; gap:14px; }
}
@media (min-width:1000px){
  .r13-aside{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:40px; align-items:stretch; }
  .r13-aside .r13-plate{ display:flex; }
  .r13-aside .r13-plate .r13-media{ flex:1 1 auto; aspect-ratio:auto; min-height:300px; }
  .r13-aside .r13-plate .r13-media img{ position:absolute; inset:0; }
  .r13-read{ padding-top:2px; }
}
@media (min-width:1260px){
  .r13-pair > *{ padding:0 36px; }
  .r13-pair > :nth-child(odd){ padding-left:0; }
  .r13-pair > :nth-child(even){ padding-right:0; }
}

/* ============================================================ the media band (unnumbered, directly under the rail) */
.r13-band.r13-band{ padding:52px 0 48px; }
.r13-band .r13-head .lede{ max-width:720px; }
.r13-strip{ margin-top:26px; --r13-h:320px; }
.r13-rail{ display:flex; gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; padding:6px 0 10px; }
.r13-rail::-webkit-scrollbar{ display:none; }
.r13-rail > :first-child{ margin-left:auto; }
.r13-rail > :last-child{ margin-right:auto; }
.r13-rec{ position:relative; flex:0 0 auto; width:calc(var(--r13-h) * .8); scroll-snap-align:start; margin:0; display:flex; flex-direction:column;
  background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r); overflow:hidden;
  box-shadow:0 1px 2px rgba(20,24,27,.05), 0 14px 32px -22px rgba(20,24,27,.28); }
.r13-rec.r13-o-l{ width:min(calc(var(--r13-h) * 1.5), calc(100vw - 2 * var(--gutter))); }
.r13-rec .rec-media{ position:relative; aspect-ratio:auto; height:var(--r13-h); flex:none; background:var(--surface-sunken); overflow:hidden; }
.r13-rec .rec-media img, .r13-rec .rec-media video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.r13-rec .rec-media .fig-label{ z-index:1; }
.r13-rec .rec-media .fig-tag{ background:var(--amb-violet-anchor); color:var(--surface-raised); font-family:var(--mono); letter-spacing:.08em; padding:8px 12px; }
.r13-rec .rec-media .fig-name{ display:flex; font-size:13.5px; padding:8px 22px 8px 12px; }
/* narrow (portrait) cells stack the label: the tag above the name, both flush left */
.r13-rec.r13-o-p .rec-media .fig-label{ flex-direction:column; align-items:flex-start; }
.r13-rec.r13-o-p .rec-media .fig-tag{ padding:6px 12px 5px; font-size:11px; }
.r13-rec.r13-o-p .rec-media .fig-name{ padding:7px 22px 7px 12px; }
.r13-rec .rec-cap{ padding:12px 16px 14px; font-size:14.5px; line-height:1.45; color:var(--body); }
.r13-rec .rec-cap b{ display:block; color:var(--heading); margin-bottom:3px; letter-spacing:-.1px; }
.r13-rec .rec-cap > span{ display:block; }
/* the play control: a centred paper disc; while playing it steps aside to the corner */
.r13-band .rec-play{ all:unset; cursor:pointer; position:absolute; z-index:2; left:50%; top:50%; width:58px; height:58px; margin:-29px 0 0 -29px; display:grid; place-items:center;
  background:var(--surface-raised); color:var(--heading); border:1.5px solid var(--heading); border-radius:50%;
  box-shadow:0 2px 8px rgba(20,24,27,.18); transition:transform var(--dur) var(--ease), background-color var(--dur); }
.r13-band .rec-play:hover{ background:var(--accent-soft); transform:scale(1.05); }
.r13-band .rec-play:focus-visible{ outline:2px solid var(--focus-ring); outline-offset:3px; }
.r13-band .rec-play svg{ width:16px; height:16px; margin-left:2px; }
.r13-band .rec-play .pause{ display:none; margin-left:0; }
.r13-band .rec-play .rec-play-t{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.r13-band .r13-rec.is-playing .rec-play{ left:auto; top:12px; right:12px; width:40px; height:40px; margin:0; }
.r13-band .r13-rec.is-playing .rec-play .play{ display:none; }
.r13-band .r13-rec.is-playing .rec-play .pause{ display:block; }
.r13-band .r13-rec.is-playing .rec-media .fig-label{ opacity:0; transition:opacity var(--dur); }
/* the rail's controls: a progress line and two arrows, only when there is more to see (JS adds is-live) */
.r13-rail-nav{ display:none; margin-top:6px; align-items:center; justify-content:space-between; gap:18px; }
.r13-rail-nav.is-live{ display:flex; }
.r13-track{ position:relative; flex:0 1 180px; height:2px; background:var(--border-hairline); border-radius:1px; overflow:hidden; }
.r13-track i{ position:absolute; left:0; top:0; bottom:0; width:40%; background:var(--phosphor); border-radius:1px; transition:transform .2s var(--ease), width .2s var(--ease); }
.r13-arrows{ display:flex; gap:8px; }
.r13-arrow{ all:unset; cursor:pointer; box-sizing:border-box; width:40px; height:40px; display:grid; place-items:center; background:var(--surface-raised); color:var(--heading); border:1.5px solid var(--heading); border-radius:50%; transition:background-color var(--dur), opacity var(--dur); }
.r13-arrow:hover{ background:var(--accent-soft); }
.r13-arrow:focus-visible{ outline:2px solid var(--focus-ring); outline-offset:2px; }
.r13-arrow[disabled]{ opacity:.3; cursor:default; }
.r13-arrow svg{ width:14px; height:14px; }
/* the written records beneath the strip: behind a "Project records" row, a compact 3-up ledger inside */
.r13-records-d{ margin-top:14px; border-top:1px solid var(--border-hairline); border-bottom:1px solid var(--border-hairline); }
.r13-records-d > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:12px; padding:14px 0; font-size:14.5px; font-weight:600; color:var(--heading); }
.r13-records-d > summary::-webkit-details-marker{ display:none; }
.r13-records-d > summary::before{ content:""; width:14px; height:3px; background:var(--amb-violet-anchor); }
.r13-records-d > summary::after{ content:""; width:7px; height:7px; margin-top:-4px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform var(--dur) var(--ease); }
.r13-records-d[open] > summary::after{ transform:rotate(225deg); margin-top:4px; }
.r13-records-d > summary:hover{ color:var(--accent-text); }
.r13-records-d > summary:focus-visible{ outline:2px solid var(--focus-ring); outline-offset:-2px; }
.r13-records{ padding:4px 0 22px; display:grid; gap:12px; }
.r13-records .record{ display:grid; gap:6px; padding:16px 18px 16px; background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r); font-size:14px; color:var(--body); align-content:start; }
.r13-records .record .rk{ font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:var(--amb-violet-anchor); }
.r13-records .record h3{ margin:0; font-size:16px; line-height:1.25; letter-spacing:-.2px; font-weight:600; color:var(--heading); }
.r13-records .record dl{ margin:4px 0 0; display:grid; grid-template-columns:auto 1fr; gap:3px 12px; font-size:13px; }
.r13-records .record dt{ color:var(--muted); }
.r13-records .record dd{ margin:0; color:var(--heading); font-variant-numeric:tabular-nums; }
.r13-records .record .res{ margin-top:4px; padding-top:8px; border-top:1px solid var(--border-hairline); font-size:13.5px; line-height:1.5; }
.r13-records .record .res b{ color:var(--verdict-verified); }
/* a single written record beside a single plate (retail): the record sits in the strip at the plate's height */
.r13-rail .r13-recx{ flex:0 0 auto; width:min(420px, calc(100vw - 2 * var(--gutter))); scroll-snap-align:start; display:flex; }
.r13-rail .r13-recx .record{ flex:1; display:grid; align-content:center; gap:8px; padding:24px 26px; background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r); font-size:14.5px; color:var(--body); box-shadow:0 1px 2px rgba(20,24,27,.05), 0 14px 32px -22px rgba(20,24,27,.28); }
.r13-rail .r13-recx .record .rk{ font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:var(--amb-violet-anchor); }
.r13-rail .r13-recx .record h3{ margin:0; font-size:19px; line-height:1.2; letter-spacing:-.3px; font-weight:600; color:var(--heading); }
.r13-rail .r13-recx .record dl{ margin:6px 0 0; display:grid; grid-template-columns:auto 1fr; gap:5px 14px; font-size:14px; }
.r13-rail .r13-recx .record dt{ color:var(--muted); }
.r13-rail .r13-recx .record dd{ margin:0; color:var(--heading); font-variant-numeric:tabular-nums; }
.r13-rail .r13-recx .record .res{ margin-top:6px; padding-top:10px; border-top:1px solid var(--border-hairline); font-size:14px; line-height:1.5; }
.r13-rail .r13-recx .record .res b{ color:var(--verdict-verified); }
/* the foot: the handoff link(s) and the written-records note, centred under the strip */
.r13-band .r13-foot{ margin-top:18px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 28px; text-align:center; font-size:14.5px; color:var(--muted); }
.r13-band .r13-foot .tlink{ flex:none; }

@media (min-width:860px){
  .r13-records{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
}

/* ---- the schools variant: the record photograph with the programme in figures beneath it, the four readings beside */
.r13-sch{ margin-top:30px; display:grid; gap:22px; }
.r13-sch-main{ display:grid; align-content:start; gap:14px; }
.r13-sch .sch-rec-media.r13-plate{ margin:0; box-shadow:0 1px 2px rgba(20,24,27,.05), 0 10px 24px -18px rgba(20,24,27,.25); }
.r13-sch .sch-rec-label span:first-child{ background:var(--amb-violet-anchor); font-family:var(--mono); font-size:12px; }
.r13-sch .sch-rec-cap{ margin:0; font-size:14.5px; line-height:1.5; color:var(--body); }
.r13-sch .sch-rec-cap b{ color:var(--heading); }
.r13-sch .r13-sch-figs{ margin:6px 0 0; padding:0; border:0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.r13-sch .r13-sch-figs > div{ padding:14px 16px 15px; background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r); display:grid; gap:5px; align-content:start; min-width:0; }
.r13-sch .r13-sch-figs dd{ margin:0; white-space:nowrap; font-family:var(--mono); font-size:26px; line-height:1; font-weight:600; letter-spacing:-.4px; color:var(--heading); font-variant-numeric:tabular-nums; }
.r13-sch .r13-sch-figs dd small{ font-size:13px; letter-spacing:0; font-weight:500; margin-left:4px; color:var(--muted); }
.r13-sch .r13-sch-figs dt{ font-family:inherit; font-size:13px; letter-spacing:0; text-transform:none; font-weight:400; line-height:1.4; color:var(--body); }
.r13-sch .r13-sch-figs .sch-rec-hi dd{ color:var(--phosphor); }
.r13-sch-side{ display:grid; align-content:start; gap:16px; }
.r13-sch .r13-sch-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.r13-sch .r13-sch-list li{ display:grid; grid-template-columns:12px minmax(0,1fr); gap:12px; align-items:start; padding:14px 16px 15px; font-size:14.5px; line-height:1.5; color:var(--body); background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r); }
.r13-sch .r13-sch-list li::before{ content:""; width:12px; height:9px; margin-top:7px; position:static; background:var(--phosphor); clip-path:polygon(0 0, 100% 60%, 40% 100%, 0 100%); }
.r13-sch .r13-sch-list b{ color:var(--heading); }
.r13-sch .sch-rec-go{ margin:4px 0 0; display:flex; flex-wrap:wrap; gap:10px 28px; }
.r13-sch .sch-rec-note{ margin:0; font-size:13.5px; line-height:1.5; color:var(--muted); max-width:none; }
@media (min-width:1000px){
  .r13-sch{ grid-template-columns:minmax(0,6fr) minmax(0,6fr); gap:36px; align-items:start; }
}

/* ============================================================ 03 what is applied: the answer, on the same frame */
.r13-s03 .r13-head{ position:relative; }
.r13-thread{ display:block; width:2px; height:34px; margin:0 auto 18px; background:var(--amb-violet-anchor); border-radius:1px; }
.r13-s03 .r13-sheet{ --r13-edge:var(--amb-violet-anchor); padding:0; border:0; background:transparent; background-image:none; box-shadow:none; }
.r13-s03 .r13-sheet::before{ display:none; }
.r13-s03 .r12-applied{ margin-top:0; }
.r13-s03 .r12-dcard{ position:relative; background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r); padding:22px 22px 14px;
  background-image:radial-gradient(circle at 1px 1px, rgba(139,135,121,.13) 0 .7px, transparent .8px); background-size:7px 7px;
  box-shadow:0 1px 2px rgba(20,24,27,.04), 0 18px 40px -28px rgba(20,24,27,.22); }
.r13-s03.g-paper .r12-dcard, .r13-s03.raised .r12-dcard, .r13-s03.sec-paper .r12-dcard{ background-color:var(--surface); }
.r13-s03 .r12-dcard::before{ content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:3px; border-radius:var(--r) var(--r) 0 0; background:var(--amb-violet-anchor); }
.r13-s03 .r12-dcard .drawing-desktop, .r13-s03 .r12-dcard .drawing-mobile{ background:var(--surface-raised); border:1px solid var(--border-hairline); border-radius:var(--r); padding:12px 12px 8px; }
.r13-s03 .r12-dcard .fignote{ margin-top:12px; }
.r13-s03 .r12-key{ border-top-color:var(--border-hairline); }
.r13-s03 .r12-plate-proof{ box-shadow:0 1px 2px rgba(20,24,27,.05), 0 18px 40px -28px rgba(20,24,27,.22); }
.r13-s03 .r12-plate-proof .r12-cap{ position:relative; padding:14px 18px 16px; border-top:1px solid var(--border-hairline); background:var(--surface-raised); }
.r13-s03 .r12-plate-proof .r12-cap::before{ content:""; position:absolute; left:18px; top:-1px; width:36px; height:2px; background:var(--amb-violet-anchor); }
.r13-s03 .r13-handoff{ justify-content:center; text-align:center; }
.r13-s03 .apps{ margin-top:36px; }
.r13-s03 .apps .kicker{ justify-content:center; }
.r13-s03 .apps .prb-line{ justify-content:center; }

/* ============================================================ the phone */
@media (max-width:999px){
  .r13-sheet{ padding:22px 22px 24px; }
}
@media (max-width:859px){
  /* phones and small tablets: plate A, its notes, plate B, its notes */
  .r13-pair > :nth-child(1){ order:1; } .r13-pair > :nth-child(3){ order:2; } .r13-pair > :nth-child(2){ order:3; } .r13-pair > :nth-child(4){ order:4; }
  .r13-pair > :nth-child(2){ margin-top:10px; padding-top:22px; border-top:1px solid var(--border-hairline); }
  .r13-pair .r13-note{ padding-bottom:4px; }
}
@media (max-width:639px){
  .r13-head .lede{ margin-top:14px; }
  .r13-sheet{ margin-top:26px; padding:14px 14px 16px; }
  .r13-pair{ gap:14px; }
  .r13-aside{ gap:18px; }
  .r13-read{ gap:18px; }
  .r13-read aside.r12-group{ padding-top:18px; }
  .r13-isnot{ margin-top:18px; gap:10px; }
  .r13-isnot p{ padding:12px 14px 13px; font-size:14.5px; }
  .r13-s01 .r13-handoff{ margin-top:24px; }
  .r13-band{ padding:52px 0 48px; }
  .r13-strip{ margin-top:26px; --r13-h:300px; }
  .r13-rail{ gap:12px; margin:0 calc(-1 * var(--gutter)); padding:6px var(--gutter) 10px; scroll-padding:0 var(--gutter); align-items:flex-start; }
  .r13-rec.r13-o-l{ width:min(calc(var(--r13-h) * 1.5), calc(100vw - 2 * var(--gutter) - 44px)); }
  .r13-rail > :first-child{ margin-left:0; }
  .r13-rail > :last-child{ margin-right:0; }
  .r13-rec .rec-media .fig-name{ display:none; }
  .r13-rec .rec-cap{ padding:11px 13px 13px; font-size:14px; }
  .r13-band .rec-play{ width:52px; height:52px; margin:-26px 0 0 -26px; }
  .r13-rail-nav{ margin-top:4px; }
  .r13-records-d{ margin-top:10px; }
  .r13-records{ padding:2px 0 18px; display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; margin-left:calc(-1 * var(--gutter)); margin-right:calc(-1 * var(--gutter)); padding-left:var(--gutter); padding-right:var(--gutter); scroll-padding:0 var(--gutter); align-items:flex-start; }
  .r13-records::-webkit-scrollbar{ display:none; }
  .r13-records .record{ flex:0 0 auto; width:calc(100vw - 2 * var(--gutter) - 44px); scroll-snap-align:start; padding:14px 15px 14px; }
  .r13-band .r13-foot{ margin-top:16px; }
  .r13-sch{ margin-top:24px; gap:14px; }
  .r13-sch-side{ gap:12px; }
  .r13-sch .r13-sch-figs{ gap:8px; }
  .r13-sch .r13-sch-figs > div{ padding:12px 13px 13px; }
  .r13-sch .r13-sch-figs dd{ font-size:23px; }
  .r13-thread{ height:26px; margin-bottom:14px; }
  .r13-s03 .r12-dcard{ padding:14px 14px 8px; }
  .r13-s03 .r12-dcard .drawing-mobile{ padding:8px 8px 4px; }
  /* compact application tiles: one row each, the description under the title, the arrow beside */
  .r13-s03 .apps{ margin-top:26px; padding-top:20px; }
  .r13-s03 .apps .tiles{ margin-top:12px; gap:8px; }
  .r13-s03 .apps .tile.tile-text{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"k go" "b go"; align-items:center; column-gap:14px; row-gap:3px; padding:11px 14px 12px; }
  .r13-s03 .apps .tile.tile-text .tile-k{ grid-area:k; font-size:10px; }
  .r13-s03 .apps .tile.tile-text > span:nth-child(2){ grid-area:b; display:block; }
  .r13-s03 .apps .tile.tile-text .tile-t{ font-size:15px; line-height:1.25; }
  .r13-s03 .apps .tile.tile-text .tile-s{ margin-top:3px; font-size:13px; line-height:1.4; }
  .r13-s03 .apps .tile.tile-text .tile-go{ grid-area:go; margin:0; font-size:13px; gap:6px; padding:7px 10px 7px 12px; border:1.5px solid var(--border); border-radius:999px; color:var(--accent-text); }
  .r13-s03 .apps .tile.tile-text .tile-go svg{ width:13px; height:13px; }
  .r13-s03 .apps .prb-line{ margin-top:16px; }
}
@media (prefers-reduced-motion: reduce){
  .r13-band .rec-play, .r13-arrow, .r13-track i, .r13-band .r13-rec.is-playing .rec-media .fig-label{ transition:none; }
  .r13-band .rec-play:hover{ transform:none; }
}

/* R13.1 build-room tweak: phones read left-aligned (matches the application pages); centred from 720 */
@media (max-width:719px){
  .r13-head{ justify-items:start; text-align:left; }
  .r13-head .kicker{ justify-content:flex-start; }
  .r13-head .h2{ margin-left:0; margin-right:0; }
  .r13-head .lede{ margin-left:0; margin-right:0; }
  .r13-s01 .r13-handoff, .r13-s03 .r13-handoff{ justify-content:flex-start; text-align:left; }
  .r13-band .r13-foot{ justify-content:flex-start; text-align:left; }
}