:root, [data-theme="light"] {
  color-scheme:light;
  --bg:#f3f2ee; --bg-2:#e9e8e3; --panel:#ffffff; --panel-2:#f7f6f2;
  --ink:#1a1a1c; --ink-2:#4a4a4f; --ink-3:#5f5f65;
  --line:#d9d8d3; --line-2:#858580;
  --red:#c8102e; --red-ink:#8f0b21; --red-tint:#fbeaed;
  --amber:#b84e00; --amber-ink:#9a4000; --amber-tint:#f8ede5;
  --green:#1a7d55; --green-ink:#166a49; --green-tint:#e8f2ee;
  --blue:#3b5c9a; --blue-ink:#3b5c9a; --blue-tint:#ebeff5;
  --sb-band:#f2e5db; --grid:#e2e1dd;
  --on-accent:#ffffff; --focus:#3b5c9a; --scrim:rgba(0,0,0,.5);
  --shadow:none; --shadow-sheet:0 8px 24px rgba(26,26,28,.16);
  --sans:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --cond:'IBM Plex Sans Condensed','IBM Plex Sans','Arial Narrow',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --space-0:0px; --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:32px; --space-6:48px;
  --type-label:var(--text-xs); --type-meta:var(--text-sm); --type-body:var(--text-md); --type-section:var(--text-lg); --type-title:var(--text-xl); --type-count:var(--text-display);
  --leading-label:16px; --leading-meta:20px; --leading-body:24px; --leading-section:28px; --leading-title:32px; --leading-count:64px;
  --weight-regular:400; --weight-medium:500; --weight-strong:600;
  --tracking-label:.04em; --tracking-count:-.02em; --tracking-body:0em;
  --radius-rail:0px; --radius-control:4px; --radius-card:6px; --radius-sheet:8px; --radius-dot:9999px;
  --stroke-hairline:1px; --stroke-stamp:1.5px; --stroke-focus:2px;
  --size-target:48px; --size-checkbox:20px; --size-icon:20px; --size-dot:8px; --size-progress:4px;
  --size-tabbar:64px; --size-stamp-min:112px; --size-phone:390px; --size-reading:42ch; --size-desktop:1080px;
  --duration-instant:0ms; --duration-state:120ms; --duration-expand:200ms; --duration-sheet:200ms;
  --ease-standard:cubic-bezier(.2,0,0,1);
  --layer-bar:6; --layer-dialog:20;
}
[data-theme="dark"] {
  color-scheme:dark;
  --bg:#0a0a0b; --bg-2:#101012; --panel:#151517; --panel-2:#1c1c1f;
  --ink:#eeeeee; --ink-2:#b3b3b7; --ink-3:#98989e;
  --line:#343437; --line-2:#737379;
  --red:#c8102e; --red-ink:#ff4d63; --red-tint:#33141b;
  --amber:#ff6b00; --amber-ink:#ff8f40; --amber-tint:#342318;
  --green:#1f9d6b; --green-ink:#43d197; --green-tint:#1b2c26;
  --blue:#9db0d3; --blue-ink:#9db0d3; --blue-tint:#262c38;
  --sb-band:#271b11; --grid:#242427;
  --on-accent:#ffffff; --focus:#9db0d3;
  --shadow:none; --shadow-sheet:0 8px 24px rgba(0,0,0,.5);
}
@media (prefers-reduced-motion:reduce) {
  :root, [data-theme] { --duration-state:0ms; --duration-expand:0ms; --duration-sheet:0ms; }
}

@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#0a0a0b; --bg-2:#101012; --panel:#151517; --panel-2:#1c1c1f;
  --ink:#eeeeee; --ink-2:#b3b3b7; --ink-3:#98989e;
  --line:#343437; --line-2:#737379;
  --red:#c8102e; --red-ink:#ff4d63; --red-tint:#33141b;
  --amber:#ff6b00; --amber-ink:#ff8f40; --amber-tint:#342318;
  --green:#1f9d6b; --green-ink:#43d197; --green-tint:#1b2c26;
  --blue:#9db0d3; --blue-ink:#9db0d3; --blue-tint:#262c38;
  --sb-band:#271b11; --grid:#242427;
  --on-accent:#ffffff; --focus:#9db0d3;
  --shadow:none; --shadow-sheet:0 8px 24px rgba(0,0,0,.5);}}

