/* Copied verbatim from the artifact (outputs/setter-hire-2026-11/setter-academy.html); additions are at the end. */
/* Layout: brand wordmark header, a sticky module rail (left on desktop, top chips on phone) beside one reading column of white cards on cream. */
:root{
  --cream:#FBF6EC; --cream-deep:#F6EEDD; --card:#FFFFFF; --line:#EDE4D2;
  --ink:#26303B; --ink-soft:#55606D;
  --blue:#2E7DD1; --blue-deep:#1F5FA8; --blue-tint:#EAF3FC;
  --red:#E23B33; --red-ink:#B42D26; --red-tint:#FDEEED;
  --green:#3DA24A; --green-ink:#2A7A35; --green-tint:#EBF6ED;
  --yellow:#F2C230; --yellow-ink:#7A5E12; --yellow-tint:#FDF6E1;
  --on-blue:#FFFFFF;
  --shadow:0 4px 18px rgba(38,48,59,.06);
  --f-display:"Nunito",ui-rounded,ui-sans-serif,system-ui,sans-serif;
  --f-body:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --cream:#17150F; --cream-deep:#201D16; --card:#232019; --line:#3A3428;
  --ink:#F2EDE3; --ink-soft:#B8AF9F;
  --blue:#5FA2E8; --blue-deep:#8EC0F2; --blue-tint:#1A2938;
  --red:#F0625B; --red-ink:#F59690; --red-tint:#3A1E1B;
  --green:#5DBE69; --green-ink:#86D690; --green-tint:#1A3020;
  --yellow:#F2C230; --yellow-ink:#F4D57E; --yellow-tint:#3A3017;
  --on-blue:#0F1A26;
  --shadow:0 4px 18px rgba(0,0,0,.35); color-scheme:dark}}
:root[data-theme="dark"]{
  --cream:#17150F; --cream-deep:#201D16; --card:#232019; --line:#3A3428;
  --ink:#F2EDE3; --ink-soft:#B8AF9F;
  --blue:#5FA2E8; --blue-deep:#8EC0F2; --blue-tint:#1A2938;
  --red:#F0625B; --red-ink:#F59690; --red-tint:#3A1E1B;
  --green:#5DBE69; --green-ink:#86D690; --green-tint:#1A3020;
  --yellow:#F2C230; --yellow-ink:#F4D57E; --yellow-tint:#3A3017;
  --on-blue:#0F1A26;
  --shadow:0 4px 18px rgba(0,0,0,.35); color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-body);font-size:15.5px;line-height:1.6;overflow-x:hidden}
a{color:var(--blue-deep);text-underline-offset:2px}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;line-height:1.2;margin:0;color:var(--ink)}
h2{font-size:22px;font-weight:900;letter-spacing:-.005em}
h3{font-size:16px;font-weight:800}
p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:16px 64px}

/* header + wordmark */
header.top{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-block:6px 18px;border-bottom:1px solid var(--line);margin-bottom:22px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand svg{flex:none;width:40px;height:40px}
.brand .wm{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.brand .wm b{font-family:var(--f-display);font-weight:900;font-size:21px;letter-spacing:.01em}
.brand .wm b span{color:var(--ink-soft);font-weight:800}
.brand .wm small{font-family:var(--f-display);font-weight:800;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px}
.me{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink-soft)}
.bar{height:8px;width:180px;background:var(--line);border-radius:99px;overflow:hidden}
.bar>i{display:block;height:100%;background:var(--green);width:0;transition:width .4s}
#progtxt{font-family:var(--f-display);font-weight:800;color:var(--ink)}

/* rail */
.layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:28px;align-items:start}
nav.rail{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);display:flex;flex-direction:column;gap:2px;min-width:0}
nav.rail a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:500}
nav.rail a .n{font-family:var(--f-display);font-weight:800;font-size:11.5px;color:var(--ink-soft);width:20px}
nav.rail a .tick{margin-left:auto;font-size:12px;font-weight:700;color:var(--green-ink)}
nav.rail a:hover{background:var(--cream-deep)}
nav.rail a[aria-current="page"]{background:var(--blue);color:var(--on-blue)}
nav.rail a[aria-current="page"] .n,nav.rail a[aria-current="page"] .tick{color:var(--on-blue)}
nav.rail .grp{font-family:var(--f-display);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:14px 10px 4px}
main{min-width:0;display:flex;flex-direction:column;gap:18px}

