:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--ink-950:#0b100e;--ink-900:#101815;--ink-850:#14201c;--ink-800:#182722;--ink-750:#1e302a;--ink-700:#284139;--ink-500:#647d74;--ink-400:#8ca49b;--paper:#f1f5ef;--paper-muted:#d6dfda;--mint:#6ee7b7;--mint-strong:#34d399;--mint-dark:#064e3b;--amber:#fbbf24;--violet:#c4b5fd;--rose:#f9a8d4;--danger:#fca5a5;--header-height:72px;--sidebar-width:300px;--content-width:860px;background:var(--ink-950);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink-950);scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 85% 10%, #34d3990b, transparent 26rem), var(--ink-950);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}::selection{color:var(--ink-950);background:var(--mint)}.skip-link{z-index:200;color:var(--ink-950);background:var(--mint);border-radius:6px;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{min-height:100vh}.app-header{z-index:50;grid-template-columns:var(--sidebar-width) minmax(260px, 560px) 1fr;height:var(--header-height);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b100eed;border-bottom:1px solid #6ee7b721;align-items:center;gap:28px;padding:0 28px 0 22px;display:grid;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:11px;width:-moz-fit-content;width:fit-content;text-decoration:none;display:inline-flex}.brand__mark{width:38px;height:38px;color:var(--ink-950);background:var(--mint);letter-spacing:-.04em;border-radius:9px 3px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:900;display:grid;box-shadow:0 0 24px #6ee7b721}.brand>span:last-child{line-height:1.04;display:grid}.brand strong{color:var(--paper);letter-spacing:-.02em;font-size:17px}.brand small{color:var(--ink-400);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.search-box{align-items:center;width:100%;display:flex;position:relative}.search-box__icon{color:var(--ink-400);pointer-events:none;font-size:23px;position:absolute;left:14px}.search-box input{width:100%;height:42px;color:var(--paper);background:var(--ink-850);border:1px solid var(--ink-700);border-radius:8px;outline:none;padding:0 55px 0 43px;transition:border-color .14s,background .14s,box-shadow .14s}.search-box input::placeholder{color:#758c84}.search-box input:focus{background:var(--ink-800);border-color:var(--mint-strong);box-shadow:0 0 0 3px #34d3991c}.search-box kbd{color:var(--ink-400);background:var(--ink-750);border:1px solid var(--ink-700);pointer-events:none;border-radius:5px;padding:3px 7px;font-family:inherit;font-size:11px;position:absolute;right:10px}.app-header__links{justify-content:flex-end;align-items:center;gap:7px;display:flex}.app-header__links a{color:var(--ink-400);border-radius:6px;padding:8px 11px;font-size:14px;font-weight:700;text-decoration:none}.app-header__links a:hover,.app-header__links a.router-link-active{color:var(--paper);background:var(--ink-800)}.menu-button{width:42px;height:42px;color:var(--paper);background:var(--ink-800);border:1px solid var(--ink-700);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:none}.app-sidebar{z-index:20;top:var(--header-height);width:var(--sidebar-width);background:var(--ink-900);scrollbar-color:var(--ink-700) transparent;border-right:1px solid #6ee7b71a;position:fixed;bottom:0;left:0;overflow-y:auto}.app-main{min-height:calc(100vh - var(--header-height));margin-left:var(--sidebar-width);padding-top:var(--header-height)}.app-footer{margin-left:var(--sidebar-width);color:var(--ink-500);border-top:1px solid var(--ink-800);background:#090d0b;justify-content:space-between;gap:20px;padding:26px 5vw;font-size:12px;display:flex}.mobile-nav,.mobile-nav-backdrop{display:none}.sidebar-nav{padding:18px 14px 40px}.sidebar-progress{background:#6ee7b709;border:1px solid #6ee7b71c;border-radius:9px;margin-bottom:16px;padding:14px}.sidebar-progress__row{color:var(--paper-muted);justify-content:space-between;gap:12px;margin-bottom:9px;font-size:12px;display:flex}.sidebar-progress__row strong{color:var(--mint)}.sidebar-progress small{color:var(--ink-500);margin-top:8px;font-size:11px;display:block}.progress-track{background:var(--ink-750);border-radius:99px;width:100%;height:4px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--mint-strong), var(--mint));border-radius:inherit;height:100%;transition:width .22s;display:block}.sidebar-stages,.sidebar-lessons{margin:0;padding:0;list-style:none}.sidebar-stage{margin-bottom:7px}.sidebar-stage__heading{border-radius:7px;align-items:center;gap:10px;padding:9px 8px;text-decoration:none;display:flex}.sidebar-stage__heading:hover{background:var(--ink-850)}.sidebar-stage__number{width:28px;height:28px;color:var(--stage-accent);background:color-mix(in srgb, var(--stage-accent) 9%, transparent);border:1px solid color-mix(in srgb, var(--stage-accent) 25%, transparent);border-radius:6px;flex:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:900;display:grid}.sidebar-stage__heading>span:last-child{min-width:0;display:grid}.sidebar-stage__heading strong{color:var(--paper-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar-stage__heading small{color:var(--ink-500);font-size:10px}.sidebar-lessons{border-left:1px solid var(--ink-700);margin-left:21px;padding:2px 0 5px 18px;position:relative}.sidebar-lessons a{color:var(--ink-400);border-radius:5px;align-items:flex-start;gap:8px;padding:7px 9px;font-size:11px;line-height:1.35;text-decoration:none;display:flex}.sidebar-lessons a:hover,.sidebar-lessons a.is-current{color:var(--paper);background:var(--ink-800)}.completion-dot{border:1px solid var(--ink-500);background:0 0;border-radius:50%;flex:none;width:7px;height:7px;margin-top:4px}.completion-dot.is-complete{background:var(--mint);border-color:var(--mint);box-shadow:0 0 8px #6ee7b759}.page-shell{width:min(100%,1440px);min-height:calc(100vh - var(--header-height));margin:0 auto;padding:64px clamp(28px,5vw,90px) 100px}.page-heading{max-width:840px;margin-bottom:48px}.page-heading h1{max-width:780px;color:var(--paper);letter-spacing:-.055em;margin:10px 0 16px;font-size:clamp(38px,5vw,68px);line-height:.98}.page-heading p{max-width:720px;color:var(--ink-400);margin:0;font-size:18px;line-height:1.7}.eyebrow{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:800}.button{min-height:40px;color:var(--paper-muted);background:var(--ink-800);border:1px solid var(--ink-700);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:9px 14px;font-size:13px;font-weight:800;line-height:1;text-decoration:none;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.button:hover{background:var(--ink-750);border-color:var(--ink-500);transform:translateY(-1px)}.button--primary{color:var(--ink-950);background:var(--mint);border-color:var(--mint)}.button--primary:hover{background:#8af0c8;border-color:#8af0c8}.button--quiet{background:0 0}.button--complete{color:var(--mint);background:#34d39914;border-color:#6ee7b759}.button--large{min-height:48px;padding:12px 18px;font-size:14px}.button--small{min-height:28px;padding:5px 9px;font-size:11px}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(30px,6vw,100px);min-height:580px;padding:25px 0 70px;display:grid}.hero__kicker{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:800;display:flex}.hero__kicker span{background:var(--mint);width:28px;height:1px}.hero h1{max-width:820px;color:var(--paper);letter-spacing:-.075em;margin:22px 0;font-size:clamp(52px,6.5vw,96px);line-height:.91}.hero h1 em{color:var(--mint);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero__lede{max-width:670px;color:var(--ink-400);margin:0;font-size:clamp(17px,1.6vw,21px);line-height:1.65}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.hero__diagram{aspect-ratio:1;width:min(100%,460px);margin:0 auto;position:relative}.orbit{border:1px solid #6ee7b729;border-radius:50%;position:absolute;inset:7%}.orbit:before,.orbit:after{background:var(--mint);width:5px;height:5px;box-shadow:0 0 12px var(--mint);content:"";border-radius:50%;position:absolute}.orbit:before{top:18%;left:12%}.orbit:after{bottom:28%;right:7%}.orbit--inner{border-style:dashed;inset:23%;transform:rotate(-24deg)}.hero__core{width:144px;height:144px;color:var(--ink-950);background:radial-gradient(circle at 35% 30%, #b6f7da, var(--mint-strong) 70%);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #34d39924}.hero__core strong{letter-spacing:.08em;align-self:end;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px}.hero__core span{align-self:start;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.hero__node{color:var(--paper-muted);background:var(--ink-850);border:1px solid var(--ink-700);border-radius:99px;padding:7px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;position:absolute;box-shadow:0 8px 24px #0003}.hero__node--one{top:12%;left:16%}.hero__node--two{top:22%;right:3%}.hero__node--three{bottom:14%;right:8%}.hero__node--four{bottom:7%;left:12%}.home-stats{border-top:1px solid var(--ink-700);border-bottom:1px solid var(--ink-700);grid-template-columns:repeat(4,1fr);margin:0 0 100px;display:grid}.home-stats>div{border-right:1px solid var(--ink-700);gap:2px;padding:25px 26px;display:grid}.home-stats>div:last-child{border-right:0}.home-stats strong{color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400}.home-stats span{color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.home-section{margin-bottom:110px}.section-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px;display:flex}.section-heading h2,.principles-panel h2{max-width:720px;color:var(--paper);letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(32px,4vw,54px);line-height:1.04}.section-heading>p{max-width:380px;color:var(--ink-400);margin:0;line-height:1.6}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stage-card{min-height:172px;color:inherit;background:var(--ink-850);border:1px solid var(--ink-700);border-radius:10px;grid-template-columns:44px 1fr auto;align-items:start;gap:16px;padding:25px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:grid;position:relative;overflow:hidden}.stage-card:after{background:radial-gradient(circle, color-mix(in srgb, var(--stage-accent) 9%, transparent), transparent 68%);content:"";width:220px;height:220px;position:absolute;bottom:-110px;right:-70px}.stage-card:hover{background:var(--ink-800);border-color:color-mix(in srgb, var(--stage-accent) 45%, var(--ink-700));transform:translateY(-2px)}.stage-card__number{width:42px;height:42px;color:var(--stage-accent);background:color-mix(in srgb, var(--stage-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--stage-accent) 24%, transparent);border-radius:8px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:900;display:grid}.stage-card h3{color:var(--paper);letter-spacing:-.025em;margin:4px 0 8px;font-size:20px}.stage-card p{color:var(--ink-400);margin:0 0 12px;font-size:14px;line-height:1.55}.stage-card small{color:var(--ink-500);font-size:11px}.stage-card__arrow{z-index:1;color:var(--stage-accent);font-size:20px;position:relative}.principles-panel{background:#dce8e1;border-radius:14px;grid-template-columns:.7fr 1.3fr;gap:60px;padding:54px;display:grid}.principles-panel .eyebrow{color:var(--mint-dark)}.principles-panel h2{color:#12211c}.principles-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.principles-grid article>span{color:#3a6656;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.principles-grid h3{color:#12211c;margin:7px 0;font-size:18px}.principles-grid p{color:#4b635a;margin:0;font-size:14px;line-height:1.55}.curriculum-overview{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:30px;max-width:920px;margin-bottom:52px;padding:24px;display:grid}.curriculum-overview>div:first-child{display:grid}.curriculum-overview strong{color:var(--mint);font-size:23px}.curriculum-overview span{color:var(--ink-400);font-size:12px}.progress-track--large{height:8px}.curriculum-stages{gap:22px;max-width:1040px;display:grid}.curriculum-stage{background:var(--ink-850);border:1px solid var(--ink-700);scroll-margin-top:calc(var(--header-height) + 20px);border-radius:11px;padding:28px}.curriculum-stage.is-selected{border-color:color-mix(in srgb, var(--stage-accent) 62%, var(--ink-700));box-shadow:0 0 0 3px color-mix(in srgb, var(--stage-accent) 7%, transparent)}.curriculum-stage__header{border-bottom:1px solid var(--ink-700);grid-template-columns:54px 1fr auto;align-items:start;gap:18px;padding-bottom:24px;display:grid}.curriculum-stage__number{width:52px;height:52px;color:var(--stage-accent);background:color-mix(in srgb, var(--stage-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--stage-accent) 25%, transparent);border-radius:8px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;font-weight:900;display:grid}.curriculum-stage__header h2{color:var(--paper);letter-spacing:-.03em;margin:3px 0 5px;font-size:25px}.curriculum-stage__header p{max-width:620px;color:var(--ink-400);margin:0;font-size:14px;line-height:1.5}.curriculum-stage__count{color:var(--stage-accent);background:color-mix(in srgb, var(--stage-accent) 7%, transparent);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:800}.curriculum-list{margin:0;padding:12px 0 0;list-style:none}.curriculum-entry{border-bottom:1px solid #284139a6;grid-template-columns:48px 66px 1fr auto;align-items:center;gap:14px;min-height:48px;padding:8px 10px;text-decoration:none;display:grid}.curriculum-entry--published:hover{background:var(--ink-800)}.curriculum-entry__number{color:var(--ink-500);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.curriculum-entry__status{color:var(--mint);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.curriculum-entry strong{color:var(--paper-muted);font-size:14px;font-weight:650}.curriculum-entry--planned{opacity:.62}.curriculum-entry--planned .curriculum-entry__status{color:var(--ink-400)}.breadcrumbs{max-width:var(--content-width);color:var(--ink-500);flex-wrap:wrap;gap:8px;margin:0 auto 28px;font-size:12px;display:flex}.breadcrumbs a{color:var(--ink-400);text-decoration:none}.breadcrumbs a:hover{color:var(--mint)}.article-view{padding-top:44px}.article-header,.article-outcomes,.prerequisites,.article-blocks,.article-sources,.article-pagination{width:min(100%, var(--content-width));margin-left:auto;margin-right:auto}.article-header{border-bottom:1px solid var(--ink-700);padding:0 0 45px;position:relative}.article-header:before{background:var(--stage-accent);width:90px;height:2px;box-shadow:0 0 18px color-mix(in srgb, var(--stage-accent) 45%, transparent);content:"";position:absolute;top:-44px;left:-4px}.article-header__meta{flex-wrap:wrap;gap:8px;margin-bottom:17px;display:flex}.article-header__meta span{color:var(--ink-400);background:var(--ink-850);border:1px solid var(--ink-700);text-transform:uppercase;border-radius:4px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.article-header__meta span:first-child{color:var(--stage-accent);border-color:color-mix(in srgb, var(--stage-accent) 25%, var(--ink-700))}.article-header h1{max-width:820px;color:var(--paper);letter-spacing:-.058em;margin:0 0 18px;font-size:clamp(42px,5.4vw,72px);line-height:.98}.article-header>p{max-width:760px;color:var(--ink-400);margin:0;font-size:19px;line-height:1.65}.article-header__actions{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.article-outcomes{background:#6ee7b70b;border:1px solid #6ee7b72e;border-radius:9px;grid-template-columns:auto 1fr;gap:18px;margin-top:34px;padding:28px;display:grid}.article-outcomes__marker{width:38px;height:38px;color:var(--mint);background:#6ee7b714;border-radius:50%;place-items:center;font-size:19px;display:grid}.article-outcomes h2{color:var(--paper);margin:0 0 10px;font-size:17px}.article-outcomes ul{color:var(--paper-muted);margin:0;padding-left:20px}.article-outcomes li{margin:5px 0;padding-left:3px;font-size:14px;line-height:1.5}.article-outcomes li::marker{color:var(--mint)}.prerequisites{color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px;padding:18px 0;font-size:12px;display:flex}.prerequisites strong{color:var(--ink-400);text-transform:uppercase;margin-right:4px}.prerequisites a{color:var(--paper-muted);background:var(--ink-850);border-radius:4px;padding:5px 8px;text-decoration:none}.prerequisites a:hover{color:var(--mint)}.article-blocks{padding-top:34px}.article-blocks>h2{color:var(--paper);letter-spacing:-.04em;scroll-margin-top:calc(var(--header-height) + 20px);margin:68px 0 20px;font-size:clamp(28px,3.4vw,39px);line-height:1.12}.article-blocks>h2:first-child{margin-top:0}.article-blocks>p{max-width:770px;color:var(--paper-muted);margin:0 0 20px;font-size:17px;line-height:1.82}.inline-code{color:#a7f3d0;white-space:break-spaces;background:#17251f;border:1px solid #2a453a;border-radius:4px;padding:.12em .34em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84em}.article-list{max-width:770px;color:var(--paper-muted);margin:8px 0 28px;padding-left:24px}.article-list li{margin:10px 0;padding-left:5px;font-size:16px;line-height:1.7}.article-list li::marker{color:var(--mint)}.callout{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:8px;max-width:800px;margin:30px 0;padding:22px 24px 22px 26px;position:relative;overflow:hidden}.callout:before{background:var(--callout-accent,var(--mint));content:"";width:4px;position:absolute;inset:0 auto 0 0}.callout>strong{color:var(--callout-accent,var(--mint));letter-spacing:.02em;margin-bottom:8px;font-size:13px;display:block}.callout p{color:var(--paper-muted);margin:0;font-size:15px;line-height:1.68}.callout--tip{--callout-accent:#67e8f9}.callout--warning{--callout-accent:var(--amber)}.callout--production{--callout-accent:var(--violet)}.code-block{background:#080d0b;border:1px solid #294139;border-radius:9px;max-width:100%;margin:30px 0;overflow:hidden;box-shadow:0 14px 38px #00000021}.code-toolbar{min-height:42px;color:var(--ink-400);background:#111a17;border-bottom:1px solid #23372f;justify-content:space-between;align-items:center;padding:6px 9px 6px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;display:flex}.code-block pre{color:#d7e7df;tab-size:2;scrollbar-color:var(--ink-700) transparent;margin:0;padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.code-block code{font-family:inherit}.lesson-steps{gap:12px;margin:26px 0 38px;display:grid}.lesson-step{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:8px;grid-template-columns:auto 1fr;gap:16px;padding:20px;display:grid}.lesson-step__number{width:32px;height:32px;color:var(--ink-950);background:var(--mint);border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:900;display:grid}.lesson-step h3{color:var(--paper);margin:2px 0 6px;font-size:16px}.lesson-step p{color:var(--ink-400);margin:0;font-size:14px;line-height:1.6}.knowledge-check{background:linear-gradient(135deg, #6ee7b70e, #c4b5fd09), var(--ink-850);border:1px solid #6ee7b738;border-radius:10px;margin:54px 0 36px;padding:28px}.knowledge-check h3{max-width:720px;color:var(--paper);margin:9px 0 19px;font-size:20px;line-height:1.4}.knowledge-check__answer{color:var(--paper-muted);border-top:1px solid var(--ink-700);margin:20px 0 0;padding-top:20px;line-height:1.7}.demo-frame{background:#0c1310;border:1px solid #315044;border-radius:12px;margin:40px 0 46px;overflow:hidden;box-shadow:0 20px 55px #00000030}.demo-frame__header{background:var(--ink-850);border-bottom:1px solid #2c473d;justify-content:space-between;align-items:start;gap:24px;padding:20px 22px;display:flex}.demo-frame__header h3{color:var(--paper);margin:5px 0 4px;font-size:19px}.demo-frame__header p{max-width:540px;color:var(--ink-400);margin:0;font-size:13px;line-height:1.5}.demo-frame__actions{flex:none;gap:7px;display:flex}.demo-frame__stage{background-color:#080d0b;background-image:linear-gradient(45deg,#6ee7b706 25%,#0000 25% 75%,#6ee7b706 75%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;width:100%;max-height:640px;display:grid;position:relative;overflow:hidden}.demo-frame__stage--idle{min-height:250px}.demo-frame__idle{z-index:2;color:var(--ink-400);pointer-events:none;place-items:center;display:grid;position:absolute}.demo-frame__idle>span{width:56px;height:56px;color:var(--mint);background:#6ee7b70f;border:1px solid #6ee7b738;border-radius:50%;place-items:center;padding-left:4px;display:grid}.demo-frame__idle p{margin:12px 0 0;font-size:12px}.demo-frame__canvas{width:100%;height:100%}.demo-frame__canvas canvas{margin:auto;display:block}.demo-frame__instructions,.demo-frame>figcaption,.demo-frame__error{color:var(--ink-400);padding:0 20px;font-size:12px;line-height:1.55}.demo-frame__instructions{margin:17px 0 4px}.demo-frame__instructions strong{color:var(--paper-muted)}.demo-frame>figcaption{padding-bottom:17px}.demo-frame__error{color:var(--danger)}.demo-source{border-top:1px solid #243a32}.demo-source summary{color:var(--ink-400);cursor:pointer;padding:14px 20px;font-size:12px;font-weight:800}.demo-source summary:hover{color:var(--mint)}.demo-source .code-block{box-shadow:none;border:0;border-top:1px solid #243a32;border-radius:0;margin:0}.article-sources{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:10px;grid-template-columns:.8fr 1.2fr;gap:38px;margin-top:72px;padding:32px;display:grid}.article-sources h2{color:var(--paper);margin:7px 0 8px;font-size:24px}.article-sources p{color:var(--ink-500);margin:0;font-size:12px;line-height:1.5}.article-sources ul{margin:0;padding:0;list-style:none}.article-sources li+li{margin-top:7px}.article-sources a{color:var(--paper-muted);background:var(--ink-800);border-radius:6px;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:12px;text-decoration:none;display:grid}.article-sources a:hover{color:var(--mint);background:var(--ink-750)}.article-sources a>span:first-child{color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;font-weight:800}.article-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.article-pagination__link{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:8px;gap:5px;min-height:96px;padding:20px;text-decoration:none;display:grid}.article-pagination__link:hover{background:var(--ink-800);border-color:#6ee7b752}.article-pagination__link span{color:var(--mint);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.article-pagination__link strong{color:var(--paper-muted);font-size:14px}.article-pagination__link--next{text-align:right}.search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:1050px;display:grid}.search-result{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:9px;min-height:205px;padding:24px;text-decoration:none;transition:background .13s,border-color .13s,transform .13s;display:block}a.search-result:hover{background:var(--ink-800);border-color:#6ee7b759;transform:translateY(-2px)}.search-result__meta{color:var(--ink-500);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.status-pill{color:var(--ink-400);background:var(--ink-750);letter-spacing:.06em;border-radius:3px;padding:4px 6px;font-size:9px;font-weight:900}.status-pill--published{color:var(--mint);background:#6ee7b717}.status-pill--glossary{color:#67e8f9;background:#67e8f914}.search-result h2{color:var(--paper);letter-spacing:-.03em;margin:14px 0 8px;font-size:22px}.search-result p{color:var(--ink-400);margin:0;font-size:14px;line-height:1.55}.search-result--planned{opacity:.68}.tag-row,.tag-cloud{flex-wrap:wrap;gap:6px;display:flex}.tag-row{margin-top:17px}.tag-row span,.tag-cloud a{color:var(--ink-400);background:var(--ink-800);border:1px solid var(--ink-700);border-radius:4px;padding:4px 7px;font-size:10px;text-decoration:none}.tag-cloud a{padding:10px 13px;font-size:13px}.tag-cloud a:hover{color:var(--mint);border-color:#6ee7b759}.search-suggestions{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:9px;max-width:740px;padding:28px}.search-suggestions h2{color:var(--paper);margin:0 0 18px;font-size:20px}.empty-state{min-height:calc(100vh - var(--header-height));align-content:center;justify-items:start;display:grid}.empty-state h1,.empty-state h2{max-width:700px;color:var(--paper);letter-spacing:-.05em;margin:9px 0 12px;font-size:clamp(34px,5vw,62px);line-height:1}.empty-state p{max-width:600px;color:var(--ink-400);margin:0 0 24px;font-size:17px;line-height:1.6}.empty-state--inline{text-align:center;background:var(--ink-850);border:1px dashed var(--ink-700);border-radius:10px;justify-items:center;max-width:850px;min-height:350px}.empty-state--inline>span{color:var(--mint);font-size:38px}.empty-state--inline h2{font-size:30px}.empty-state__actions{gap:8px;display:flex}.filter-field{max-width:580px;color:var(--ink-400);letter-spacing:.07em;text-transform:uppercase;gap:7px;margin-bottom:34px;font-size:11px;font-weight:800;display:grid}.filter-field input{height:48px;color:var(--paper);background:var(--ink-850);border:1px solid var(--ink-700);text-transform:none;border-radius:7px;outline:none;padding:0 15px}.filter-field input:focus{border-color:var(--mint)}.glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1060px;margin:0;display:grid}.glossary-entry{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:8px;grid-template-columns:145px 1fr;gap:20px;padding:24px;display:grid}.glossary-entry dt{color:var(--mint);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:900}.glossary-entry dd{margin:0}.glossary-entry p{color:var(--paper-muted);margin:0 0 12px;font-size:13px;line-height:1.6}.glossary-entry a{color:var(--ink-400);font-size:11px;font-weight:800;text-decoration:none}.glossary-entry a:hover{color:var(--mint)}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1050px;display:grid}.about-grid section{background:var(--ink-850);border:1px solid var(--ink-700);border-radius:9px;min-height:240px;padding:28px;position:relative;overflow:hidden}.about-grid__number{color:var(--mint);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.about-grid h2{color:var(--paper);margin:22px 0 8px;font-size:25px}.about-grid p{max-width:430px;color:var(--ink-400);margin:0 0 18px;line-height:1.6}.about-grid pre{color:#a7f3d0;background:#0a100d;border-radius:6px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.about-policy{background:#dce8e1;border-radius:10px;grid-template-columns:.8fr 1.2fr;gap:45px;max-width:1050px;margin-top:18px;padding:35px;display:grid}.about-policy .eyebrow{color:var(--mint-dark)}.about-policy h2{color:#12211c;letter-spacing:-.035em;margin:7px 0;font-size:30px}.about-policy ul{color:#3e5a50;margin:0;padding-left:22px}.about-policy li{margin:8px 0;line-height:1.55}@media (max-width:1180px){:root{--sidebar-width:270px}.app-header{grid-template-columns:var(--sidebar-width) minmax(240px, 1fr) auto;gap:18px}.hero{grid-template-columns:1fr}.hero__diagram{display:none}.glossary-list{grid-template-columns:1fr}}@media (max-width:900px){:root{--header-height:64px}.app-header{grid-template-columns:auto minmax(150px,1fr) auto;padding:0 14px}.brand>span:last-child,.app-header__links,.app-sidebar{display:none}.menu-button{display:flex}.app-main,.app-footer{margin-left:0}.mobile-nav-backdrop{z-index:58;inset:var(--header-height) 0 0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;position:fixed}.mobile-nav{z-index:60;top:var(--header-height);background:var(--ink-900);border-left:1px solid var(--ink-700);width:min(90vw,340px);transition:transform .18s;display:block;position:fixed;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}.mobile-nav.is-open{transform:translate(0)}.page-shell{padding-top:48px}.home-stats{grid-template-columns:repeat(2,1fr)}.home-stats>div:nth-child(2){border-right:0}.home-stats>div:nth-child(-n+2){border-bottom:1px solid var(--ink-700)}.principles-panel,.article-sources,.about-policy{grid-template-columns:1fr}.principles-panel{padding:36px}.search-results{grid-template-columns:1fr}}@media (max-width:680px){.search-box kbd{display:none}.search-box input{padding-right:12px}.page-shell{padding:38px 18px 70px}.hero{min-height:auto;padding:20px 0 55px}.hero h1{font-size:clamp(46px,15vw,68px)}.hero__actions,.hero__actions .button{width:100%}.home-stats{margin-bottom:70px}.home-stats>div{padding:19px 14px}.section-heading{flex-direction:column;align-items:start}.stage-grid,.principles-grid,.about-grid{grid-template-columns:1fr}.stage-card{grid-template-columns:38px 1fr;min-height:auto;padding:19px}.stage-card__number{width:38px;height:38px}.stage-card__arrow{display:none}.principles-panel{gap:38px;padding:26px}.curriculum-overview{grid-template-columns:1fr}.curriculum-stage{padding:20px 14px}.curriculum-stage__header{grid-template-columns:45px 1fr}.curriculum-stage__number{width:43px;height:43px}.curriculum-stage__count{grid-column:2;justify-self:start}.curriculum-entry{grid-template-columns:40px 52px 1fr;gap:8px;padding:9px 4px}.curriculum-entry>span:last-child{display:none}.curriculum-entry strong{font-size:13px}.article-header h1{font-size:clamp(40px,13vw,58px)}.article-header>p,.article-blocks>p{font-size:16px}.article-outcomes{grid-template-columns:1fr;padding:22px}.callout,.knowledge-check{padding:21px}.demo-frame__header{flex-direction:column;align-items:stretch}.demo-frame__actions .button{flex:1}.demo-frame__stage--idle{min-height:200px}.article-sources{padding:23px}.article-sources a{grid-template-columns:1fr auto}.article-sources a>span:first-child{display:none}.article-pagination{grid-template-columns:1fr}.article-pagination__link--next{text-align:left}.glossary-entry{grid-template-columns:1fr;gap:9px}.app-footer{flex-direction:column;align-items:flex-start;padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}