.home-page{gap:clamp(1.2rem,3vw,2rem);max-width:1240px;margin:0 auto;display:grid}.home-hero{min-height:min(660px, calc(100dvh - var(--header-height) - 6rem));border:1px solid var(--glass-line);background:radial-gradient(circle at 10% 15%, color-mix(in oklch, var(--brand) 19%, transparent), transparent 32%), radial-gradient(circle at 90% 84%, color-mix(in oklch, var(--cyan) 16%, transparent), transparent 32%), var(--surface-glass);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border-radius:16px;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,5vw,4.5rem);display:grid}.home-context{color:var(--ink-muted);font-family:var(--font-mono);align-items:center;gap:.6rem;font-size:.72rem;display:flex}.home-context span{background:var(--cyan);width:26px;height:1px}.home-hero h1{letter-spacing:-.04em;max-width:11ch;margin:1rem 0 1.1rem;font-size:clamp(3rem,6.4vw,5.8rem);line-height:.98}.home-hero-copy>p{max-width:62ch;color:var(--ink-muted);margin:0;font-size:1.08rem;line-height:1.7}.home-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.6rem;display:flex}.home-actions a{min-height:46px;transition:transform .16s var(--ease-out), background .16s var(--ease-out);border-radius:10px;justify-content:center;align-items:center;padding:.7rem 1.05rem;font-weight:750;text-decoration:none;display:inline-flex}.home-actions a:hover{transform:translateY(-2px)}.primary-action{color:#fff;background:var(--brand-strong)}.secondary-action{border:1px solid var(--line-strong);color:var(--ink-strong);background:var(--surface-glass)}.home-facts{flex-wrap:wrap;gap:1.25rem;margin:1.8rem 0 0;display:flex}.home-facts div{gap:.05rem;display:grid}.home-facts dt{color:var(--ink-strong);font-family:var(--font-mono);font-size:1.05rem;font-weight:800}.home-facts dd{color:var(--ink-soft);margin:0;font-size:.76rem}.home-scope{border:1px solid var(--line-strong);background:color-mix(in oklch, var(--surface) 94%, var(--canvas-deep));box-shadow:16px 18px 0 color-mix(in oklch, var(--brand) 9%, transparent);transition:transform .26s var(--ease-out), box-shadow .26s var(--ease-out);border-radius:14px;overflow:hidden;transform:perspective(1200px)rotateY(-2deg)rotateX(1deg)}.home-scope:hover{box-shadow:10px 12px 0 color-mix(in oklch, var(--brand) 13%, transparent);transform:perspective(1200px)rotateY(0)rotateX(0)translateY(-2px)}.scope-toolbar,.scope-caption{border-bottom:1px solid var(--line);min-height:42px;color:var(--ink-muted);background:var(--surface-raised);font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:0 .85rem;font-size:.66rem;display:flex}.scope-live{align-items:center;gap:.4rem;display:inline-flex}.scope-live i{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%}.home-scope svg{width:100%;min-height:300px;display:block}.scope-grid line{stroke:var(--grid-line);stroke-width:1px;stroke-dasharray:3 5}.scope-labels{fill:var(--ink-soft);font-family:var(--font-mono);font-size:10px;font-weight:700}.trace-clock,.trace-ready{fill:none;stroke:var(--ink);stroke-width:2px}.trace-ready{stroke:var(--danger)}.trace-boxes path{fill:var(--waveform-data-fill);stroke-width:2px}.trace-boxes text{font-family:var(--font-mono);text-anchor:middle;font-size:11px;font-weight:800}.trace-primary path{stroke:var(--brand)}.trace-primary text{fill:var(--brand-ink)}.trace-address path{stroke:var(--cyan)}.trace-address text{fill:var(--ink)}.trace-data path{stroke:var(--success)}.trace-data text{fill:var(--success)}.scope-focus{fill:var(--brand-soft);opacity:.34;stroke:var(--brand);stroke-width:1px}.scope-caption{border-top:1px solid var(--line);border-bottom:0;flex-wrap:wrap;gap:.65rem}.scope-caption span{align-items:center;gap:.35rem;display:inline-flex}.scope-caption i{border-radius:2px;width:8px;height:8px}.phase-address{background:var(--brand)}.phase-data{background:var(--success)}.scope-caption strong{color:var(--brand-ink)}.home-learning-map{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.3rem,3vw,2.3rem);display:grid}.learning-map-intro h2{letter-spacing:-.025em;margin:0;font-size:1.65rem}.learning-map-intro p{color:var(--ink-muted);margin:.65rem 0 0}.protocol-rows{display:grid}.protocol-row{border-bottom:1px solid var(--line);min-height:70px;color:var(--ink);grid-template-columns:auto minmax(110px,.26fr) minmax(180px,1fr) auto auto;align-items:center;gap:.8rem;padding:.75rem 0;text-decoration:none;display:grid}.protocol-row:last-child{border-bottom:0}.protocol-row-signal{background:var(--cyan);width:9px;height:9px;transition:transform .18s var(--ease-out);border-radius:3px}.tone-ahb .protocol-row-signal{background:var(--brand)}.tone-axi .protocol-row-signal{background:var(--amber)}.protocol-row:hover .protocol-row-signal{transform:rotate(45deg)scale(1.12)}.protocol-row strong{color:var(--ink-strong)}.protocol-row-copy{color:var(--ink-muted);font-size:.86rem}.protocol-row-count{color:var(--ink-soft);font-family:var(--font-mono);font-size:.7rem}.protocol-row svg{fill:none;width:18px;stroke:var(--ink-soft);stroke-width:1.8px}.home-tools{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;grid-template-columns:repeat(3,1fr);display:grid}.home-tools>a{border-right:1px solid var(--line);min-height:118px;color:var(--ink);align-items:flex-start;gap:.9rem;padding:1.25rem;text-decoration:none;display:flex}.home-tools>a:last-child{border-right:0}.home-tools>a:hover{background:var(--control-hover)}.tool-index{color:var(--cyan);font-family:var(--font-mono);font-size:.68rem}.home-tools div{gap:.35rem;display:grid}.home-tools strong{color:var(--ink-strong)}.home-tools div span{color:var(--ink-muted);font-size:.84rem;line-height:1.5}@media (width<=1100px){.home-hero{grid-template-columns:1fr}.home-hero h1{max-width:14ch}.home-scope{transform:none}}@media (width<=760px){.home-hero{min-height:auto;padding:1.4rem}.home-hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}.home-scope svg{width:620px}.home-scope{box-shadow:none;overflow-x:auto}.home-learning-map{grid-template-columns:1fr}.protocol-row{grid-template-columns:auto minmax(0,1fr) auto}.protocol-row-copy{grid-column:2/-1}.protocol-row-count{display:none}.home-tools{grid-template-columns:1fr}.home-tools>a{border-right:0;border-bottom:1px solid var(--line);min-height:96px}.home-tools>a:last-child{border-bottom:0}}.search-bar-wrapper{width:100%;max-width:680px;position:relative}.search-input-shell{align-items:center;display:flex;position:relative}.search-icon{z-index:1;fill:none;width:18px;height:18px;stroke:var(--ink-soft);stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;left:14px}.search-input{border:1px solid var(--glass-line);width:100%;min-height:46px;color:var(--ink-strong);background:var(--control-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);transition:border-color .16s var(--ease-out), background .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:12px;padding:.65rem 2.8rem .65rem 2.65rem;box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.38)}.search-input::placeholder{color:var(--ink-muted);opacity:1}.search-input:hover{border-color:var(--line-strong)}.search-input:focus{border-color:var(--focus);background:var(--surface-glass);box-shadow:0 0 0 3px color-mix(in oklch, var(--focus) 24%, transparent);outline:none}.search-shortcut{border:1px solid var(--line);width:23px;height:23px;color:var(--ink-soft);background:var(--surface-raised);font-family:var(--font-mono);pointer-events:none;border-radius:6px;place-items:center;font-size:.72rem;display:inline-grid;position:absolute;right:12px}.search-results{z-index:var(--z-dropdown);border:1px solid var(--glass-line);background:var(--surface-glass);max-height:min(460px,65vh);box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);border-radius:13px;padding:.4rem;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-result-item{width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:1fr;padding:.72rem .85rem .72rem 1rem;display:grid;position:relative}.search-result-item:hover,.search-result-item.selected,.search-result-item[aria-selected=true]{background:var(--control-hover)}.search-result-item:focus-visible{outline-offset:-2px}.search-result-marker{background:0 0;border-radius:2px;width:2px;position:absolute;top:13px;bottom:13px;left:3px}.search-result-item.selected .search-result-marker,.search-result-item:hover .search-result-marker{background:var(--cyan)}.search-result-title{color:var(--ink-strong);font-size:.9rem;font-weight:720}.search-result-type{color:var(--brand-ink);font-family:var(--font-mono);margin-right:.35rem;font-size:.66rem}.search-result-desc{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.78rem;overflow:hidden}@media (width<=900px){.search-input{min-height:44px}.search-results{max-height:55vh}}.theme-switcher{border:1px solid var(--glass-line);background:var(--control-glass);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);border-radius:12px;align-items:center;padding:3px;display:inline-flex}.theme-option{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink-muted);cursor:pointer;transition:color .16s var(--ease-out), background .16s var(--ease-out), transform .16s var(--ease-out);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:inline-grid;position:relative}.theme-option svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.theme-option:hover{color:var(--ink);background:var(--control-hover)}.theme-option[aria-pressed=true]{color:var(--brand-ink);background:var(--brand-soft)}.theme-option[aria-pressed=true]:after{background:var(--brand);content:"";border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px;right:8px}.theme-option:active{transform:scale(.94)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"Avenir Next", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;--canvas:oklch(97.5% .009 240);--canvas-deep:oklch(93% .025 238);--surface:oklch(99.5% .004 240);--surface-raised:oklch(97.5% .012 240);--surface-subtle:oklch(95.5% .015 240);--surface-glass:color-mix(in oklch, var(--surface) 78%, transparent);--surface-overlay:oklch(99% .006 240/.97);--control-glass:color-mix(in oklch, var(--surface) 70%, transparent);--control-hover:oklch(93% .025 240/.8);--ink:oklch(22% .035 255);--ink-strong:oklch(15% .04 255);--ink-muted:oklch(44% .03 250);--ink-soft:oklch(57% .025 250);--line:oklch(86% .025 242);--line-strong:oklch(72% .045 242);--glass-line:oklch(82% .035 240/.75);--brand:oklch(56% .19 251);--brand-strong:oklch(47% .2 253);--brand-ink:oklch(38% .18 253);--brand-soft:oklch(91% .055 245);--brand-contrast:white;--cyan:oklch(68% .14 210);--cyan-soft:oklch(92% .055 210);--amber:oklch(76% .15 75);--amber-soft:oklch(93% .06 80);--success:oklch(55% .14 155);--success-soft:oklch(93% .045 155);--success-ink:oklch(36% .12 155);--danger:oklch(56% .2 25);--danger-soft:oklch(94% .045 25);--danger-ink:oklch(40% .17 25);--warning-soft:var(--amber-soft);--warning-ink:oklch(42% .11 68);--focus:oklch(69% .16 220);--shadow-sm:0 2px 8px oklch(25% .04 250/.08);--shadow-card:0 8px 24px oklch(20% .04 250/.07);--shadow-nav:0 8px 24px oklch(20% .05 250/.1);--waveform-data-fill:oklch(99.5% .004 240/.92);--signal-default:oklch(35% .045 250);--grid-line:oklch(84% .025 245);--ease-out:cubic-bezier(.16, 1, .3, 1);--header-height:76px;--sidebar-width:292px;--z-dropdown:60;--z-sticky:40;--z-backdrop:70;--z-drawer:80;--z-tooltip:90;--primary:var(--brand);--bg-color:var(--canvas);--text-main:var(--ink);--text-color:var(--ink);--sidebar-bg:var(--surface-glass);--border-color:var(--line)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:oklch(14.5% .025 255);--canvas-deep:oklch(10.5% .025 255);--surface:oklch(19.5% .028 255);--surface-raised:oklch(22.5% .03 253);--surface-subtle:oklch(25% .03 252);--surface-glass:oklch(18% .03 255/.78);--surface-overlay:oklch(22% .03 253/.98);--control-glass:oklch(24% .035 252/.74);--control-hover:oklch(30% .04 250/.85);--ink:oklch(91% .018 242);--ink-strong:oklch(97% .01 240);--ink-muted:oklch(73% .025 242);--ink-soft:oklch(61% .025 242);--line:oklch(32% .035 250);--line-strong:oklch(45% .055 245);--glass-line:oklch(42% .045 245/.62);--brand:oklch(72% .16 245);--brand-strong:oklch(78% .15 242);--brand-ink:oklch(91% .055 240);--brand-soft:oklch(30% .085 250);--cyan:oklch(79% .13 205);--cyan-soft:oklch(27% .065 215);--amber:oklch(82% .14 78);--amber-soft:oklch(29% .06 75);--success:oklch(72% .13 155);--success-soft:oklch(27% .055 155);--success-ink:oklch(86% .08 155);--danger:oklch(72% .17 25);--danger-soft:oklch(28% .075 25);--danger-ink:oklch(88% .09 25);--warning-ink:oklch(90% .085 78);--focus:oklch(80% .14 210);--shadow-sm:0 2px 8px oklch(2% .01 255/.28);--shadow-card:0 8px 24px oklch(2% .01 255/.2);--shadow-nav:0 8px 24px oklch(2% .01 255/.36);--waveform-data-fill:oklch(20.5% .025 255/.96);--signal-default:oklch(86% .025 242);--grid-line:oklch(34% .035 250)}*{box-sizing:border-box}html{background:var(--canvas-deep);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas);font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;transition:color .18s var(--ease-out), background-color .18s var(--ease-out);margin:0;font-size:16px;line-height:1.6;overflow:hidden}button,input,select,textarea{font:inherit}button,a,summary,input,select,[role=button]{scroll-margin-top:calc(var(--header-height) + 16px)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{color:var(--ink-strong);background:var(--cyan-soft)}a{color:var(--brand-ink)}h1,h2,h3,h4{color:var(--ink-strong);text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty}code,pre{font-family:var(--font-mono)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:var(--surface);background:var(--ink-strong);transition:transform .16s var(--ease-out);border-radius:10px;padding:.7rem 1rem;font-weight:700;text-decoration:none;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-container{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.top-nav{z-index:var(--z-sticky);min-height:var(--header-height);border-bottom:1px solid var(--glass-line);background:var(--surface-glass);box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);grid-template-columns:minmax(230px,auto) minmax(280px,680px) auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:10px clamp(1rem,3vw,2rem);display:grid;position:relative}.brand-link{width:max-content;color:var(--ink-strong);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--cyan);background:var(--brand-soft);fill:var(--amber);stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s var(--ease-out), color .18s var(--ease-out);border-radius:11px;padding:5px}.brand-link:hover .brand-mark{color:var(--brand);transform:translateY(-1px)}.brand-copy{line-height:1.08;display:grid}.brand-copy strong{letter-spacing:-.015em;font-size:.98rem}.brand-copy span{color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.2rem;font-size:.7rem}.nav-search-container{justify-content:center;min-width:0;display:flex}.nav-actions{justify-content:flex-end;display:flex}.mobile-menu-btn{border:1px solid var(--glass-line);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);background:var(--control-glass);cursor:pointer;border-radius:11px;place-items:center;padding:0;display:none}.mobile-menu-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:21px;height:21px}.layout-body{flex:1;min-height:0;display:flex}.sidebar{z-index:20;width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:1px solid var(--glass-line);background:var(--surface-glass);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);flex-direction:column;min-height:0;display:flex;position:relative}.sidebar-scrollable{flex:1;min-height:0;padding:1rem .85rem 1.5rem;overflow-y:auto}.sidebar-primary-links{gap:.28rem;display:grid}.sidebar-primary-links a,.curriculum-links a{min-height:42px;color:var(--ink-muted);transition:color .16s var(--ease-out), background .16s var(--ease-out), transform .16s var(--ease-out);border-radius:9px;align-items:center;gap:.7rem;padding:.58rem .72rem;font-size:.88rem;font-weight:600;line-height:1.3;text-decoration:none;display:flex;position:relative}.sidebar-primary-links a:hover,.curriculum-links a:hover{color:var(--ink-strong);background:var(--control-hover);transform:translate(2px)}.sidebar-primary-links a.active,.curriculum-links a.active{color:var(--brand-ink);background:var(--brand-soft)}.sidebar-primary-links a.active:before,.lesson-nav-link.active:before{background:var(--brand);content:"";border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.nav-glyph{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.sidebar-label{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:1.35rem .7rem .55rem;font-size:.68rem;font-weight:700}.curriculum-section{margin:.22rem 0}.curriculum-section>summary{min-height:44px;color:var(--ink);cursor:pointer;transition:background .16s var(--ease-out);border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.62rem;padding:.58rem .7rem;font-size:.84rem;font-weight:750;list-style:none;display:grid}.curriculum-section>summary::-webkit-details-marker{display:none}.curriculum-section>summary:hover{background:var(--control-hover)}.protocol-indicator,.status-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 0 4px var(--cyan-soft);border-radius:50%}.protocol-ahb .protocol-indicator{background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.protocol-axi .protocol-indicator{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.section-count{min-width:26px;color:var(--ink-muted);background:var(--surface-subtle);font-family:var(--font-mono);text-align:center;border-radius:999px;padding:.1rem .36rem;font-size:.66rem}.section-chevron{fill:none;width:16px;height:16px;stroke:var(--ink-soft);stroke-width:1.8px;transition:transform .18s var(--ease-out)}.curriculum-section[open]>summary .section-chevron{transform:rotate(180deg)}.curriculum-links{border-left:1px solid var(--line);gap:.12rem;margin:.18rem 0 .65rem .6rem;padding-left:.55rem;display:grid}.curriculum-links .protocol-overview-link{min-height:36px;color:var(--brand-ink);font-size:.78rem}.lesson-nav-link{grid-template-columns:26px minmax(0,1fr);align-items:start!important;display:grid!important}.lesson-nav-order{color:var(--ink-soft);font-family:var(--font-mono);padding-top:.05rem;font-size:.67rem}.lesson-nav-link.active .lesson-nav-order{color:var(--brand-ink);font-weight:750}.reference-section>summary{grid-template-columns:auto minmax(0,1fr) auto}.sidebar-skeleton{gap:.7rem;padding:.65rem;display:grid}.sidebar-skeleton span{background:linear-gradient(90deg, var(--surface-subtle), var(--control-hover), var(--surface-subtle));background-size:200% 100%;border-radius:9px;height:42px;animation:1.4s linear infinite skeleton-scan}.sidebar-footer{border-top:1px solid var(--glass-line);min-height:52px;color:var(--ink-soft);font-family:var(--font-mono);align-items:center;gap:.65rem;padding:.7rem 1.35rem;font-size:.68rem;display:flex}.sidebar-footer .status-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 4px var(--success-soft)}.sidebar-backdrop{display:none}.main-content{background-color:var(--canvas);background-image:radial-gradient(circle at 92% 4%, color-mix(in oklch, var(--cyan) 16%, transparent), transparent 29%), radial-gradient(circle at 8% 96%, color-mix(in oklch, var(--brand) 12%, transparent), transparent 32%), linear-gradient(color-mix(in oklch, var(--line) 28%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--line) 28%, transparent) 1px, transparent 1px);background-size:auto,auto,42px 42px,42px 42px;background-attachment:local;flex:1;min-width:0;min-height:0;padding:clamp(1.25rem,3.2vw,3.25rem);position:relative;overflow-y:auto}.main-content:focus{outline:none}.main-content>*{animation:surface-enter .24s var(--ease-out) both;position:relative}.page-container,.reference-content{max-width:1080px;margin:0 auto}.page-container>h2,.page-container>h1{letter-spacing:-.03em;margin:0 0 .55rem;font-size:clamp(1.8rem,4vw,2.65rem)}.page-container>p{max-width:70ch;color:var(--ink-muted);margin:0 0 2rem}.page-intro{color:var(--ink-muted);margin-bottom:3rem}.reference-content{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:clamp(1rem,3vw,2rem)}.reference-content h3{margin-top:2rem}.reference-content li+li{margin-top:.45rem}.lesson-renderer{max-width:900px;margin:0 auto}.lesson-header{border:1px solid var(--glass-line);background:radial-gradient(circle at 90% 12%, color-mix(in oklch, var(--cyan) 22%, transparent), transparent 38%), var(--surface-glass);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);border-radius:16px;margin-bottom:2.25rem;padding:clamp(1.35rem,4vw,2.6rem);position:relative;overflow:hidden}.lesson-header:after{background:linear-gradient(90deg, var(--brand), var(--cyan), var(--amber));content:"";width:120px;height:4px;position:absolute;top:0;right:0}.lesson-progress{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:auto auto;align-items:center;gap:.35rem 1rem;margin-bottom:1rem;font-size:.68rem;display:grid}.lesson-progress strong{color:var(--ink-strong);justify-self:end;font-size:.72rem}.lesson-progress-track{background:var(--line);grid-column:1/-1;height:3px;overflow:hidden}.lesson-progress-track span{background:linear-gradient(90deg, var(--brand), var(--cyan));height:100%;display:block}.lesson-tier{min-height:28px;color:var(--brand-ink);background:var(--brand-soft);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.25rem .62rem;font-size:.69rem;font-weight:750;display:inline-flex}.lesson-title{letter-spacing:-.035em;max-width:20ch;margin:.8rem 0 .65rem;font-size:clamp(2rem,5vw,3.35rem)}.lesson-summary{max-width:68ch;color:var(--ink-muted);margin:0;font-size:1.08rem;line-height:1.65}.lesson-tags{flex-wrap:wrap;gap:.45rem;margin-top:1.2rem;display:flex}.tag{border:1px solid var(--line);color:var(--ink-muted);background:var(--surface-raised);font-family:var(--font-mono);border-radius:999px;padding:.25rem .58rem;font-size:.7rem}.lesson-workflow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.72fr) minmax(0,2fr);align-items:start;gap:1.5rem;margin:0 0 2.75rem;padding:1.15rem 0;display:grid}.lesson-workflow-heading h2{color:var(--ink-strong);letter-spacing:-.015em;margin:0;font-size:1.05rem}.lesson-workflow-heading p{color:var(--ink-soft);margin:.35rem 0 0;font-size:.82rem;line-height:1.5}.lesson-workflow ol{counter-reset:lesson-workflow;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.lesson-workflow li{counter-increment:lesson-workflow;min-width:0;padding-left:2.4rem;position:relative}.lesson-workflow li:before{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--brand-ink);background:var(--surface-raised);content:counter(lesson-workflow, decimal-leading-zero);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.67rem;font-weight:750;display:grid;position:absolute;top:0;left:0}.lesson-workflow li strong,.lesson-workflow li span{display:block}.lesson-workflow li strong{color:var(--ink-strong);font-size:.88rem}.lesson-workflow li span{color:var(--ink-muted);margin-top:.25rem;font-size:.78rem;line-height:1.48}.lesson-body{color:var(--ink);font-size:1.02rem;line-height:1.78}.lesson-body>:not(.paragraph-with-visual){max-width:74ch}.lesson-body h2{letter-spacing:-.025em;margin:2.75rem 0 .85rem;font-size:1.55rem}.lesson-body h3{margin:2rem 0 .65rem;font-size:1.22rem}.lesson-body p{margin:.85rem 0}.lesson-body li+li{margin-top:.4rem}.lesson-body code,.lesson-renderer code{border:1px solid var(--line);color:var(--brand-ink);background:var(--surface-subtle);border-radius:5px;padding:.12rem .38rem;font-size:.88em}.lesson-body blockquote{border:1px solid var(--line-strong);color:var(--ink-muted);background:var(--surface-raised);border-radius:10px;margin:1.5rem 0;padding:1rem 1.15rem}.paragraph-with-visual,.inline-visual-wrapper{max-width:none!important}.inline-visual-wrapper{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:1rem 0;margin:2.75rem 0!important}.visual-learning-header{grid-template-columns:minmax(175px,auto) minmax(0,1fr);align-items:center;gap:1rem 1.5rem;margin-bottom:1rem;display:grid}.visual-learning-meta{flex-wrap:wrap;gap:.42rem;display:flex}.visual-learning-meta span{border:1px solid var(--line);min-height:28px;color:var(--ink-soft);background:var(--surface-raised);font-family:var(--font-mono);border-radius:999px;align-items:center;padding:.25rem .58rem;font-size:.68rem;font-weight:750;display:inline-flex}.visual-learning-meta span:last-child{color:var(--brand-ink);background:var(--brand-soft)}.visual-learning-header p{max-width:72ch;color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:.88rem;line-height:1.55}.visual-learning-stage>.waveform-container,.visual-learning-stage>.timeline-container,.visual-learning-stage>.signal-explorer-container,.visual-learning-stage>.topology-container,.visual-learning-stage>.formal-playground-container,.visual-learning-stage>.visual-container,.visual-learning-stage>.spec-rule-explorer{margin-top:0;margin-bottom:0}.inline-visual-caption{text-align:left;max-width:76ch;margin-top:.85rem;line-height:1.5;color:var(--ink-soft)!important;font-size:.8rem!important;font-style:normal!important}.inline-visual-caption span{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;margin-right:.4rem;font-size:.7rem;font-weight:750}.lesson-image{border-radius:10px;max-width:100%}.lesson-footer{border-top:1px solid var(--line);margin-top:3.25rem;padding-top:2rem}.lesson-retention{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:12px;margin:0 0 2.75rem;overflow:hidden}.lesson-retention-heading{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.lesson-retention-heading h2{color:var(--ink-strong);letter-spacing:-.015em;margin:0;font-size:1.08rem}.lesson-retention-heading p{color:var(--ink-muted);margin:.25rem 0 0;font-size:.84rem}.lesson-retention-heading>span{color:var(--success-ink);background:var(--success-soft);font-family:var(--font-mono);border-radius:999px;flex:none;padding:.28rem .58rem;font-size:.7rem;font-weight:750}.lesson-retention details{border-top:1px solid var(--line)}.lesson-retention summary{min-height:52px;color:var(--brand-ink);cursor:pointer;transition:color .18s var(--ease-out), background-color .18s var(--ease-out);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.15rem;font-weight:750;list-style:none;display:flex}.lesson-retention summary::-webkit-details-marker{display:none}.lesson-retention summary:hover{background:var(--control-hover)}.lesson-retention summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.retention-summary-count{color:var(--ink-soft);font-family:var(--font-mono);font-size:.7rem}.lesson-retention ol{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0 1.15rem 1.15rem;list-style:none;display:grid}.lesson-retention li{min-width:0;padding:.35rem 1rem}.lesson-retention li:first-child{padding-left:0}.lesson-retention li+li{border-left:1px solid var(--line)}.lesson-retention li strong,.lesson-retention li span{display:block}.lesson-retention li strong{color:var(--ink-strong);font-size:.84rem}.lesson-retention li span{color:var(--ink-muted);text-wrap:pretty;margin-top:.3rem;font-size:.8rem;line-height:1.52}.resource-section{margin-top:3rem;margin-bottom:1.5rem}.resource-section>h2{border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:.6rem}.related-concepts-panel{background:var(--surface-raised);border-radius:14px;flex-wrap:wrap;gap:2rem;margin-top:3rem;display:flex;border:1px solid var(--line)!important;padding:1.35rem!important}.related-concept-group{flex:240px}.related-concept-group h2{margin:0 0 .65rem;font-size:1rem}.related-concept-group p{margin:0 0 .55rem;font-size:.84rem}.related-concept-group ul{margin:0;padding-left:1.25rem}.related-concept-group li+li{margin-top:.3rem}.glossary-term-links{flex-wrap:wrap;gap:.45rem;display:flex}.glossary-term-links a{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:32px;padding:.34rem .7rem;font-size:.8rem;text-decoration:none}.lesson-sequence-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3rem;display:grid}.lesson-sequence-link{border:1px solid var(--line);min-height:88px;color:var(--ink-strong);background:var(--surface-raised);border-radius:12px;flex-direction:column;justify-content:center;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.lesson-sequence-link:hover{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-2px)}.lesson-sequence-link.next{text-align:right}.lesson-sequence-link span{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.3rem;font-size:.68rem}.lesson-sequence-link strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.related-concepts-panel h2{color:var(--ink-strong)!important}.related-concepts-panel p,.related-concepts-panel ul{color:var(--ink-muted)!important}.related-concepts-panel a{color:var(--brand-ink)!important}.scroll-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1.5rem;overflow-x:auto}.lesson-body table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:var(--surface);-webkit-overflow-scrolling:touch;border-radius:10px;width:100%;display:block;overflow-x:auto}.lesson-body th,.lesson-body td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:.65rem .8rem}.lesson-body th{color:var(--ink-strong);background:var(--surface-raised);text-align:left}.route-loading-fallback{min-height:40vh;color:var(--ink-muted);font-family:var(--font-mono);place-items:center;display:grid}.route-loading-fallback:before{background:linear-gradient(90deg, transparent, var(--cyan), transparent);content:"";width:42px;height:2px;animation:.9s ease-in-out infinite loading-scan}.route-error-boundary{border:1px solid var(--danger);max-width:700px;color:var(--danger);background:var(--danger-soft);border-radius:12px;margin:2rem auto;padding:1.5rem}.route-error-boundary h2{margin:0 0 .75rem}.route-retry-button{color:#fff;background:var(--danger);cursor:pointer;border:0;border-radius:9px;min-width:44px;min-height:44px;padding:.65rem 1rem;font-weight:700}@keyframes surface-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-scan{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes loading-scan{0%,to{opacity:.35;transform:scaleX(.55)}50%{opacity:1;transform:scaleX(1)}}@media (width<=900px){:root{--header-height:118px}.top-nav{grid-template-rows:48px 46px;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 10px;padding:8px 10px 10px}.mobile-menu-btn{display:grid}.brand-link{min-width:0}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:.9rem}.brand-copy span{font-size:.62rem}.nav-search-container{grid-area:2/1/auto/-1}.nav-search-container .search-bar-wrapper{max-width:none}.sidebar{top:var(--header-height);z-index:var(--z-drawer);border-right:1px solid var(--glass-line);width:min(86vw,320px);min-width:0;box-shadow:var(--shadow-nav);transition:transform .22s var(--ease-out);position:fixed;bottom:0;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{inset:var(--header-height) 0 0;z-index:var(--z-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(8% .025 255/.58);border:0;display:block;position:fixed}.main-content{padding:1rem}.lesson-title{max-width:none;font-size:clamp(1.8rem,8vw,2.45rem)}.lesson-workflow{grid-template-columns:1fr;gap:1rem}}@media (width<=470px){.brand-copy strong{display:none}.brand-copy span{color:var(--ink-strong);font-family:var(--font-ui);letter-spacing:-.01em;text-transform:none;margin:0;font-size:.82rem;font-weight:750}.lesson-header{border-radius:13px}.lesson-body{font-size:.98rem}.lesson-workflow ol,.lesson-retention ol{grid-template-columns:1fr}.lesson-workflow li{min-height:44px}.visual-learning-header{grid-template-columns:1fr;gap:.7rem}.lesson-retention li{padding:.75rem 0}.lesson-retention li+li{border-top:1px solid var(--line);border-left:0}.lesson-sequence-nav{grid-template-columns:1fr}.lesson-sequence-link.next{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}