/* cards + type */
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:var(--shadow)}
.card.hero{background:var(--blue-tint);border-color:transparent;border-radius:26px;padding:28px}
.card.hero h2{font-size:clamp(24px,3.4vw,32px)}
.kicker{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 12px}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue)}
.kicker.g::before{background:var(--green)} .kicker.r::before{background:var(--red)} .kicker.y::before{background:var(--yellow)}
.sub{color:var(--ink-soft);max-width:64ch}
.note{font-size:13.5px;color:var(--ink-soft)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.tile{background:var(--cream);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
ul,ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.rule{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.rule:first-of-type{border-top:none}
.rule .k{width:26px;height:26px;border-radius:50%;background:var(--blue-tint);color:var(--blue-deep);font-family:var(--f-display);font-weight:900;font-size:13px;display:grid;place-items:center}
.say{background:var(--yellow-tint);border-left:4px solid var(--yellow);border-radius:10px;padding:10px 14px;margin-top:6px}
.say b{color:var(--yellow-ink)}
mark{background:var(--yellow-tint);color:inherit;box-shadow:inset 0 -2px 0 var(--yellow);border-radius:3px;padding:0 2px}
.pill{display:inline-block;font-family:var(--f-body);font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--blue-tint);color:var(--blue-deep);white-space:nowrap}
.pill.ok{background:var(--green-tint);color:var(--green-ink)} .pill.bad{background:var(--red-tint);color:var(--red-ink)} .pill.warn{background:var(--yellow-tint);color:var(--yellow-ink)}
.tablebox{overflow-x:auto;border:1px solid var(--line);border-radius:14px;max-width:100%}
table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--f-display);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:800;background:var(--cream)}
tr:last-child td{border-bottom:none}

/* controls */
button,.btn{font:600 14px var(--f-body);border-radius:999px;border:1px solid var(--blue);background:var(--blue);color:var(--on-blue);padding:9px 18px;cursor:pointer}
button:hover{filter:brightness(1.05)}
button.ghost{background:transparent;color:var(--blue-deep);border-color:var(--line)}
button.ghost:hover{background:var(--blue-tint)}
button.done{background:var(--green-tint);color:var(--green-ink);border-color:transparent}
button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;max-width:100%}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row textarea{flex:1 1 240px;min-width:0;min-height:44px}

/* quizzes + checklist */
.q{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.q:first-of-type{border-top:none;padding-top:0}
.q legend{padding:0;margin-bottom:6px}
.opts{display:flex;flex-direction:column;gap:6px}
.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:9px 12px;cursor:pointer}
.opt input{margin-top:5px;accent-color:var(--blue)}
.opt:hover{background:var(--cream)}
.opt.right{border-color:var(--green);background:var(--green-tint)}
.opt.wrong{border-color:var(--red);background:var(--red-tint)}
.why{font-size:13.5px;color:var(--ink-soft)}
.score{font-family:var(--f-display);font-weight:900;font-size:20px}
.check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.check:first-child{border-top:none}
.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--green);flex:none}

/* time zones */
.tz{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tzout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
.tzc{background:var(--cream);border-radius:14px;padding:10px 14px}
.tzc b{display:block;font-family:var(--f-display);font-weight:900;font-size:20px}
.tzc small{color:var(--ink-soft)}

/* role-play */
.chat{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;padding:4px}
.msg{max-width:82%;padding:9px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}
.msg.parent{background:var(--cream-deep);align-self:flex-start;border-bottom-left-radius:4px}
.msg.me{background:var(--blue);color:var(--on-blue);align-self:flex-end;border-bottom-right-radius:4px}
.msg.sys{background:var(--yellow-tint);align-self:stretch;max-width:100%;font-size:14px;border-radius:12px}
.scen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.scen button{text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;font-weight:500;display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:12px 14px}
.scen button:hover{background:var(--cream);filter:none}
.scen button b{font-family:var(--f-display);font-weight:800}
.scen button .src{font-size:11.5px;font-weight:700;color:var(--red-ink)}
.scen button[aria-pressed="true"]{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue) inset}

/* timeline */
.weeks{display:flex;flex-direction:column;gap:14px}
.week h3{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}
.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px}
.timeline>div{background:var(--cream);border-radius:14px;padding:12px 14px;border-top:4px solid var(--blue);display:flex;flex-direction:column;gap:3px}
.timeline>div.self{border-top-color:var(--yellow)} .timeline>div.go{border-top-color:var(--green)}
.timeline .when{font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:.06em;color:var(--ink-soft)}

/* findings */
.find{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.find:first-of-type{border-top:none}
.find .big{font-family:var(--f-display);font-weight:900;font-size:22px;color:var(--red);min-width:72px;line-height:1.1}
.find .big.ok{color:var(--green-ink)}

/* call library */
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs button{background:var(--card);color:var(--ink);border-color:var(--line)}
.tabs button[aria-selected="true"]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.calls{display:flex;flex-direction:column;gap:10px}
details.call{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--green);border-radius:18px;box-shadow:var(--shadow);min-width:0}
details.call.bad{border-left-color:var(--red)}
details.call>summary{list-style:none;cursor:pointer;padding:14px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:start}
details.call>summary::-webkit-details-marker{display:none}
details.call .code{font-family:var(--f-display);font-weight:900;font-size:15px;color:var(--ink-soft);padding-top:1px}
details.call .ttl{font-family:var(--f-display);font-weight:800;font-size:16px;line-height:1.3}
details.call .meta{grid-column:2/4;font-size:13px;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
details.call .chev{font-size:12px;color:var(--ink-soft);transition:transform .2s;display:inline-block}
details.call[open] .chev{transform:rotate(90deg)}
.callbody{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px}
.sit{background:var(--cream);border-radius:12px;padding:10px 14px}
.moms{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mom{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1.25fr);gap:12px;padding:12px 14px;border-top:1px solid var(--line)}
.mom:first-child{border-top:none}
.mom.head{background:var(--cream);font-family:var(--f-display);font-weight:800;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding-block:8px}
.mom .at{font-family:var(--f-mono);font-size:12px;color:var(--ink-soft)}
.mom .qt{font-style:italic}
.mom .ls .pill{margin-right:6px;font-style:normal}
.mom.copy{background:linear-gradient(90deg,var(--green-tint),transparent 60%)}
.mom.fix{background:linear-gradient(90deg,var(--red-tint),transparent 60%)}
.mom.mixed{background:linear-gradient(90deg,var(--green-tint),transparent 60%)}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink-soft);align-items:center}