/* Reader: Marines opening public tools. Effect: read setup and help on a phone. */
html{scroll-behavior:smooth}body{font-size:var(--text-md);line-height:var(--lh-body,1.5)}
:root{--err:var(--red-ink)}*{box-sizing:border-box} [hidden]{display:none!important}
.wrap{max-width:1040px;padding-inline:16px}h1{font:600 var(--text-xl)/var(--lh-tight,1.25) var(--cond)}h2{font:600 var(--text-xl)/var(--lh-tight,1.25) var(--cond)}h3{font-size:var(--text-lg);line-height:var(--lh-tight,1.25)}
p,li{overflow-wrap:break-word}p{max-width:720px}.lead{font-size:var(--text-md);line-height:var(--lh-body,1.5)}.fine,.small,.hint{font-size:var(--text-sm);line-height:var(--lh-body,1.5);color:var(--ink-2)}
input::placeholder,textarea::placeholder{color:var(--ink-2);opacity:1}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.cta,.act,.save,.delete,nav a,summary,button{min-height:48px}.cta{line-height:var(--lh-body,1.5);white-space:normal;text-align:center;justify-content:center}
.cta.ink{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
input[type=email],input[type=text],textarea{border-color:var(--line-2)}
.card,.panel,.setup-card,.ledger,.board,.ai101,.frame{box-shadow:none}
.hero{padding-top:24px}.hero h1{max-width:720px}.hero .lead{max-width:600px}.requirement{font-size:var(--text-sm);line-height:var(--lh-body,1.5);color:var(--ink-2);margin:16px 0 8px}
.site-hero{display:block!important}.site-hero .ledger{display:none}.site-hero .ctas{margin-top:8px}
main>section{margin-top:48px}main>section.hero{margin-top:0}.setup-card{margin-top:24px;border-top:1px solid var(--line-2);padding:24px}
.setup-card .ctas{margin-top:0;gap:8px}.setup-grid{gap:24px}.setup-card .requirement{margin:0 0 8px}.setup-card h2{margin-bottom:16px}
.setup-card details{margin-top:8px}#setup-message{background:var(--panel-2);min-height:120px;font-size:var(--text-sm);line-height:var(--lh-body,1.5)}
.copy-status{margin:8px 0}.quick{font-size:16px!important;line-height:var(--lh-body,1.5)}
.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.preview{border:1px solid var(--line-2);border-radius:6px;background:var(--panel);padding:24px;min-width:0}
.preview .label{margin-bottom:16px}.preview h3{margin:0 0 8px}.preview p{color:var(--ink-2)}.preview-question{border:1px solid var(--line-2);padding:12px;margin:16px 0;border-radius:4px;color:var(--ink)!important;background:var(--panel-2)}
.preview-list{margin:16px 0 0;padding:0;list-style:none}.preview-list li{padding:8px 0;border-top:1px solid var(--line)}.preview-meta{font:var(--text-xs)/var(--lh-meta,1.333333333) var(--mono);color:var(--ink-3)}
.task-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0 24px;border-bottom:1px solid var(--line);padding-bottom:16px}.task-links a{display:inline-flex;align-items:center;min-height:48px}
.policy .wrap{max-width:752px}.policy h1{margin-top:24px}.policy h2{margin-top:32px}.policy p a{display:inline;min-height:0}.policy pre{white-space:pre-wrap;overflow-wrap:anywhere}
.skip{position:absolute;left:16px;top:-100px;padding:12px;background:var(--panel);z-index:20}.skip:focus{top:8px}
@media(max-width:859px){main>section{margin-top:32px}.preview-grid{grid-template-columns:1fr}.preview,.setup-card{padding:16px}.setup-grid{grid-template-columns:1fr;gap:16px}}
@media(max-width:480px){h1{font-size:var(--text-xl);line-height:var(--lh-tight,1.25)}h2{font-size:var(--text-xl);line-height:var(--lh-tight,1.25)}.hero{padding-top:24px}.hero h1{margin-bottom:12px}header.top{padding-top:16px}.brand .brand-lockup{width:240px}main>section.demo{margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.ask-sub{font:400 var(--text-md)/var(--lh-body,1.5) var(--sans);color:var(--ink-2);margin:0 0 12px}.starter{font:inherit;background:none;border:0;padding:0;color:var(--ink);white-space:normal}

.ctas{display:flex;flex-wrap:wrap;gap:8px}.act{display:inline-flex;align-items:center;max-width:100%;white-space:normal}

a{overflow-wrap:anywhere}.act{overflow-wrap:anywhere}.policy h1{overflow-wrap:anywhere;text-wrap:wrap}

.brand-lockup{display:block;width:200px;max-width:100%;height:auto;color:var(--ink)}.brand-link{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;color:var(--ink)}

/* WC Design v1 */
:root{
  --bg:#F4F3EF; --surface:#FFFFFF; --surface-2:#FAF9F6; --fill:rgba(28,28,30,.055); --fill-2:rgba(28,28,30,.09);
  --sep:rgba(28,28,30,.09); --ink:#1C1C1E; --ink-2:#48484D; --ink-3:#5F5F65;
  --accent:#C8102E; --accent-ink:#A30D25; --accent-fill:rgba(200,16,46,.09); --on-accent:#FFFFFF;
  --amber-ink:#9A4000; --amber-fill:rgba(184,78,0,.10); --green-ink:#166A49; --green-fill:rgba(26,125,85,.10); --blue-ink:#3B5C9A; --blue-fill:rgba(59,92,154,.10);
  --r-card:16px; --r-group:14px; --r-control:12px; --r-pill:999px; --r-sheet:24px; --r-stamp:10px;
  --shadow-card:0 1px 2px rgba(20,20,22,.04),0 6px 20px rgba(20,20,22,.06);
  --shadow-raised:0 2px 6px rgba(20,20,22,.06),0 14px 36px rgba(20,20,22,.10);
  --shadow-sheet:0 -10px 44px rgba(0,0,0,.18);
  --ease:cubic-bezier(.2,.8,.2,1); --t-fast:120ms; --t:220ms;
}
/* dark: --bg:#0B0B0C; --surface:#161618; --surface-2:#1E1E21; --fill:rgba(255,255,255,.07); --fill-2:rgba(255,255,255,.11);
   --sep:rgba(255,255,255,.08); --ink:rgba(255,255,255,.94); --ink-2:rgba(255,255,255,.70); --ink-3:rgba(255,255,255,.58);
   --accent-ink:#FF5468; --accent-fill:rgba(255,84,104,.14); shadows off, cards get a 1px rgba(255,255,255,.06) inner border instead */
[data-theme=dark]{color-scheme:dark;--bg:#0B0B0C;--surface:#161618;--surface-2:#1E1E21;--fill:rgba(255,255,255,.07);--fill-2:rgba(255,255,255,.11);--sep:rgba(255,255,255,.08);--ink:rgba(255,255,255,.94);--ink-2:rgba(255,255,255,.70);--ink-3:rgba(255,255,255,.58);--accent-ink:#FF6375;--accent-fill:rgba(255,84,104,.14);--amber-ink:#FFB37A;--green-ink:#80D7AE;--blue-ink:#A4C0F5;--shadow-card:none;--shadow-raised:none}

@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#0B0B0C;--surface:#161618;--surface-2:#1E1E21;--fill:rgba(255,255,255,.07);--fill-2:rgba(255,255,255,.11);--sep:rgba(255,255,255,.08);--ink:rgba(255,255,255,.94);--ink-2:rgba(255,255,255,.70);--ink-3:rgba(255,255,255,.58);--accent-ink:#FF6375;--accent-fill:rgba(255,84,104,.14);--amber-ink:#FFB37A;--green-ink:#80D7AE;--blue-ink:#A4C0F5;--shadow-card:none;--shadow-raised:none}}

:root,[data-theme]{--bg-2:var(--surface-2);--panel:var(--surface);--panel-2:var(--surface-2);--line:var(--sep);--line-2:var(--sep);--red:var(--accent);--red-ink:var(--accent-ink);--red-tint:var(--accent-fill);--amber-tint:var(--amber-fill);--green-tint:var(--green-fill);--blue-tint:var(--blue-fill);--good-ink:var(--green-ink);--good-tint:var(--green-fill);--warn-ink:var(--amber-ink);--warn-tint:var(--amber-fill);--on-red:var(--on-accent);--err:var(--accent-ink);--focus:var(--accent);--scrim:rgba(0,0,0,.32);--shadow:var(--shadow-card);--radius-card:var(--r-card);--radius-control:var(--r-control);--radius-sheet:var(--r-sheet);--size-checkbox:24px;--size-icon:22px;--duration-state:120ms;--duration-expand:220ms;--duration-sheet:260ms;--ease-standard:var(--ease);--type-body:var(--text-md);--type-meta:var(--text-sm);--type-section:var(--text-xl);--type-title:var(--text-xl);--leading-body:24px;--leading-meta:18px;--leading-section:28px;--leading-title:38px}

/* WC Design v1: public sites and course components. */
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 var(--text-md)/var(--lh-body,1.5) var(--sans);-webkit-font-smoothing:antialiased}
.wrap{max-width:1080px;padding-inline:16px}.policy .wrap{max-width:752px}
h1{font:600 var(--text-xl)/var(--lh-tight,1.25) var(--sans);letter-spacing:-.015em;text-wrap:balance}h2{font:600 var(--text-xl)/var(--lh-tight,1.25) var(--sans);letter-spacing:0;text-wrap:balance}h3{font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);text-wrap:balance}h4{font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);letter-spacing:0;text-transform:none}
.fine,.small,.hint,.runs-on,.requirement,.preview-meta,.rd{font:400 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);color:var(--ink-2)}
.label,.ey,.eyebrow,.kick,.kind,.cap,.lab,.wl,.panel .l,.plain .l,.bluf .l,.warnbox .l{font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);letter-spacing:.02em;color:var(--ink-2);text-transform:none}
header.top,.wrap>header,.wrap>header.top{border:0;padding-top:24px;padding-bottom:16px}
.hero{padding-top:24px;border:0}.hero h1{max-width:720px}.hero .lead{margin-top:12px}.hero .ctas{margin-top:16px}main>section{margin-top:28px}
.cta,.btn,.btn2,.act,.copybtn,.revealbtn,.save,.delete,.menu-btn,.reset,.reset-row button{font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);letter-spacing:0;text-transform:none;border:0;border-radius:var(--r-control);min-height:48px;min-width:48px;padding:12px 16px;background:var(--fill);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--t-fast) var(--ease),background var(--t-fast);max-width:100%;white-space:normal}
.cta{background:var(--accent);color:var(--on-accent)}.cta.alt,.cta.ink,.cta.secondary,.btn.ghost,.btn2,.btn2.solid{border:0;background:var(--fill);color:var(--ink)}
.cta:hover{background:#A50D27;border:0;color:#FFFFFF}.cta.alt:hover,.cta.ink:hover,.cta.secondary:hover,.btn2:hover{background:var(--fill-2);color:var(--ink)}
.cta:active,.btn:active,.btn2:active,.act:active,.copybtn:active,.revealbtn:active{transform:scale(.98)}
.btn{display:flex;width:100%;background:var(--accent);color:var(--on-accent)}.btn.ghost{background:var(--fill);color:var(--ink)}
.delete{background:var(--accent-fill);color:var(--accent-ink)}.save{background:var(--accent);color:var(--on-accent)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.card,.hub-menu .card,.panel,.setup-card,.preview,.board,.ledger,.ai101,.frame,.signup,.focus,.plain,.bluf,.warnbox,.widget,.phase,.lane,.drill,.donecard,.pf,.vid,.res,.sc,.cover>div{background:var(--surface);border:0;border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:20px;min-width:0}
.card.soon,.hub-menu .card.soon,.cover>div.out,.sc{background:var(--surface-2);border:0}
.card.live:hover,.card.live:focus-within{border:0;box-shadow:var(--shadow-raised)}.card.live .go .cta::after{border-radius:var(--r-card)}
.grid,.hub-menu .grid{gap:12px}.hub-menu .card{display:flex;flex-direction:column;gap:12px;align-items:stretch;padding:20px}
.hub-menu .card .top{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;min-height:32px}.hub-menu .card .top h3{flex:1;font:600 var(--text-md)/var(--lh-body,1.5) var(--sans)}
.hub-menu .card .n{font:400 var(--text-xs)/var(--lh-meta,1.333333333) var(--mono);color:var(--ink-3)}.hub-menu .card .runs-on{font:400 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans)}
.hub-menu .card .go{margin-top:auto;display:flex;align-items:stretch;padding-top:4px}.hub-menu .card .go .cta,.hub-menu .card>.cta{width:100%;font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);padding:12px 16px;background:var(--fill);color:var(--ink);align-self:stretch}
.hub-menu .card .act{background:var(--fill);width:100%;font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);padding:12px 16px}.hub-menu .card>.cta{margin-top:auto}
.chip,.hub-menu .card .chip,.badge,.ns,.kind.target,.kind.event,.kind.rule,.gs{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:8px 12px;border:0;border-radius:var(--r-pill);background:var(--fill);color:var(--ink-2);font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);letter-spacing:0;text-transform:none}
.chip::before,.badge::before,.ns::before{content:'';width:6px;height:6px;background:currentColor;border:0;border-radius:50%;display:inline-block;flex:none}
.chip.live,.chip[data-status=live]{background:var(--green-fill);color:var(--green-ink)}.chip.soon,.ns{background:var(--fill);color:var(--ink-2)}
.stamp,.bstamp,.demo .stamp{border:1.5px solid var(--accent);border-radius:var(--r-stamp);padding:8px 10px;color:var(--accent-ink);font:400 var(--text-xs)/var(--lh-meta,1.333333333) var(--mono)}
input:not([type=checkbox]):not([type=radio]),textarea,select,.field textarea,.field input,.plan-field textarea,.plan-field input,#alerts input[type=email],#setup-message,textarea.refl{background:var(--surface-2);color:var(--ink);border:1px solid var(--sep);border-radius:var(--r-control);min-height:48px;padding:12px 14px;font:400 var(--text-md)/var(--lh-body,1.5) var(--sans)}
input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:1}
input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus,.field textarea:focus,.field input:focus,textarea.refl:focus,.sub input:focus{border:2px solid var(--accent);padding:11px 13px;outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}
label,.field label,.plan-field label{font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);text-transform:none;letter-spacing:0;color:var(--ink)}
input[type=checkbox],input[type=radio]{appearance:none;width:24px;height:24px;border:1.75px solid var(--ink-3);border-radius:50%;background:transparent;position:relative;flex:none}
input[type=checkbox]:checked,input[type=radio]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked::after{content:'';position:absolute;width:10px;height:6px;left:5px;top:6px;border-left:1.75px solid white;border-bottom:1.75px solid white;transform:rotate(-45deg)}input[type=radio]:checked::after{content:'';position:absolute;inset:6px;border-radius:50%;background:white}
.widget .phase,.widget .plain,.widget .panel,.widget .row,.panel .sc,.setup-card .panel,.panel .panel,.drill pre,.pf pre{box-shadow:none;background:var(--surface-2);border:0;border-radius:var(--r-control)}
.preview-question,.ask,.quote,.msg,.ex,pre,code,.token,.board .verify,.welcome,.storewarn,.standing li,.phase .pe,.demo,.row{border:0;border-radius:var(--r-control);background:var(--fill);padding:12px 16px;box-shadow:none}
code{padding:2px 6px;font:400 var(--text-xs)/var(--lh-meta,1.333333333) var(--mono)}pre,pre.gen,.drill pre,.pf pre,.phase .pe,.msg{font:400 var(--text-xs)/var(--lh-meta,1.333333333) var(--mono);overflow-wrap:anywhere;white-space:pre-wrap}
.bl{border-bottom-style:solid}.bluf,.plain.take,.panel.lead,.demo{border:0}.widget .wl::before{border-radius:50%}
.seg{display:flex;gap:4px;padding:4px;border:0;border-radius:var(--r-control);background:var(--fill);overflow:visible}
.seg button{flex:1;border:0!important;border-radius:9px;min-height:48px;background:transparent;color:var(--ink-2);font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);padding:12px 8px}
.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.choices button,.tgl button,.yn button,.gd button,.tg button,.chipset button,.tile,.opt,.check,.line,.allok,.sortitem{border:0;border-radius:var(--r-control);background:var(--fill);color:var(--ink);font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);letter-spacing:0;text-transform:none;min-height:48px;padding:12px;box-shadow:none}
.choices button[aria-pressed=true],.tgl button[aria-pressed=true],.yn button[aria-pressed=true],.gd button.on,.tg button.on,.chipset button[aria-pressed=true],.tile[aria-pressed=true],.opt.sel,.line[aria-pressed=true],.allok[aria-pressed=true]{background:var(--ink);color:var(--bg);border:0;box-shadow:none}
.chipset button{border-radius:var(--r-pill);font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans)}.chipset button.hit,.line.good,.allok.good,.opt.correct{background:var(--green-fill);color:var(--green-ink);border:0}.chipset button.miss,.chipset button.extra,.line.bad,.allok.bad,.opt.wrong{background:var(--accent-fill);color:var(--accent-ink);border:0}
.gs.thin,.gs.missing,.kind.target,.sortitem .tag{border:0;border-radius:var(--r-pill);background:var(--fill);font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);color:var(--ink-2)}
.tile .tn,.sc .st,.phase .pt,.donecard h3,.pf h3{font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);letter-spacing:0;text-transform:none}.tile .tl,.sc .ns{font:400 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans)}
.score{font:600 var(--text-xl)/var(--lh-tight,1.25) var(--cond)}.row .date,.date{border:0;border-radius:var(--r-pill);background:var(--fill);font:400 var(--text-xs)/var(--lh-meta,1.333333333) var(--mono);padding:8px 12px}
.toc-pop,.contents{border:0;border-radius:var(--r-group);background:var(--surface);box-shadow:var(--shadow-raised)}
.toc-pop .reset,.menu-btn{border:0;background:var(--fill);border-radius:var(--r-control);font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans)}
.pager a,.pager button{border:0;border-radius:var(--r-control);background:var(--fill);color:var(--ink);min-height:48px;padding:12px 16px;font-family:var(--sans)}.pager .next{background:var(--accent);color:var(--on-accent)}
.preview-grid{gap:12px}.task-links{gap:8px;border:0;padding:0}.task-links a{background:var(--fill);border-radius:var(--r-pill);padding:8px 12px;font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);text-decoration:none;min-height:48px}
.tw table tr{border:0}.tw table{border-radius:var(--r-group);background:var(--surface);overflow:hidden}th{font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);color:var(--ink-2);text-transform:none;letter-spacing:0}
.demo video,.vid video,video{border:0;border-radius:var(--r-card)}
[data-theme=dark] :is(.card,.panel,.setup-card,.preview,.board,.signup,.focus,.plain,.bluf,.warnbox,.widget,.phase,.lane,.drill,.donecard,.pf,.vid,.res,.sc,.cover>div){box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.card,.panel,.setup-card,.preview,.board,.signup,.focus,.plain,.bluf,.warnbox,.widget,.phase,.lane,.drill,.donecard,.pf,.vid,.res,.sc,.cover>div){box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}}
@media(max-width:899px){.card,.hub-menu .card,.panel,.setup-card,.preview,.board,.signup,.focus,.plain,.bluf,.warnbox,.widget,.phase,.lane,.drill,.donecard,.pf,.vid,.res,.sc,.cover>div{padding:16px}main>section{margin-top:28px}.hero{padding-top:24px}.hero h1,h1{font-size:var(--text-xl);line-height:var(--lh-tight,1.25)}h2{font-size:var(--text-xl);line-height:var(--lh-tight,1.25)}.hub-menu .card h3{font-size:var(--text-md);line-height:var(--lh-body,1.5)}.tw table tr{border-radius:var(--r-group);box-shadow:var(--shadow-card);padding:16px;margin-bottom:12px}.preview-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}}

