/* Soft Glass · Ocean — site-wide layer loaded after style.css */
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
:root{--bg:#eefaff;--bg-2:#e3f4fb;--surface:rgba(255,255,255,.66);--surface-2:rgba(255,255,255,.5);--glass:rgba(255,255,255,.62);
--text:#0d2a3a;--muted:#2f4b5c;--faint:#4d6878;--border:rgba(255,255,255,.9);--border-strong:rgba(11,102,131,.22);
--brand:#0d2a3a;--accent:#0b6683;--accent-strong:#095470;--accent-soft:rgba(11,102,131,.12);--accent-text:#0b5a73;--on-accent:#fff;
--g1:#bfefff;--g2:#c8e1ff;--g3:#c4f1e6;--a1:#22b8cf;--a2:#3b82f6;--hl1:#0e7490;--hl2:#1d4ed8;--sh:rgba(14,116,144,.16);
--shadow-sm:0 2px 8px var(--sh);--shadow:0 10px 30px var(--sh);--shadow-lg:0 18px 40px var(--sh);
--r-sm:14px;--r:22px;--r-lg:26px;--serif:"Nunito",ui-rounded,system-ui,sans-serif;--sans:"Nunito",ui-rounded,system-ui,sans-serif}
:root[data-theme="dark"]{--bg:#06141c;--bg-2:#0a1d27;--surface:rgba(16,40,54,.66);--surface-2:rgba(16,40,54,.5);--glass:rgba(10,30,42,.7);
--text:#e4f4fb;--muted:#a9c4d2;--faint:#8aa7b6;--border:rgba(120,200,230,.18);--border-strong:rgba(120,200,230,.3);--brand:#f0fbff;
--accent:#5fd0e6;--accent-strong:#86ddee;--accent-soft:rgba(95,208,230,.14);--accent-text:#8fe3f2;--on-accent:#04252a;--g1:#0b3a4c;--g2:#0f2d55;--g3:#0b3b33;--sh:rgba(0,0,0,.4)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:light}}
body{font-family:var(--sans);font-feature-settings:normal;background:radial-gradient(at 10% 10%,var(--g1) 0,transparent 45%),radial-gradient(at 90% 20%,var(--g2) 0,transparent 45%),radial-gradient(at 60% 100%,var(--g3) 0,transparent 50%),var(--bg);background-attachment:fixed;min-height:100vh}
h1,h2,h3,.brand-text,.section-head h2,.tile h3,.hero h1{font-family:var(--sans)!important;font-weight:800;letter-spacing:-.015em}
.card,.tile,.hub-card,.topic-tile,.q-card,.qcard,.feed-item,.dl-card,.brief-item,.st-block,.lab-callout,.pn,.cs-tpl,.cs-tl li,.fc-card .fc-face{background:var(--glass)!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--border)!important;border-radius:var(--r)!important;box-shadow:var(--shadow)}
.btn{border-radius:99px}.btn.primary{background:linear-gradient(135deg,var(--accent),#1e5bbf);color:#fff;border:0}
.hero-bg,.page-hero .hero-bg{display:none}
.page-hero{padding:18px 0 6px!important}.page-hero h1{font-size:clamp(1.7rem,3.2vw,2.4rem)!important;margin:0 0 6px}.page-hero .lead{font-size:1.02rem;max-width:70ch;margin:0}
.page-hero h1 em,.hero h1 em,.gl-hero h1 i{font-style:normal;background:linear-gradient(90deg,var(--hl1),var(--hl2));-webkit-background-clip:text;background-clip:text;color:transparent}
.section,.section-tight{padding-top:14px!important;padding-bottom:14px!important}
.crumbs{padding-top:8px;font-size:.85rem}
/* ---------- header / nav ---------- */
.gl-top{position:sticky;top:0;z-index:40;background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--border)}
.gl-bar{display:flex;align-items:center;gap:18px;height:64px}
.gl-brand{display:flex;gap:10px;align-items:center;font-weight:800;color:var(--text);text-decoration:none;white-space:nowrap}
.gl-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;font-size:13px;font-weight:900;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 6px 14px var(--sh)}
.gl-nav{display:flex;gap:2px;align-items:center}.gl-g{position:relative}
.gl-g>button,.gl-nav>a{background:none;border:0;padding:8px 13px;border-radius:99px;font:inherit;font-weight:700;color:var(--text);cursor:pointer;text-decoration:none}
.gl-g>button::after{content:" ▾";font-size:.7em}.gl-g>button:hover,.gl-nav>a:hover,.gl-g.open>button{background:var(--accent-soft)}
.gl-g>button[aria-current],.gl-nav>a[aria-current]{color:var(--accent-text);background:var(--accent-soft)}
.gl-dd{display:none;position:absolute;top:44px;left:0;width:290px;padding:8px;border-radius:18px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px);border:1px solid var(--border);box-shadow:var(--shadow-lg)}
:root:not([data-theme="dark"]) .gl-dd{background:rgba(255,255,255,.94)}
.gl-g.open .gl-dd{display:block}.gl-dd a{display:block;padding:9px 12px;border-radius:12px;color:var(--text);text-decoration:none}.gl-dd a:hover,.gl-dd a[aria-current]{background:var(--accent-soft)}
.gl-dd b{display:block}.gl-dd span{display:block;font-size:13px;color:var(--muted)}
.gl-tools{margin-left:auto;display:flex;gap:8px;align-items:center}
.gl-search{display:flex;gap:8px;align-items:center;padding:7px 14px;border-radius:99px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600}
.gl-search kbd{font-size:11px;color:var(--muted)}
.gl-chip{padding:6px 11px;border-radius:99px;background:var(--surface);border:1px solid var(--border-strong);font-size:14px;font-weight:700;white-space:nowrap}
.gl-burger{display:none}
.gl-drawer{display:none}
.icon-btn{border-radius:99px}
@media (max-width:900px){.gl-nav,.gl-search span,.gl-search kbd,.gl-lvl{display:none}.gl-burger{display:inline-grid}.gl-bar{gap:10px;height:58px}.gl-brand span:last-child{font-size:15px}
 body.menu-open .gl-drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(86vw,360px);padding:18px;z-index:60;overflow:auto;background:var(--bg);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:slin .25s ease}
 body.menu-open::after{content:"";position:fixed;inset:0;background:rgba(5,20,30,.45);z-index:55}
 .gl-drawer a{padding:10px 8px;font-size:17px;color:var(--text);text-decoration:none;border-radius:12px}.gl-drawer a[aria-current]{background:var(--accent-soft)}
 .gl-drawer h4{margin:14px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}#glClose{align-self:flex-end}}