@media (max-width:820px){
  .layout{grid-template-columns:minmax(0,1fr)}
  nav.rail{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:6px;scrollbar-width:thin}
  nav.rail .grp{display:none}
  nav.rail a{white-space:nowrap;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px}
  .bar{width:110px}
  .card{padding:18px 16px}
  .card.hero{padding:22px 18px}
}
@media (max-width:640px){
  .mom{grid-template-columns:minmax(0,1fr);gap:4px}
  .mom.head{display:none}
  details.call>summary{padding:12px 14px}
  .callbody{padding:0 14px 14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- added for the hosted Academy (not in the artifact) ---------- */
.me a#signout{font-weight:600;font-size:13px}
.gate{min-height:100vh;display:grid;place-items:center;padding:24px}
.gate .box{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:32px 28px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.gate .brand{justify-content:center}
.gate #gbtn{min-height:44px;display:flex;justify-content:center}
.gate .msg-err{color:var(--red-ink);font-weight:600}
.picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.picker a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow)}
.picker a:hover{border-color:var(--blue)}
.picker a b{font-family:var(--f-display);font-weight:900;font-size:18px}
tr.dim td{opacity:.55}
td button.small,button.small{padding:4px 12px;font-size:12.5px}
.viewer{display:flex;flex-direction:column;gap:10px}
.viewer .chat{max-height:none}
.flags{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.flags label{display:flex;gap:8px;align-items:center}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.soon{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@media (max-width:820px){ .gate .box{padding:26px 18px} }

/* call library: situation filter (added after the artifact; not part of its stylesheet) */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.chips button{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.chips button .n{color:var(--ink-soft);font-weight:700;margin-left:2px}
.chips button[aria-pressed="true"]{background:var(--blue-deep);color:var(--on-blue);border-color:var(--blue-deep)}
.chips button[aria-pressed="true"] .n{color:inherit}
details.call .sitp{background:var(--blue-tint);color:var(--ink)}

/* call library: recordings on model calls (added after the artifact; not part of its stylesheet) */
.callaudio{display:flex;flex-direction:column;gap:6px;min-width:0}
.callaudio audio{width:100%;max-width:100%;height:40px;display:block}
.mom .at{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.mom .playmom{font-family:var(--f-body,inherit);font-size:11.5px;font-weight:700;line-height:1.25;padding:5px 8px;border-radius:10px;background:var(--card);color:var(--ink);border:1px solid var(--line);text-align:left;white-space:normal}
.mom .playmom:hover{border-color:var(--ink)}
@media (max-width:640px){ .mom .at{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px} }
@media (min-width:641px){ .mom{grid-template-columns:136px minmax(0,1fr) minmax(0,1.25fr)} .mom .playmom{white-space:nowrap} }

/* ---------- Call Sheet V10 modules: the call step by step, objections, templates (added 12 Nov 2026) ---------- */
.frame{gap:8px;max-width:72ch}
figure.flow{margin:0;display:flex;flex-direction:column;gap:14px;align-items:center;min-width:0}
.flowsvg{width:100%;height:auto;display:block}
.flow-wide{max-width:760px} .flow-phone{display:none;max-width:400px}
@media (max-width:700px){ .flow-wide{display:none} .flow-phone{display:block} }
figure.flow figcaption{align-self:stretch;background:var(--yellow-tint);border-left:4px solid var(--yellow);border-radius:10px;padding:10px 14px;font-weight:600}
.flowsvg .box{fill:var(--cream);stroke:var(--line);stroke-width:1.5}
.flowsvg .box.inb{fill:var(--card)}
.flowsvg .box.ask{stroke:var(--blue);stroke-dasharray:6 4}
.flowsvg .box.side{fill:var(--card);stroke:var(--ink-soft);stroke-width:1.2;stroke-dasharray:4 4}
.flowsvg .dot{fill:var(--blue)}
.flowsvg .fn{fill:var(--on-blue);font:900 13px var(--f-display)}
.flowsvg .ft{fill:var(--ink);font:800 14.5px var(--f-display)}
.flowsvg .fs{fill:var(--ink-soft);font:500 12px var(--f-body)}
.flowsvg .band{fill:var(--yellow-tint);stroke:var(--yellow);stroke-width:1.5}
.flowsvg .fb{fill:var(--yellow-ink);font:900 13.5px var(--f-display)}
.flowsvg .pq{fill:var(--card);stroke:var(--yellow);stroke-width:1.5}
.flowsvg .fq{fill:var(--ink);font:italic 600 13px var(--f-body)}
.flowsvg .fl{fill:var(--yellow-ink);font:800 12.5px var(--f-display)}
.flowsvg .fbr{fill:var(--ink);font:700 12.5px var(--f-body)}
.flowsvg .arw{fill:none;stroke:var(--ink-soft);stroke-width:1.6}
.flowsvg .arw.dash{stroke-dasharray:4 4}
.flowsvg .link{fill:none;stroke:var(--yellow);stroke-width:2}
.flowsvg .ah{fill:var(--ink-soft)}
.stephead{display:flex;gap:12px;align-items:center}
.stepn{flex:none;width:36px;height:36px;border-radius:50%;background:var(--blue);color:var(--on-blue);font:900 16px var(--f-display);display:grid;place-items:center}
.card.step.inband{border-left:5px solid var(--yellow)}
.pband{font-style:italic} .pband .pill{font-style:normal;white-space:normal}
.lbl{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.say.pre{white-space:pre-line}
.say.partner{box-shadow:inset 0 0 0 2px var(--yellow)}
.card.step .say,.rung .say{margin-top:0}
.sheetnote{border-left:3px solid var(--line);padding-left:10px}
.band-h{margin-top:6px}
.rung{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--line)}
.rung .say{align-self:stretch} .rung .pill{white-space:normal}
.cta{font-weight:600}
details.more>summary{cursor:pointer;font:800 16px var(--f-display)}
details.more[open]>summary{margin-bottom:8px}
.ladder.sub{display:flex;flex-direction:column;gap:8px;padding-top:16px;margin-top:16px;border-top:2px solid var(--line)}
.tpl{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--line)}
.tplhead{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tplmsg{background:var(--cream);border-radius:12px;padding:10px 14px;white-space:pre-wrap;overflow-wrap:anywhere}
/* call library: a note where a call's lesson differs from Call Sheet V10 */
.v10{display:block;margin-top:8px;padding:8px 10px;background:var(--yellow-tint);border-radius:10px;font-style:normal}
.v10 .pill{margin-right:6px}
.v10call .v10{margin-top:0}

/* My coaching + Coaching review (added after the artifact; not part of its stylesheet) */
.coach{display:flex;flex-direction:column;gap:18px;min-width:0}
.coachsec{font-size:19px;font-weight:900;margin-top:8px}
.coachhead{font-family:var(--f-display);font-weight:800;font-size:17.5px;line-height:1.35;max-width:62ch}
.coachdl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 18px;margin:0}
.coachdl dt{font-family:var(--f-display);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:800;padding-top:4px}
.coachdl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.coachitem .say{margin-top:0;overflow-wrap:anywhere}
.coachclip .playmom{align-self:flex-start;font:700 13px var(--f-body);padding:7px 14px;border-radius:999px;background:var(--card);color:var(--ink);border:1px solid var(--line)}
.coachclip .playmom:hover{border-color:var(--ink);filter:none}
.hw{background:var(--cream);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.hw h4{margin:0;font-family:var(--f-display);font-weight:800;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.hwlist{list-style:none;padding:0;gap:10px}
.hwrow{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start}
.hwrow input{width:18px;height:18px;margin:3px 0 0;padding:0;accent-color:var(--green)}
.hwrow input:disabled{opacity:.75}
.cutlist{list-style:none;padding:0;gap:0}
.cutlist li{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.cutlist li:first-child{border-top:none}
.cutlist li.dim>span:first-child{opacity:.55;text-decoration:line-through}
@media (max-width:640px){ .coachdl{grid-template-columns:minmax(0,1fr);gap:2px} .coachdl dd{margin-bottom:10px} }

/* ---- Who we are & who we help: hero collage, story cards, video moments, graduates (public/js/impact.js) ---- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.shot{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--blue-tint),var(--green-tint));display:grid;place-items:center}
.shot>img,.shot>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nw{white-space:nowrap}
.shot.miss .mono{opacity:.35} .shot .mono{opacity:0;font-family:var(--f-display);font-weight:900;font-size:54px;color:var(--blue);opacity:.35}
.playbtn{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;padding:0;background:linear-gradient(to top,rgba(0,0,0,.28),rgba(0,0,0,0) 55%);display:grid;place-items:center;cursor:pointer}
.playbtn span{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.94);color:#1F5FA8;display:grid;place-items:center;font-size:20px;padding-left:4px;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform .15s}
.playbtn:hover{filter:none} .playbtn:hover span{transform:scale(1.08)}
.playbtn:focus-visible{outline-offset:-4px}
.shot.miss .playbtn{display:none}

.card.hero.impact{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:26px;align-items:center}
.impact-txt{display:flex;flex-direction:column;gap:12px;min-width:0}
.card.hero.impact h2{font-size:clamp(28px,4.2vw,42px);letter-spacing:-.01em}
.bignums{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:1fr;gap:10px;max-width:460px}
.bignums li{background:var(--card);border-radius:16px;padding:14px 18px;display:flex;flex-direction:row;align-items:baseline;gap:16px;box-shadow:var(--shadow)}
.bignums b{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,2.6vw,36px);line-height:1;letter-spacing:-0.01em;white-space:nowrap;min-width:150px;color:var(--blue-deep)}
.bignums span{font-size:14px;color:var(--ink-soft);line-height:1.4}
.impact .why{font-family:var(--f-display);font-weight:800;font-size:16.5px;line-height:1.4;color:var(--ink);margin:0}
.collage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(84px,10.5vw,128px);gap:8px;min-width:0}
.collage .shot{aspect-ratio:auto;border-radius:14px}
/* three rows: wide + square, three squares, square + wide. Two-person photos never go in a tall narrow tile (faces get cut) */
.collage .shot{grid-column:span 2} .collage .c0,.collage .c6{grid-column:span 4}

.rowttl{display:flex;align-items:center;gap:10px;font-size:18px;margin-top:10px}
.rowttl::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--blue);flex:none}
.rowttl.top::before{background:var(--green)}
.storyrow,.gradgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gradgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.story,.grad{position:relative;background:var(--cream);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0;margin:0}
.grad .shot{aspect-ratio:3/2}
.story-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.story-body p{margin:0}
.who{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0}
.who b{font-family:var(--f-display);font-weight:900;font-size:17px}
.who span{font-size:12.5px;font-weight:700;color:var(--ink-soft);letter-spacing:.02em}
.ba{position:relative;font-family:var(--f-display);font-weight:900;font-size:21px;line-height:1.15;text-wrap:balance}
.ba .b{color:var(--ink)} .ba .arr{color:var(--green)} .ba .a{color:var(--green-ink)}
.story blockquote,.grad blockquote{margin:4px 0 0;padding:2px 0 2px 10px;border-left:3px solid var(--yellow);font-size:13.5px;line-height:1.45}
.story blockquote p,.grad blockquote p{font-style:italic}
blockquote cite,figcaption cite{display:block;font-style:normal;font-size:12px;font-weight:700;color:var(--ink-soft);margin-top:2px}
.story-foot{margin-top:auto;padding-top:4px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.story .watch{padding:6px 14px;font-size:13px}
.usestory{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.usestory p{margin:0}

.moments{gap:22px} .mgroup{display:flex;flex-direction:column;gap:10px;min-width:0}
.momentgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.momentgrid.small{grid-template-columns:repeat(4,minmax(0,1fr))}
.moment{margin:0;display:flex;flex-direction:column;gap:7px;min-width:0}
.moment .shot{aspect-ratio:16/9;border-radius:14px}
.moment figcaption p{margin:0;font-size:13.5px;font-weight:600;line-height:1.4}

.tn{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;font-size:13.5px;line-height:1.4;margin:0}
.tn .lbl{font-family:var(--f-display);font-weight:800;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding-top:2px}
.tn.now span:last-child{color:var(--green-ink);font-weight:700}
.gradlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.gradrow{border-top:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.gradrow>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.gradrow .mono{width:40px;height:40px;border-radius:50%;background:var(--green-tint);color:var(--green-ink);font-family:var(--f-display);font-weight:900;font-size:17px;display:grid;place-items:center}

dialog.player{border:0;border-radius:18px;padding:0;background:var(--card);color:var(--ink);width:min(920px,94vw);max-height:92vh;box-shadow:0 20px 60px rgba(0,0,0,.5)}
dialog.player::backdrop{background:rgba(10,12,16,.78)}
.player-in{display:flex;flex-direction:column;gap:10px;padding:12px}
.player video{width:100%;max-height:72vh;background:#000;border-radius:12px;display:block}
.player .row{justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}
.player .cap{margin:0;font-weight:600;color:var(--ink)}

.tile.fam .pill{align-self:flex-start} .tile.fact b{text-wrap:balance} .tile.fam h3{margin-top:6px} .tile.fam ul{margin:2px 0;padding-left:18px} .tile.fam p{margin:2px 0}
.statline{display:flex;align-items:center;gap:16px} .statline p{margin:0}
.bigstat{font-family:var(--f-display);font-weight:900;font-size:clamp(44px,8vw,64px);line-height:1;color:var(--blue-deep)}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tile.fact{gap:2px} .tile.fact b{font-family:var(--f-display);font-weight:900;font-size:21px;line-height:1.15;color:var(--blue-deep)}
.tile.fact span{font-size:14px;font-weight:600;line-height:1.35} .tile.fact small{font-size:12px;color:var(--ink-soft)}
.steps .rule.you{background:var(--yellow-tint);border-radius:12px;border-top-color:transparent;padding:12px;margin:0 -12px}
.steps .rule.you .k{background:var(--yellow);color:#3a2c05}
.chips{display:flex;flex-wrap:wrap;gap:8px} .chips .pill{white-space:normal;padding:5px 12px;font-size:12.5px}

@media (max-width:1000px){
  .storyrow,.gradgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .card.hero.impact{grid-template-columns:minmax(0,1fr)}
  .collage{order:-1;grid-auto-rows:clamp(78px,22vw,150px)}
  .momentgrid.small{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  /* phones: swipe through the stories instead of a very long page */
  .gradlist,.morewins{grid-template-columns:minmax(0,1fr)}
  .morewins li{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
  .proofhead{padding-top:22px}
  .storyrow,.gradgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scrollbar-width:thin}
  .storyrow>.story,.gradgrid>.grad{flex:0 0 80%;scroll-snap-align:start}
  .momentgrid,.momentgrid.small{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scrollbar-width:thin}
  .momentgrid>.moment{flex:0 0 72%;scroll-snap-align:start}
  .playbtn span{width:44px;height:44px;font-size:16px}
  .bignums{grid-template-columns:1fr;gap:10px} .bignums li{flex-direction:row;align-items:baseline;gap:14px;padding:14px 16px} .bignums b{font-size:28px;min-width:124px} .bignums span{font-size:14px}
  .player .row{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.playbtn span{transition:none}}

/* the team org chart (The role & team): wide, so it scrolls inside its own box; a tap opens it full size */
.orgbox{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;max-width:100%;scrollbar-width:thin}
.orgopen{display:block;border:0;border-radius:0;padding:0;background:#fff;width:100%;min-width:900px;cursor:zoom-in}
.orgopen:hover{filter:none} .orgopen:focus-visible{outline-offset:-4px}
.orgopen img{display:block;width:100%;height:auto}
.orgcap{margin:0}
dialog.player.chart{width:96vw;max-width:96vw;height:92vh}
.player.chart .player-in{height:100%;box-sizing:border-box}
.player.chart .row{flex:none} .zoomrow{gap:8px;flex-wrap:nowrap} .zoomrow button{padding:4px 14px;font-size:18px;line-height:1.2}
.chartscroll{flex:1;min-height:0;overflow:auto;background:#fff;border-radius:12px;border:1px solid var(--line)}
.chartscroll img{display:block;width:100%;min-width:900px;height:auto;cursor:zoom-in}

/* polish pass (12 Nov): one picture shape per section, faces kept in view, equal-height cards, no blank tiles */
.shot>video.loop{object-position:100% 50%}
.story .shot,.grad .shot{border-bottom:1px solid var(--line)}
.story-body .note{line-height:1.45}
.morewins{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.morewins li{background:var(--cream);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.morewins .who b{font-size:15px} .ba.sm{font-size:16px;line-height:1.2}
.proofhead{margin-top:14px;padding:26px 4px 2px;border-top:2px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.proofhead h2{font-size:clamp(24px,3.4vw,32px)}
.proofhead .sub{margin:0}
.card.donecard{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.card.donecard p{margin:0}
@media (max-width:1000px){ .morewins{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .morewins,.gradlist{grid-template-columns:minmax(0,1fr)} }
/* Today card + per-section quick checks (13 Nov 2026) */
.card.today{border-left:4px solid var(--yellow)}
.today h2{margin:0}
.today h3{margin:14px 0 6px;font-size:15px}
.today .tpeople,.today .tlive{background:var(--blue-tint);border-radius:10px;padding:8px 12px;margin:10px 0 0}
.today .tlive{background:var(--green-tint)}
.tlist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.titem{display:flex;gap:10px;align-items:flex-start;min-width:0}
.titem>span:last-child{min-width:0;overflow-wrap:anywhere}
.tbox{flex:0 0 22px;height:22px;border:2px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--ink-soft)}
.titem.done .tbox{background:var(--green-tint);border-color:var(--green);color:var(--green-ink)}
.titem.half .tbox{border-color:var(--yellow);color:var(--yellow-ink)}
.tpick{gap:8px;margin:6px 0}
.tpick select{max-width:100%}
.fortnight{margin-top:14px}
.fortnight summary{cursor:pointer;font-weight:700}
.fortnight tr.now td{background:var(--yellow-tint)}
.card.quizcard{border-left:4px solid var(--blue)}

/* ---- Teaching interstate blocks (public/js/blocks-interstate.js) ---- */
.src{display:block;font-size:12px;color:var(--ink-soft);margin-top:3px}
.src a{color:var(--ink-soft)}
ul.facts,ol.traps,ul.sources{margin:10px 0 0;padding-left:20px}
ul.facts li,ol.traps li{margin:0 0 12px}
ul.facts li[hidden]{display:none}
dl.summary{margin:12px 0 0;display:grid;gap:10px}
dl.summary>div{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:4px 16px;padding:10px 0;border-top:1px solid var(--line)}
dl.summary dt{font-family:var(--f-display);font-weight:800;font-size:13.5px;color:var(--ink-soft)}
dl.summary dd{margin:0}
@media (max-width:620px){dl.summary>div{grid-template-columns:minmax(0,1fr)}}
.tablebox.sticky{overflow-x:auto;max-width:100%}
table.aus{border-collapse:separate;border-spacing:0;font-size:13px;min-width:860px}
table.aus th,table.aus td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
table.aus thead th{font-family:var(--f-display);font-weight:900;background:var(--cream-deep)}
table.aus tbody th{position:sticky;left:0;background:var(--card);font-family:var(--f-display);font-weight:800;font-size:12.5px;color:var(--ink-soft);min-width:130px;max-width:150px;z-index:1}
table.aus thead th:first-child{position:sticky;left:0;z-index:2}
section.card.warn{border-left:5px solid var(--yellow)}
.seg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 4px}
.seg [aria-pressed="true"]{background:var(--blue);color:var(--on-blue);border-color:var(--blue)}
.saynever{display:grid;gap:14px;margin-top:12px}
.sn{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.sn .q{margin:0 0 8px;font-weight:600}
.sn .cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sn .say{background:var(--green-tint);border-radius:10px;padding:8px 12px}
.sn .never{background:var(--red-tint);border-radius:10px;padding:8px 12px}
.sn .say b{color:var(--green-ink)} .sn .never b{color:var(--red-ink)}
.sn p{margin:4px 0 0}
@media (max-width:620px){.sn .cols{grid-template-columns:minmax(0,1fr)}}

/* digestible guides: folded sections, chips, key box, compare */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 6px}
.chips a{font-size:12.5px;font-weight:600;text-decoration:none;padding:4px 10px;border-radius:999px;background:var(--blue-tint);color:var(--blue-deep)}
details.sec{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-width:0}
details.sec>summary{cursor:pointer;list-style:none;padding:16px 22px;font-family:var(--f-display);font-weight:900;font-size:18px;display:flex;justify-content:space-between;align-items:center}
details.sec>summary::-webkit-details-marker{display:none}
details.sec>summary::after{content:"+";font-size:22px;color:var(--ink-soft)}
details.sec[open]>summary::after{content:"–"}
details.sec .secbody{display:flex;flex-direction:column;gap:12px;padding:0 10px 12px}
details.sec .secbody>.card{box-shadow:none;border-color:var(--line)}
.key5{border-left:5px solid var(--green)}
.key5 ol{margin:6px 0 0;padding-left:22px}
.key5 li{margin:0 0 8px}
.src{display:inline;margin-left:6px}
.src a{font-size:11.5px;text-decoration:none;color:var(--ink-soft);background:var(--cream-deep);border-radius:6px;padding:1px 6px;white-space:normal;overflow-wrap:anywhere;display:inline-block;max-width:100%}
.cmppick{display:flex;flex-wrap:wrap;gap:10px 18px;margin:6px 0}
.cmppick select{font:inherit;padding:4px 8px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
table.cmp{border-collapse:collapse;width:100%;font-size:14px}
table.cmp th,table.cmp td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.cmp thead th{font-family:var(--f-display);font-weight:900;background:var(--cream-deep)}
table.cmp tbody th{font-family:var(--f-display);font-weight:800;font-size:12.5px;color:var(--ink-soft);width:26%}
details.all{margin-top:10px}
details.all>summary{cursor:pointer;font-weight:600;color:var(--blue-deep)}

/* learn layer */
.schooled{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-weight:600}
.schooled select{font:inherit;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.youpath .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:6px}
.cardlet{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--cream)}
.cardlet[hidden]{display:none}
.cardlet.diff{border-left:5px solid var(--yellow)}
.cardlet.basics{border-left:5px solid var(--blue)}
.cardlet.same{grid-column:1/-1;background:transparent;border:none;padding:0 2px}
.cardlet .h{font-family:var(--f-display);font-weight:900;font-size:17px;line-height:1.25;margin:0 0 4px}
.cardlet .w{margin:0;font-size:14.5px}
.cardlet .samel{margin:0;color:var(--green-ink);font-size:14px}
.tlgrid{display:grid;gap:6px;margin-top:6px;overflow-x:auto}
.tlh,.tlr{display:grid;grid-template-columns:70px repeat(4,minmax(0,1fr));gap:6px;align-items:stretch}
.tlh span{font-size:12px;font-weight:700;color:var(--ink-soft);text-align:center}
.tll{font-family:var(--f-display);font-weight:900;font-size:14px;align-self:center}
.tlc{border-radius:10px;padding:8px;font-size:12.5px;line-height:1.3;min-height:54px}
.tlc.no,.tlleg i.no{background:var(--line);color:var(--ink-soft)}
.tlc.yes,.tlleg i.yes{background:var(--green-tint);color:var(--green-ink)}
.tlc.exam,.tlleg i.exam{background:var(--blue-tint);color:var(--blue-deep)}
.tlleg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ink-soft);margin-top:8px}
.tlleg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.tlnotes{margin:8px 0 0;padding-left:0;list-style:none;font-size:14px}
.tlnotes li{margin:4px 0}
@media (max-width:620px){.tlh,.tlr{grid-template-columns:52px repeat(4,minmax(64px,1fr))}.tlc{font-size:11.5px;padding:6px}}
details.sn{border:1px solid var(--line);border-radius:12px;padding:0}
details.sn>summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:600}
details.sn>summary::-webkit-details-marker{display:none}
details.sn>summary::after{content:" · tap to see";font-weight:500;color:var(--ink-soft);font-size:13px}
details.sn[open]>summary::after{content:""}
details.sn .cols{padding:0 14px 12px}
.refhead{background:var(--cream-deep)}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
details.tile{border:1px solid var(--line);border-radius:14px;background:var(--cream)}
details.tile>summary{list-style:none;cursor:pointer;padding:12px;display:flex;flex-direction:column;gap:2px}
details.tile>summary::-webkit-details-marker{display:none}
details.tile .ic{font-size:20px}
details.tile .lb{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}
details.tile .big{font-family:var(--f-display);font-weight:900;font-size:16px;line-height:1.25}
details.tile[open]{grid-column:1/-1;background:var(--card)}
details.tile>p{margin:0;padding:0 12px 12px;font-size:14px}
/* diagrams */
.card.dg h3{font-size:16px}
.dg-stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dg-stages li{background:var(--blue-tint);border-radius:12px;padding:10px;display:flex;flex-direction:column}
.dg-stages b{font-family:var(--f-display);font-weight:900;color:var(--blue-deep)} .dg-stages small{color:var(--ink-soft);font-size:12px;margin-top:4px}
.dg-stack{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;align-items:end}
.dg-stack .levels{display:flex;flex-direction:column;gap:4px}
.dg-stack .lv{border-radius:10px;padding:8px 10px;background:var(--green-tint);color:var(--green-ink);display:flex;flex-direction:column}
.dg-stack .lv.stacked{margin-left:calc(var(--i) * 10px);background:color-mix(in srgb,var(--blue-tint),var(--blue) calc(var(--i) * 14%));color:var(--blue-deep)}
.dg-stack .lv small{font-size:11.5px;opacity:.85}
.dg-stack .cl{display:block;text-align:center;font-size:12px;font-weight:700;color:var(--ink-soft);margin-top:6px;border-top:2px solid var(--line);padding-top:4px}
.dg-ticks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dg-ticks li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px}
.dg-ticks li.ok{background:var(--green-tint)} .dg-ticks li.no{background:var(--red-tint)}
.dg-ticks li span{font-weight:900} .dg-ticks li.ok span{color:var(--green-ink)} .dg-ticks li.no span{color:var(--red-ink)}
.dg-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.dg-flow li{flex:1 1 120px;background:var(--cream-deep);border-radius:12px;padding:10px;display:flex;flex-direction:column;position:relative}
.dg-flow li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);font-weight:900;color:var(--ink-soft)}
.dg-flow em{font-style:normal;font-family:var(--f-display);font-weight:900;color:var(--blue-deep)} .dg-flow small{font-size:12px;color:var(--ink-soft)}
.dg-papers{display:grid;gap:4px}
.dg-papers div{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);font-size:14px}
.dg-room{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dg-room>div{border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.dg-room .yes{background:var(--green-tint)} .dg-room .no{background:var(--red-tint)}
.dg-bars{display:grid;gap:8px}
.dg-bars div{display:grid;grid-template-columns:100px 1fr 40px;gap:8px;align-items:center;font-size:14px}
.dg-bars .bar{height:14px;background:var(--line);border-radius:99px;overflow:hidden} .dg-bars .bar i{display:block;height:100%;background:var(--blue)}
.dg-sched{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:6px}
.dg-sched div{background:var(--cream-deep);border-radius:10px;padding:10px;display:flex;flex-direction:column} .dg-sched div.big{background:var(--yellow-tint)}
.dg-sched small{font-size:12px;color:var(--ink-soft)}
details.more{border-top:1px dashed var(--line);margin-top:4px}
details.more>summary{cursor:pointer;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--blue-deep)}
@media (max-width:620px){.dg-stages,.dg-sched{grid-template-columns:1fr 1fr}.dg-room{grid-template-columns:1fr}.dg-flow{flex-direction:column}.dg-flow li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-14px;transform:none}.dg-stack{grid-template-columns:1fr}}
/* flow reads left to right on a wide screen, top to bottom on a phone */
.card .dg-flow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;padding:0;margin:0}
.card .dg-flow li{min-height:0;height:auto;margin:0}
/* (first card h2 is stripped in JS now) */
@media (max-width:620px){.card .dg-flow{grid-auto-flow:row}}

.tlc.y11,.tlleg i.y11{background:var(--yellow-tint);color:var(--yellow-ink)}
.dg-gloss{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.dg-gloss div{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.dg-gloss dt{font-family:var(--f-display);font-weight:900}
.dg-gloss dd{margin:2px 0 0;font-size:14px}

/* "Look it up", easier to read (Jono 15 Nov): short answer → picture → Good to know → sources */
.secbody .answer{background:var(--blue-tint);border-left:4px solid var(--blue);border-radius:12px;padding:12px 16px;margin:0 0 12px;font-size:16.5px;line-height:1.6}
.secbody .answer .lbl{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:2px}
.secbody .answer p{margin:0 0 8px} .secbody .answer p:last-child{margin:0}
.card.gtk{padding-top:14px}
.gtkh{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px}
dl.gtkl{margin:0;display:block}
dl.gtkl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 18px;padding:11px 0;border-top:1px solid var(--line)}
dl.gtkl>div:first-child{border-top:0}
dl.gtkl dt{font-family:var(--f-display);font-weight:800;color:var(--blue-deep);line-height:1.4}
dl.gtkl dd{margin:0;line-height:1.6;max-width:62ch}
.gtk .tip{display:block;margin:12px 0 0;background:var(--yellow-tint);border-radius:12px;padding:10px 14px;font-size:15px}
sup.fnr{font-size:10.5px;font-weight:700;color:var(--ink-soft);margin-left:2px;cursor:help}
ul.facts{display:block}
details.more.fn>summary{color:var(--ink-soft);font-weight:600}
ol.fnlist{margin:0;padding:4px 14px 12px 34px;font-size:13px} ol.fnlist li{margin:0 0 4px}
@media (max-width:620px){dl.gtkl>div{grid-template-columns:1fr;gap:2px}}
.dg-bars .bar{width:auto}