/* WC v1 target and secondary detail corrections. */
.skip,header nav a,.wrap>header nav a,.home,main p a,main li a,.srcs a,.small a,.policy p a,.hintrow a,.row summary,summary{min-height:48px;min-width:48px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
.home{display:flex}.got,.option{min-height:48px}.got input{min-height:48px}
.sc .ns{border:0;border-radius:var(--r-pill);background:var(--fill);font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);letter-spacing:0;text-transform:none;padding:8px 12px;min-height:32px}
.routes p,.option small,.option .small,#address,#message,.panel .status{font:400 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);color:var(--ink-2)}
.card .chip.live{background:var(--green-fill);color:var(--green-ink)}.card .chip.live::before{background:currentColor;transform:none}
.hub-menu .card .top h3{min-width:0}.hub-menu .card .top .chip{white-space:normal}.hub-menu .card .top{min-width:0}

/* WC v1 adaptive targets and enlarged-text layout. */
nav a,footer a,.tertiary,.task-links a,.cta,.act,.brand-link{min-height:48px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}summary{min-height:48px!important}
.skip{background:var(--ink);color:var(--bg)}
.trap,.honeypot{clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important;white-space:nowrap!important}
.hub-menu .card .top h3{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.updates>*{min-width:0}.updates .row{min-width:0;flex-wrap:wrap}.updates .row>*{min-width:0;max-width:100%}
.option small,.option span small{font:400 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans)}
.opt input,.got input{appearance:none;width:24px;height:24px;min-height:24px;min-width:24px;flex:0 0 24px;border:1.75px solid var(--ink-3);border-radius:50%}
.got{min-height:48px}
@media(max-width:859px){.updates{grid-template-columns:minmax(0,1fr)}}

