@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,500..900&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&family=IBM+Plex+Mono:wght@400;500;700&display=swap');
/* SEBCS app pages: cream ground, ink, rust accent. Same class names as before, light theme. */
:root,html:root{--bg:#F4F1EA;--ink:#141414;--gold:#B5451B;--gm:#5B574F;--pink:#933613;--rule:#D9D4C7;--dim:#3A3732;--card:#FBFAF6;--card2:#FBFAF6;--bar:rgba(244,241,234,.96);--ok:#2F6B34;--tint:#F7ECE3;--sand:#EFEBE2;--rh:#933613;--hs:6px 6px 0 #B5451B;--hs-sm:4px 4px 0 #B5451B;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
html,body{margin:0;background:var(--bg);color:var(--ink)}
body{font-family:'Source Sans 3',sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--gold);color:var(--bg)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;z-index:9;background:rgba(244,241,234,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
nav .wrap{display:flex;gap:18px;align-items:center;min-height:56px;overflow-x:auto;scrollbar-width:none}
nav .wrap::-webkit-scrollbar{display:none}
nav a{display:inline-flex;align-items:center;min-height:44px;font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gm);text-decoration:none;white-space:nowrap;transition:color .2s}
nav a:hover,nav a.bk{color:var(--gold)}
h1,h2,h3{font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:-.025em;margin:0;text-wrap:balance}
h1{font-size:clamp(2.1rem,6.4vw,3.3rem);line-height:1.04;letter-spacing:-.03em;margin-bottom:.4em}
h2{font-size:clamp(1.7rem,4.8vw,2.3rem);line-height:1.1;margin-bottom:.5em}
h3{font-size:1.3rem;line-height:1.2;margin:1.8em 0 .5em;color:var(--ink)}
p,li{color:var(--dim);font-size:1.1rem}
p{margin:0 0 1.05em;text-wrap:pretty}
ul,ol{padding-left:1.15em;margin:0 0 1.2em}
li{margin-bottom:.5em}
li::marker{color:var(--gold)}
strong{color:var(--ink);font-weight:600}
.eb{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 1.2em}
header{padding:clamp(32px,7vw,52px) 0 32px;border-bottom:1px solid var(--rule)}
section{padding:clamp(32px,6vw,44px) 0;border-bottom:1px solid var(--rule)}
.card{border:1px solid var(--rule);padding:24px 26px;margin:1.4em 0;background:var(--card);border-radius:4px}
.card .num{display:block;margin-bottom:.6em;font-family:'Archivo',sans-serif;font-weight:700;font-size:1.3rem;color:var(--gold)}
.card p:last-child{margin-bottom:0}
blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:4px solid var(--gold);font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(1.15rem,3.4vw,1.4rem);line-height:1.3;color:var(--ink);font-style:normal}
.warn,.send{padding:15px 18px;border-left:4px solid var(--gold);background:var(--tint);margin:1.4em 0;border-radius:0 4px 4px 0}
.send{margin-top:1.4em}
.warn p,.send p{margin:0;font-size:1rem}
.send a{display:block;margin-bottom:.35em;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none}
.self{margin-top:1.4em;padding:15px 18px;border-left:4px solid var(--gm);background:var(--sand);border-radius:0 4px 4px 0}
.self b{display:block;font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gm);margin-bottom:.45em}
.self p{margin:0;font-size:1rem}
.self ul{margin:.4em 0 0;padding-left:1.1em}
.self li{font-size:1rem;margin-bottom:.25em}
table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:1rem}
td,th{border:1px solid var(--rule);padding:11px 13px;text-align:left;vertical-align:top;color:var(--dim)}
th{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:500;background:var(--sand)}
.tool,.lib div{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--gold);border-radius:4px;padding:24px 26px;margin:1.4em 0;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.tool h4{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.35rem;margin:0 0 .6em;color:var(--ink)}
.tool ol li,.tool ul li{font-size:1.02rem}
.lib{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lib div{padding:20px 22px;margin:0}
.lib h4{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.25rem;margin:0 0 .5em}
.lib ol{margin:0;padding-left:1.2em}
.lib li{font-size:.98rem;margin-bottom:.4em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:1em;padding:12px 26px;border-radius:4px;background:var(--gold);color:var(--bg);text-decoration:none;font-family:'IBM Plex Mono',monospace;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;line-height:1.2;transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover{background:var(--rh);color:var(--bg);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.btn:active{transform:none;box-shadow:none}
.fm{color:var(--gold);font-style:italic;text-decoration:underline}
.next{padding:60px 0 90px}
.next a{color:var(--gold)}
p a,li a,td a,summary a,.sx-dim a{color:var(--gold);font-weight:600;text-decoration:underline;text-decoration-color:rgba(181,69,27,.4);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
p a:hover,li a:hover,td a:hover,summary a:hover,.sx-dim a:hover{color:var(--rh);text-decoration-color:var(--rh)}
.sx-go,a[href^='/program-tracker#d']{display:inline-flex;align-items:center;min-height:40px;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:500;text-decoration:none;border:1px solid var(--gold);border-radius:4px;padding:8px 14px;white-space:nowrap;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.sx-go:hover,a[href^='/program-tracker#d']:hover{background:var(--gold);color:var(--bg);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}
details{border-top:1px solid var(--rule);padding:0}
details:last-of-type{border-bottom:1px solid var(--rule)}
summary{cursor:pointer;min-height:52px;padding:12px 0;font-family:'Archivo',sans-serif;font-weight:700;font-size:1.15rem;line-height:1.3;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:color .2s}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';color:var(--gold);font-family:'IBM Plex Mono',monospace;font-size:1.4rem}
details[open]>summary::after{content:'−'}
summary:hover{color:var(--gold)}
details p{margin-top:.2em}
.sx-prog{margin:1.8em 0 0}
.bar{height:8px;background:var(--rule);border-radius:4px;overflow:hidden;margin-top:.9em}
.bar i{display:block;height:100%;background:var(--gold);transition:width .4s}
.sx-prog .m{font-family:'IBM Plex Mono',monospace;font-size:.76rem;letter-spacing:.06em;color:var(--gm);margin:.7em 0 0}
.sx-tools{border:1px solid var(--rule);border-radius:4px;padding:18px 22px;margin:1.6em 0;background:var(--card)}
.sx-tools p{font-size:1rem;margin:0 0 14px}
.sx-warn{color:var(--pink)!important}
.sx-btns{display:flex;flex-wrap:wrap;gap:10px}
.sx-btn{display:inline-flex;align-items:center;min-height:44px;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:4px;padding:10px 16px;cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .2s,box-shadow .2s}
.sx-btn:hover{border-color:var(--gold);color:var(--gold);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--gold)}
.sx-btn.sx-primary{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.sx-btn.sx-primary:hover{background:var(--rh);color:var(--bg);border-color:var(--rh);box-shadow:3px 3px 0 var(--ink)}
.sx-btn.sx-danger:hover{border-color:var(--pink);color:var(--pink);box-shadow:3px 3px 0 var(--pink)}
input[data-pf]{width:100%;min-height:44px;background:var(--card);border:1px solid var(--ink);border-radius:4px;color:var(--ink);font-family:'Source Sans 3',sans-serif;font-size:1rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}
input[data-pf]:hover,input[data-pf]:focus{border-color:var(--gold);outline:none}
input[data-pf]:focus{box-shadow:0 0 0 3px rgba(181,69,27,.2)}
.sx-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1em 0}
.pfl{display:grid;gap:4px;margin:0;align-content:start}.pfl>.sx-pe{margin:0}
.pfl>span{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gm)}
.sx-day{margin-top:2.4em}
.sx-dh{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 .4em}
.sx-dn{font-family:'IBM Plex Mono',monospace;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:500}
.sx-dh h3{margin:0;flex:1;min-width:200px;font-size:1.45rem;color:var(--ink)}
.sx-row{border:1px solid var(--rule);border-radius:4px;padding:18px 22px;margin:12px 0;background:var(--card);transition:border-color .25s,transform .25s var(--ease),box-shadow .25s var(--ease)}
.sx-row:hover{border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:var(--hs-sm)}
.sx-main{display:flex;gap:14px;align-items:flex-start;cursor:pointer}
.sx-main input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:1px 0 0;border:2px solid var(--ink);border-radius:4px;background:var(--card);cursor:pointer;position:relative;transition:border-color .2s,background .2s}
.sx-main input:hover{border-color:var(--gold)}
.sx-main input:checked{background:var(--gold);border-color:var(--gold)}
.sx-main input:checked:after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:15px;font-weight:700}
.sx-main input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sx-t{flex:1;color:var(--ink);font-size:1.08rem;line-height:1.45}
.sx-min,.sx-opt{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding-top:.5em}
.sx-min{color:var(--gm)}
.sx-opt{color:var(--pink);margin-left:8px;font-style:normal}
.sx-done .sx-t{text-decoration:line-through;text-decoration-color:var(--gold);opacity:.65}
.sx-ctl{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 0 38px}
.sx-sel span{display:block;font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gm);margin-bottom:5px}
.sx-sel select{appearance:none;-webkit-appearance:none;min-width:160px;min-height:44px;font-family:'Source Sans 3',sans-serif;font-size:.95rem;color:var(--ink);background:var(--card) url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27%3E%3Cpath d=%27M1 1l4 4 4-4%27 fill=%27none%27 stroke=%27%23B5451B%27 stroke-width=%271.5%27/%3E%3C/svg%3E') no-repeat right 12px center;border:1px solid var(--ink);border-radius:4px;padding:9px 34px 9px 12px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.sx-sel select:hover,.sx-sel select:focus{border-color:var(--gold);outline:none}
.sx-sel select:focus{box-shadow:0 0 0 3px rgba(181,69,27,.2)}
.sx-sel option{background:#fff;color:var(--ink)}
.sx-note{margin:12px 0 0 38px;padding:8px 14px;border-left:4px solid var(--gold);background:var(--tint);font-size:.96rem;color:var(--dim)}
.sx-row details.sx-how{margin:14px 0 0 38px;padding:12px 0 0;border-top:1px solid var(--rule);border-bottom:0}
.sx-how summary{min-height:44px;padding:0;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--gold);justify-content:flex-start;gap:10px}
.sx-how summary::before{content:'+';color:var(--gold)}
.sx-how[open] summary::before{content:'−'}
.sx-how summary::after{content:none}
.sx-how summary:hover{color:var(--rh)}
.sx-how p{font-size:1rem;margin:.8em 0 0}
.sx-dim{font-size:.92rem;color:var(--dim)}
.sx-rev{margin:1.6em 0}
.sx-stats{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:16px}
.sx-stat{border:1px solid var(--rule);border-top:3px solid var(--gold);border-radius:4px;padding:18px 20px;background:var(--card)}
.sx-stat b{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-size:2.4rem;line-height:1;letter-spacing:-.03em;color:var(--gold);margin-bottom:.35em}
.sx-stat.big b{font-size:3rem}
.sx-stat span{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gm)}
.sx-stat p{font-size:.98rem;margin:.6em 0 0}
.sx-grp{border:1px solid var(--rule);border-left:4px solid var(--gold);border-radius:4px;margin:12px 0;background:var(--card)}
.sx-grp.waiting{border-left-color:var(--gm)}
.sx-grp.skipped{border-left-color:var(--pink)}
.sx-grp.none{border-left-color:var(--rule)}
.sx-grp h4{display:flex;justify-content:space-between;margin:0;padding:14px 20px;border-bottom:1px solid var(--rule);font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.sx-grp h4 em{font-style:normal;color:var(--gm)}
.sx-it{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:13px 20px;border-top:1px solid var(--rule)}
.sx-it:first-of-type{border-top:none}
.tt{display:block;color:var(--ink);font-size:1.02rem;line-height:1.4}
.sub{display:block;font-size:.9rem;color:var(--dim);margin-top:2px}
.sx-next{display:grid;gap:10px}
.sx-nx{display:grid;grid-template-columns:34px 1fr auto;gap:16px;align-items:center;padding:18px 22px;border:1px solid var(--rule);border-radius:4px;background:var(--card);transition:border-color .25s,transform .25s var(--ease),box-shadow .25s var(--ease)}
.sx-nx:hover{border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:var(--hs-sm)}
.sx-nx .n{font-family:'Archivo',sans-serif;font-weight:900;font-size:1.8rem;line-height:1;color:var(--gold)}
.sx-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
@media print{body *{visibility:hidden}.sx-card,.sx-card *{visibility:visible}.sx-card{position:absolute;left:0;top:0}}
@media(max-width:640px){.lib{grid-template-columns:1fr}.sx-stats,.sx-grid3,.sx-form{grid-template-columns:1fr}.sx-ctl,.sx-note,.sx-row details.sx-how{margin-left:0}.sx-nx{grid-template-columns:28px 1fr}.sx-nx .sx-go{grid-column:2}.sx-it{flex-direction:column;align-items:flex-start}.card,.tool{padding:20px}.sx-row:hover,.sx-nx:hover{transform:none}}
/* page specific classes that hardcode dark colors in their own styles */
body .tl b,body .card h3,body .toc span,body .br h4,body .strat h3,body .idea h4,body .tier h4,body .me .nm,body .sig .a,body .reach h4,body .g3 b,body .sp h3,body .it h3,body .it h4,body .split b,body .idx b,body .dk b,body .doors b,body .up h3,body .card h2,body .box h2,body .side .who b,body .top b,body .steps3 li:before,body .idea .nb,body .vt tr.you td:first-child,body .num{font-family:'Archivo',sans-serif;font-weight:700;font-style:normal}
body .tag,body .sig .b,body .up .pr,body .price,body .quote,body .lead,body .sc-q{font-family:'Archivo',sans-serif;font-weight:700;font-style:normal}
body .lead{font-weight:400;font-family:'Source Sans 3',sans-serif;color:var(--dim)}
body .tag{font-size:clamp(1.3rem,4vw,1.7rem);color:var(--gold)}
body .sig .b{color:var(--gold)}
body .sig .a{font-size:clamp(1.3rem,4vw,1.7rem)}
body .me .nm{font-size:1.8rem}
body .card,body .toc a,body .steps3 li,body .br,body .strat,body .tier,body .reach,body .g3>div,body .doors div,body .box,body .sp,body .it,body .idx a,body .idea,body .nxt,body .tl a.c{background:var(--card);border-color:var(--rule);box-shadow:none;border-radius:4px}
body .toc a,body .idx a{border-left:3px solid var(--gold)}
body .br,body .strat,body .g3>div,body .doors div,body .box,body .it.top,body .nxt,body .card{border-top:3px solid var(--gold)}
body .tier.hi,body .sp.hi{border:2px solid var(--ink);box-shadow:var(--hs)}
body .reach{border:1px dashed var(--gold);background:var(--card)}
body .me,body .split,body .guar,body .up,body .dk{border:1px solid var(--gold);background:var(--tint);border-radius:4px}
body .toc a:hover,body .br:hover,body .idx a:hover,body .dk:hover,body .idea:hover,body .idea:focus{border-color:var(--ink);transform:translate(-3px,-3px);box-shadow:var(--hs)}
body .idea.on{border-color:var(--gold);box-shadow:var(--hs-sm)}
body .idea:hover .nb,body .idea.on .nb{background:var(--gold);color:var(--bg)}
body .idea .pk{color:var(--bg);background:var(--gold)}
body .card:hover{transform:none}
body .tl a.c{border-left:4px solid var(--rule)}
body .tl li.nx a.c{border-left-color:var(--gold)}
body .tl li.dn a.c{border-left-color:var(--ok)}
body .tabs a[aria-current]{color:var(--gold);background:var(--tint)}
body .top summary,body .top .menu{background:var(--card)}
body .acc.in,body .dn .bd{color:var(--ok);border-color:var(--ok)}
body .prog{background:var(--rule)}
body .vt tr.tot td:last-child{text-decoration-color:var(--gold)}
body .num{font-family:'IBM Plex Mono',monospace;color:var(--gold);font-weight:500}
body .cmp th.hi,body .cmp td.hi{background:var(--tint)}
body .pvb{background:var(--ink);color:var(--bg)}
body .gbtn{box-shadow:0 1px 3px rgba(0,0,0,.25);border-color:var(--ink)}
body form input[type=text],body form select,body form textarea,body .f input{background:var(--card);border:1px solid var(--ink);color:var(--ink);font-family:'Source Sans 3',sans-serif;min-height:44px}
body form input:focus,body form select:focus,body form textarea:focus,body .f input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(181,69,27,.2)}
body button.ghost{border:1px solid var(--ink);color:var(--ink);border-radius:4px;min-height:48px}
body .ans{background:var(--card);border-left:4px solid var(--gold)}
body .flag{background:var(--tint);border-left:4px solid var(--gold)}
body .sc{border:1px dashed var(--gm)}
body a.btn.ghost{border-color:var(--gold)}
body .check li.done label{color:var(--gm)}
body .copy-btn{border-color:var(--gold);color:var(--gold)}
body .copy-btn:hover{background:var(--tint)}
body .script{background:var(--card)}
body .sx-tpl{background:var(--card);border-left:4px solid var(--gold)}
body .sx-tpl [data-pv]{color:var(--gold)}
body .legend .acc{background:transparent}
@media(max-width:640px){body .toc a:hover,body .br:hover,body .idx a:hover,body .dk:hover,body .idea:hover{transform:none;box-shadow:var(--hs-sm)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* script-injected overlays and the shared signup form (styles live in the scripts, restyled here) */
html .ks-f{border:1px solid var(--ink);border-radius:4px;background:var(--bg);box-shadow:var(--hs-sm)}
html .ks-in{min-height:48px;background:var(--bg);color:var(--ink);font:400 17px 'Source Sans 3',Arial,sans-serif}
html .ks-in::placeholder{color:var(--gm)}
html .ks-b{min-height:48px;background:var(--gold);color:var(--bg);font:700 16px 'Archivo',Arial,sans-serif;transition:background .2s}
html .ks-b:hover{background:var(--rh)}
html .ks-m{font:400 14px 'Source Sans 3',Arial,sans-serif;color:var(--gold)}
html #kg{background:rgba(244,241,234,.97)}
html #kg .kgb{border:2px solid var(--ink);border-radius:4px;background:var(--card);box-shadow:var(--hs)}
html #kg .kgk{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
html #kg h1{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(1.7rem,6vw,2.2rem);letter-spacing:-.03em;color:var(--ink)}
html #kg p{font-family:'Source Sans 3',sans-serif;font-weight:400;color:var(--dim);font-size:1.05rem}
html #kg .kgs{font-size:.92rem}
html #kw{background:rgba(244,241,234,.97);backdrop-filter:none;font-family:'Source Sans 3',Arial,sans-serif}
html #kw .wl h2{font-family:'Archivo',sans-serif;font-weight:900;letter-spacing:-.03em;color:var(--gold);animation:none}
html #kw .wl p{color:var(--ink)}
html #kw .bx{background:var(--card);border:2px solid var(--ink);border-top:2px solid var(--ink);border-radius:4px;box-shadow:var(--hs);color:var(--dim)}
html #kw .bx h3{font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
html #kw .bx li{font-size:1rem;color:var(--dim)}
html #kw .bx b{color:var(--ink)}
html #kw .ns{border:1px solid var(--gold);background:var(--tint);color:var(--ink)}
html #kw .ns strong{color:var(--gold)}
html #kw .ct{border-top:1px solid var(--rule)}
html #kw .ct a{color:var(--gold);font-weight:600}
html #kw .x{color:var(--gm);min-width:44px;min-height:44px}
html #kw .go{min-height:48px;background:var(--gold);color:var(--bg);font:700 16px 'Archivo',Arial,sans-serif;border-radius:4px}
html #kw .go:hover{background:var(--rh)}
/* /kit and /programs navigation widgets (injected by sebcs-jump.js), restyled light */
html nav .wrap>a,html #jd-b{font-family:'IBM Plex Mono',monospace;font-size:.7rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--gm);padding:10px 6px}
html nav .wrap>a:hover,html #jd-b:hover{color:var(--gold)}
html nav .wrap>a.bk,html nav .wrap>a.on,html #jd-b.on{color:var(--gold)}
html nav .wrap>a.on,html #jd-b.on{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
html #jd-m{background:var(--card);border:2px solid var(--ink);border-top:0;border-radius:0 0 4px 4px;box-shadow:var(--hs-sm)}
html #jd-m a{border-bottom:1px solid var(--rule);transition:background .2s}
html #jd-m a:hover,html #jd-m a.cur{background:var(--tint)}
html #jd-m a b{font-family:'Archivo',sans-serif;font-weight:800;font-size:1rem;color:var(--ink)}
html #jd-m a span{font-family:'Source Sans 3',sans-serif;font-weight:400;font-size:.92rem;color:var(--dim)}
html #jd-m a.cur b{color:var(--gold)}
html #jx-b{border:2px solid var(--gold);border-radius:4px;background:var(--card);color:var(--gold);box-shadow:var(--hs-sm);transition:opacity .25s,transform .25s,background .2s,color .2s}
html #jx-b:hover{background:var(--gold);color:var(--bg)}
html #jx-t{border:2px solid var(--gold);border-radius:4px;background:var(--card);color:var(--gold);font-weight:700;box-shadow:var(--hs-sm);transition:opacity .25s,background .2s,color .2s}
html #jx-t:hover{background:var(--gold);color:var(--bg)}
html #jx-o{background:rgba(20,20,20,.35)}
html #jx-s{background:var(--card);border-top:3px solid var(--gold);border-radius:8px 8px 0 0;box-shadow:0 -8px 32px rgba(20,20,20,.18)}
html #jx-s .gr{background:var(--rule)}
html #jx-s h3{color:var(--gm)}
html #jx-s a{border-bottom:1px solid var(--rule);color:var(--ink);transition:background .2s}
html #jx-s a:hover,html #jx-s a.cur{background:var(--tint)}
html #jx-s a b,html #jx-s a.cur i{color:var(--gold)}
html #jx-s a span{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.02rem}
html #jc{border:2px solid var(--ink);border-radius:4px;background:var(--card);box-shadow:var(--hs-sm)}
html #jc p{color:var(--dim)}
html #jc p b{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.05rem;color:var(--ink)}
html #jc a{border-radius:4px;background:var(--gold);color:var(--bg);font:700 .9rem 'Archivo',sans-serif;letter-spacing:0;text-transform:none;transition:background .2s}
html #jc a:hover{background:var(--rh)}
html #jc button{color:var(--gm)}
html #jc button:hover{color:var(--gold)}
@media(min-width:900px){html #jx-s{border:2px solid var(--ink);border-radius:4px;box-shadow:var(--hs)}}
@media(max-width:480px){html nav .wrap>a,html #jd-b{font-size:.64rem;letter-spacing:.06em;padding:10px 4px}}
@media(max-width:350px){html nav .wrap>a,html #jd-b{font-size:.6rem;padding:10px 3px}}

/* Guide reference card on a 30-day task (the method lives in the guide; the task links to it and into the Content Studio) */
.gref{background:var(--tint);border-radius:6px;padding:14px 16px;margin:1.4em 0}.gref p{margin:0}.gref-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.idea .gx-use{margin-top:10px;min-height:40px;padding:8px 12px;color:var(--gold);border-color:var(--gold)}