@keyframes slin{from{transform:translateX(100%)}}
/* hide old header bits if present */
.topbar{display:none}
/* ---------- footer: one compact line ---------- */
.footer{padding:14px 0!important;margin-top:10px;border-top:1px solid var(--border);background:transparent!important}
.footer-inner{display:flex!important;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between;font-size:.85rem}
.footer-links{display:flex;flex-wrap:wrap;gap:4px 14px}.footer-links a{color:var(--muted)}
.footer-disclaimer{flex-basis:100%;margin:0;font-size:.78rem;color:var(--faint)}
/* ---------- next up ---------- */
.gl-next{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;margin:14px auto 4px;border-radius:var(--r);background:linear-gradient(135deg,#0b6683,#1e5bbf);color:#fff!important;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s}
.gl-next small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;opacity:.9}.gl-next b{font-size:1.1rem}.gl-next .ar{font-size:26px;transition:transform .2s}.gl-next:hover .ar{transform:translateX(6px)}
.wrap>.gl-next{max-width:100%}
/* ---------- client-side pager / section tabs ---------- */
.gl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.gl-tabs button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:99px;padding:6px 13px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.gl-tabs button[aria-selected="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.gl-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0}
.gl-pager button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:99px;padding:7px 15px;font:inherit;font-weight:700;cursor:pointer}
.gl-pager button[disabled]{opacity:.45;cursor:default}.gl-pager span{font-weight:700;color:var(--muted)}
.gl-sec-next{margin-top:12px}
/* ---------- home ---------- */
.gl-home{padding:28px 0 10px}
.gl-hero{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:30px 34px}
.gl-photo{width:132px;height:132px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:var(--shadow)}
.gl-hero h1{font-size:clamp(2rem,4.2vw,3rem);line-height:1.05;margin:0 0 6px}.gl-role{margin:0;font-size:1.1rem;font-weight:700;color:var(--accent-text)}
.gl-purpose{margin:6px 0 0;color:var(--muted);font-size:1rem}.gl-why{margin:8px 0 0;color:var(--text);max-width:62ch}
.gl-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.gl-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.gl-t{display:flex;flex-direction:column;gap:6px;padding:18px 20px;color:var(--text);text-decoration:none;transition:transform .18s,box-shadow .18s;min-height:170px}
a.gl-t:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.gl-t h2,.gl-t h3{font-size:1.05rem;margin:0;line-height:1.3}.gl-t p{margin:0;font-size:.94rem;color:var(--muted)}
.gl-lab{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--accent-text);margin:0}
.gl-go{margin-top:auto;font-weight:800;color:var(--accent-text)}
.gl-t ul{margin:0;padding-left:18px;font-size:.92rem}.gl-t li{margin:2px 0}
.gl-daily{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* ---------- hooks strip (study / labs) ---------- */
.gl-hooks{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:14px;margin:6px 0 10px}
.gl-hooks .card{padding:14px 16px}
.gl-bar-x{height:9px;border-radius:99px;background:var(--accent-soft);overflow:hidden;margin-top:6px}.gl-bar-x i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--a1),var(--a2));transition:width .5s}
.gl-bdg{display:flex;gap:8px;margin-top:4px}.gl-bdg span{flex:1;display:flex;flex-direction:column;align-items:center;font-size:22px;padding:6px;border-radius:14px;background:var(--surface);filter:grayscale(1);opacity:.5}
.gl-bdg span.earned{filter:none;opacity:1}.gl-bdg small{font-size:11px;text-align:center;color:var(--text)}
.gl-opts{display:grid;grid-template-columns:1fr;gap:6px;margin-top:6px}.gl-opts button{text-align:left;padding:8px 11px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}
.gl-opts .right{background:#bbf7d0;color:#0d2a3a}.gl-opts .wrong{background:#fecdd3;color:#0d2a3a}
.gl-quiz h3{font-size:.98rem;margin:2px 0}.gl-why-q{font-size:.86rem;margin:6px 0 0}
.gl-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:99px;background:var(--text);color:var(--bg);z-index:70;font-weight:700}
/* ---------- about ---------- */
.gl-about{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;padding:28px 32px;margin-top:16px}
.gl-about .gl-photo{width:150px;height:150px}.gl-about p{margin:8px 0 0}.gl-pills{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0;padding:0;list-style:none}.gl-pills li{padding:4px 12px;border-radius:99px;background:var(--accent-soft);font-weight:700;font-size:.9rem;color:var(--accent-text)}
@media (max-width:900px){.gl-tiles{grid-template-columns:1fr 1fr}.gl-hooks{grid-template-columns:1fr}}
@media (max-width:600px){.gl-hero,.gl-about{grid-template-columns:1fr;padding:22px 20px;text-align:center;justify-items:center}.gl-cta{justify-content:center}.gl-photo{width:104px;height:104px}.gl-tiles{grid-template-columns:1fr}.gl-t{min-height:0}.gl-home{padding-top:14px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.gl-hero{grid-template-columns:150px 1fr}.gl-about{grid-template-columns:160px 1fr}
.gl-hero picture,.gl-about picture{display:block}
@media (max-width:600px){.gl-hero,.gl-about{grid-template-columns:1fr}.gl-bar{gap:8px}.gl-tools{gap:6px}.gl-brand{font-size:14px;min-width:0}.gl-brand span:last-child{overflow:hidden;text-overflow:ellipsis}.gl-search{padding:7px 10px}.icon-btn{width:38px;height:38px}}
@media (max-width:440px){.gl-chip{display:none}.gl-hero .gl-chip,.gl-t .gl-chip{display:inline-block}}
.page-hero .stats,.page-hero .hero-cta+.dl-note{display:none}
.hub-card,.art-card{padding:16px 18px!important;gap:6px}.hub-card .tile-ico{width:30px;height:30px}.hub-levels{display:none!important}
.hub-grid,.art-grid,.lab-grid,.feature-grid,.brief-grid{gap:14px!important}
.sub-h{font-size:1.15rem;margin:6px 0 10px}
.crumbs+.page-hero,.crumbs+section{margin-top:0}.crumbs ol{margin:0}.page-hero .eyebrow{margin:2px 0 4px}
.page-hero .lead{font-size:.98rem;line-height:1.55}
.page-hero .hero-cta{margin-top:10px;gap:8px}.page-hero .hero-cta .btn{padding:7px 16px;font-size:.92rem}
.lab-callout{padding:10px 16px!important}.lab-callout b{font-size:.95rem}.lab-callout span span{font-size:.86rem}
.qa-head{margin:4px 0 8px}.qcard{margin:0 0 8px!important}.qbtn{padding:10px 16px!important}
.static-qs{display:block}
.prose h2{font-size:1.25rem;margin-top:4px}.article .art-head h1{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 6px}.art-head .lead{margin:0 0 6px}
.article{max-width:980px}.gl-pane{min-height:0}
.lab-callout.art-lab{margin:8px 0}
/* fit-to-screen pass */
.footer{padding:8px 0!important;margin-top:6px}.footer-inner{gap:2px 16px}.footer-disclaimer{font-size:.74rem;line-height:1.35}
.gl-next{padding:10px 20px;margin:10px auto 2px}.gl-next b{font-size:1rem}
.gl-home{padding:16px 0 4px}.gl-hero{padding:22px 30px;gap:26px;grid-template-columns:124px 1fr}.gl-hero .gl-photo{width:124px;height:124px}
.gl-hero h1{font-size:2.5rem}.gl-cta{margin-top:12px}.gl-tiles{margin-top:14px}.gl-t{min-height:150px;padding:16px 18px}
.page-hero{padding:6px 0 4px!important}.page-hero .lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gl-hooks{grid-template-columns:.9fr 2.2fr .9fr;margin:4px 0 6px}.gl-hooks .card{padding:12px 14px}.gl-hooks p{margin:2px 0}
.gl-quiz h3{font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gl-quiz .gl-opts{grid-template-columns:repeat(3,1fr)}.gl-opts button{font-size:.8rem;padding:6px 9px;line-height:1.3}
.gl-bdg span{font-size:18px;padding:4px}
.hub-card .tile-ico,.art-card .tile-ico{display:none}.hub-blurb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.study-grid,.hub-grid{grid-template-columns:repeat(4,1fr)!important}
.brief-grid{display:grid;grid-template-columns:1fr 1fr!important}
.news-hero{padding:10px 0!important}
@media (max-width:900px){.gl-hooks{grid-template-columns:1fr}.gl-quiz .gl-opts{grid-template-columns:1fr}.study-grid,.hub-grid{grid-template-columns:1fr 1fr!important}.brief-grid{grid-template-columns:1fr!important}}
@media (max-width:600px){.study-grid,.hub-grid{grid-template-columns:1fr!important}.gl-hero h1{font-size:2rem}}
[hidden]{display:none!important}
.gl-bdg span{opacity:.75}.gl-bdg span:not(.earned){filter:grayscale(1)}
@media (max-width:600px){
 .gl-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px}.gl-tiles>.gl-t{flex:0 0 84%;scroll-snap-align:center;min-height:200px}
 .gl-hooks{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.gl-hooks>.card{flex:0 0 86%;scroll-snap-align:center}
 .gl-hero{padding:18px}.gl-why{font-size:.92rem}.gl-cta .btn{padding:8px 14px;font-size:.9rem}
}
.dg-modal{background:#fff!important;backdrop-filter:none}:root[data-theme="dark"] .dg-modal{background:#111922!important}
@media (max-width:600px){.gl-hero,.gl-about{grid-template-columns:1fr!important;gap:10px;padding:16px!important}.gl-hero .gl-photo,.gl-about .gl-photo{width:84px;height:84px}
.gl-hero h1{font-size:1.8rem}.gl-role{font-size:1rem}.gl-why{font-size:.88rem;line-height:1.45}.gl-cta{gap:6px}.gl-cta .btn{padding:7px 12px;font-size:.85rem}}
/* ---------- Auditor view: the workpaper is opt-in, opened full-screen from one glass pill ---------- */
.vg-body.has-side{grid-template-columns:minmax(0,1fr)!important}
@media (min-width:900px){.vg-body.has-side{grid-template-columns:220px minmax(0,1fr)!important}}
.vg-aud,.vg-aud.collapsed{position:fixed!important;inset:64px 0 0 0!important;z-index:81;width:auto!important;max-height:none!important;border-radius:0!important;transform:translateY(102%);visibility:hidden;transition:transform .28s,visibility 0s linear .28s;background:var(--bg)!important;overflow:auto}
.vg-aud.open{transform:none;visibility:visible;transition:transform .28s,visibility 0s}
.vg-aud .vg-aud-body{display:flex!important;max-width:980px;margin:0 auto;width:100%}.vg-aud .vg-aud-top{max-width:980px;margin:0 auto;width:100%;flex-direction:row!important}
.vg-aud.collapsed .vg-aud-title,.vg-aud.collapsed .vg-aud-ico{display:block}.vg-aud-rail{display:none!important}.vg-aud-x.desk{display:none!important}.vg-aud-x.mob{display:grid!important}
.vg-aud-scrim{display:block;position:fixed;inset:0;z-index:80;background:rgba(8,15,24,.35)}
.vg-aud-back{align-self:flex-start;margin:12px auto 0;max-width:980px;width:calc(100% - 28px);text-align:left;background:none;border:0;font:inherit;font-weight:800;color:var(--accent-text);cursor:pointer;padding:6px 0}
.vg-aud-fab{display:inline-flex!important;align-items:center;gap:8px;position:sticky;bottom:12px;z-index:6;justify-self:end;margin:0 12px 12px;padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px);color:var(--text);font:inherit;font-size:.86rem;font-weight:800;box-shadow:var(--shadow-lg);cursor:pointer}
.vg-aud-fab span{font-weight:600;color:var(--muted);font-size:.76rem;white-space:nowrap}
@media (max-width:900px){.vg-aud,.vg-aud.collapsed{inset:58px 0 0 0!important}}
.vg-aud,.vg-aud.collapsed{inset:0!important;z-index:91!important}.vg-aud-scrim{z-index:90}
.vg-aud-fab{grid-column:1/-1;white-space:nowrap}
:has(#vgAuditor){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;filter:none!important;contain:none!important}
.vg-aud,.vg-aud.collapsed{height:auto!important;max-height:100vh!important;max-height:100dvh!important;overflow-y:auto!important}
.vg-frame,.vg-aud{--surface:#ffffff;--surface-2:#f3f8fb;--border:#dbe7ee}
:root[data-theme="dark"] .vg-frame,:root[data-theme="dark"] .vg-aud{--surface:#111922;--surface-2:#16212c;--border:#1e2a37}
.pg-card{padding:24px 28px;margin-top:12px}.pg-card h1{margin:0 0 6px;font-size:2rem}.pg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.pg-card textarea{width:100%;font:13px/1.4 ui-monospace,Menlo,monospace;padding:10px;border-radius:14px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);resize:none;margin-top:6px;word-break:break-all}
.pg-status{min-height:1.4em;font-weight:700;margin:8px 0 0}.pg-status.ok{color:#0f7a43}.pg-status.err{color:#b3261e}.pg-sum{font-weight:700;margin:6px 0}.pg-file{cursor:pointer}
.gl-small{font-size:.82rem;font-weight:700;color:var(--muted)!important}
@media (max-width:700px){.pg-grid{grid-template-columns:1fr}.pg-card{padding:18px}}
.btn.primary{background:linear-gradient(135deg,#0b6683,#1e5bbf)!important;color:#fff!important}
/* plain bullets, no tick marks */
.ticks{list-style:disc;padding-left:1.2em}.ticks li{padding-left:0;margin:6px 0}.ticks li::before,.ticks li::after{content:none!important;display:none!important}