/* WC v1 legacy aliases, nested tones, and disabled controls. */
:root:root,html[data-theme]{--bg-2:var(--surface-2);--panel:var(--surface);--panel-2:var(--surface-2);--line:var(--sep);--line-2:var(--sep);--red:var(--accent);--red-ink:var(--accent-ink);--red-tint:var(--accent-fill);--green-tint:var(--green-fill);--good-ink:var(--green-ink);--good-tint:var(--green-fill);--warn-ink:var(--amber-ink);--warn-tint:var(--amber-fill);--on-red:var(--on-accent)}
button,.toc-inline button{min-height:48px!important;min-width:48px!important}
.widget .ask,.widget .ex{background:var(--surface-2)}
.btn:disabled,.cta:disabled{opacity:1;background:var(--fill);color:var(--ink-2);border:0;cursor:default}

[style*="font-size:14.5px"],[style*="font-size:14px"],[style*="font-size:13.5px"],[style*="font-size:12.5px"]{font-size:13px!important;line-height:var(--lh-body,1.5)}

/* WC v1 disclosure and pager finish. */
details.gloss{border:0;border-radius:var(--r-group);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}
.widget details.gloss{background:var(--surface-2);box-shadow:none}
.pager button,.pager button:first-child,.pager #prev{border:0;border-radius:var(--r-control);background:var(--fill);color:var(--ink);font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);letter-spacing:0;padding:12px 16px}
.pager button:last-child:not(:first-child){border:0;background:var(--accent);color:var(--on-accent)}
.pager button:disabled{border:0;background:var(--fill);color:var(--ink-2);opacity:1}
#c7 .panel .cta{background:var(--fill);color:var(--ink)}
.empty .empty::before{display:none}.empty .empty{padding:0}

#pager #back{border:0;background:var(--fill);color:var(--ink);border-radius:var(--r-control);font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);letter-spacing:0;text-transform:none}
#pager #next{border:0;background:var(--accent);color:var(--on-accent);border-radius:var(--r-control)}
#next small{font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);letter-spacing:0;text-transform:none;opacity:1}

/* WC v1 final button and recovery-group polish. */
button.secondary{border:0!important;border-radius:var(--r-control)!important;background:var(--fill)!important;color:var(--ink);font:600 var(--text-md)/var(--lh-body,1.5) var(--sans);padding:12px 16px;opacity:1}
.c6-recovery{list-style:none;padding:0!important;border:0;background:var(--surface);border-radius:var(--r-group);box-shadow:var(--shadow-card);overflow:hidden}
.c6-recovery li{margin:0!important;padding:0!important;position:relative}
.c6-recovery li+li::before{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;background:var(--sep)}
.c6-recovery a{width:100%;padding:16px;gap:4px;flex-direction:column;align-items:flex-start;text-decoration:none;border:0!important;background:transparent!important;border-radius:0!important}
.c6-recovery a b{font:600 var(--text-md)/var(--lh-body,1.5) var(--sans)}.c6-recovery a span{font:400 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);color:var(--ink-2)}

/* WC v1 course navigation: grouped rows and tonal desktop tabs. */
.toc-inline button{border:0;border-radius:var(--r-control);background:var(--fill);padding:10px 12px;color:var(--ink-2)}
.toc-inline button[aria-current=step]{border:0;background:var(--ink);color:var(--bg)}.toc-inline button[aria-current=step] .n{color:inherit}
.contents li button,.toc-pop li button{border:0;background:transparent;padding:12px 16px}
.contents li,.toc-pop li{position:relative}.contents li+li::before,.toc-pop li+li::before{content:'';position:absolute;left:16px;right:16px;top:0;height:1px;background:var(--sep)}
.toc-pop .st,.contents .st{font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);letter-spacing:0;text-transform:none}

/* WC v1 course fact pills. */
.chips li{min-height:32px;padding:8px 12px;border:0;border-radius:var(--r-pill);background:var(--fill);color:var(--ink-2);font:600 var(--text-sm)/var(--lh-meta,1.333333333) var(--sans);letter-spacing:0;text-transform:none}

/* Inline prose links retain their surrounding sentence. */
p a,li a{display:inline;min-height:0;min-width:0} .chip.live::before{animation:none;box-shadow:none}

p a:not(.cta):not(.act):not(.btn),li a:not(.cta):not(.act):not(.btn){display:inline;min-height:0;min-width:0}.course-links a,.toc-pop a{min-height:48px}

main p a:not(.cta):not(.act):not(.btn):not(.btn2),main li a:not(.cta):not(.act):not(.btn):not(.btn2){display:inline;min-height:0;min-width:0;padding:0;margin:0}main p.srcs a{display:inline-flex;align-items:center;min-height:48px;padding:8px}

main p.srcs a:not(.cta):not(.act):not(.btn):not(.btn2),.srcs>a{display:inline-flex;align-items:center;min-height:48px;padding:8px;min-width:48px}

.dw a{display:inline;min-height:0;min-width:0;padding:0}

.c6-recovery li a:not(.cta):not(.act):not(.btn):not(.btn2){display:flex;min-height:64px;padding:16px;gap:4px;align-items:flex-start;flex-direction:column}.c6-recovery li a b{display:block}

/* Shared footer text must grow with text enlargement. */
footer.site-footer,footer.site-footer nav a{line-height:var(--lh-meta,1.333333333)}

/* Legacy page rules loaded after this sheet need proportional leading too. */
body h1,body h2{line-height:var(--lh-tight,1.25)}
body legend,body .focus .l,body .plain .l,body .warnbox .l,body .res .rm,body .got span,body .lane .ln,body .widget .wl,body .tl{line-height:var(--lh-meta,1.333333333)}
body .phase .pn,body .token{line-height:var(--lh-body,1.5)}

/* Keep the legacy lesson header below the shared site dialog. */
body>.top{z-index:var(--layer-bar)}