@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#0a0d12;--bg-elev:#11151c;--bg-inset:#06080c;--fg:#e6edf3;--fg-muted:#8b949e;--fg-subtle:#565f6b;--border:rgba(230,237,243,.1);--border-strong:rgba(230,237,243,.2);--accent:#b6f24a;--accent-fg:#0a0d12;--accent-dim:rgba(182,242,74,.12);--accent-glow:rgba(182,242,74,.35);--signal:#ff5d4d;--signal-dim:rgba(255,93,77,.12);--warn:#ffb000;--ok:var(--accent);--font-display:"Space Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--font-body:"Space Grotesk",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--r-sm:4px;--r-md:6px;--r-lg:10px;--maxw:1180px;--shadow-lift:0 0 0 1px var(--border),0 18px 40px -24px rgba(0,0,0,.8);--ease-out:cubic-bezier(.22,1,.36,1)}[data-theme=light]{--bg:#f3f5f8;--bg-elev:#fff;--bg-inset:#e7eaf0;--fg:#0d1117;--fg-muted:#4b5563;--fg-subtle:#8b949e;--border:rgba(13,17,23,.12);--border-strong:rgba(13,17,23,.24);--accent:#4d7c0f;--accent-fg:#fff;--accent-dim:rgba(77,124,15,.1);--accent-glow:rgba(77,124,15,.22);--signal:#c2410c;--signal-dim:rgba(194,65,12,.1);--warn:#b45309;--shadow-lift:0 0 0 1px var(--border),0 18px 40px -28px rgba(13,17,23,.25)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}body:before{background:radial-gradient(ellipse 55% 100% at 50% 0,var(--accent-dim),transparent 70%);height:280px;pointer-events:none;z-index:0}body:after,body:before{content:"";left:0;position:fixed;right:0;top:0}body:after{background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent) 80%,transparent);height:2px;opacity:.5;z-index:50}a{color:inherit;text-decoration:none}::-moz-selection{background:var(--accent);color:var(--accent-fg)}::selection{background:var(--accent);color:var(--accent-fg)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em;line-height:1.1}code,kbd,pre,samp{font-family:var(--font-mono)}.site-shell{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.section{margin:0 auto;padding:80px 0;width:min(var(--maxw),calc(100% - 40px))}.section+.section{padding-top:0}.eyebrow{align-items:center;background:var(--accent-dim);border:1px solid var(--accent-dim);border-radius:var(--r-sm);color:var(--accent);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:500;gap:8px;letter-spacing:.08em;margin:0 0 14px;padding:5px 10px;text-transform:uppercase}.eyebrow:before{background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent-glow);content:"";height:6px;width:6px}.reveal,.reveal-stagger{animation:revealIn .6s var(--ease-out) both;animation-delay:var(--reveal-delay,0s)}@keyframes revealIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal,.reveal-stagger{animation:none}}.site-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.topbar{display:flex;gap:24px;justify-content:space-between;margin:0 auto;padding:15px 0;width:min(var(--maxw),calc(100% - 40px))}.brand,.topbar{align-items:center}.brand{color:var(--fg);display:inline-flex;font-family:var(--font-display);font-size:18px;font-weight:700;gap:8px}.brand .prompt{color:var(--accent)}.brand-mark{display:inline-block;height:22px;width:22px}.brand .cursor,.brand:after{animation:blink 1.1s steps(2) infinite;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);content:"";display:inline-block;height:1em;margin-left:3px;vertical-align:-.14em;width:.5em}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.brand:after{animation:none}}.nav-row{gap:12px}.nav-links,.nav-row{align-items:center;display:flex}.nav-links{font-family:var(--font-mono);font-size:13px;font-weight:500;gap:2px}.nav-links a{border:1px solid transparent;border-radius:var(--r-sm);color:var(--fg-muted);padding:8px 12px;transition:color .18s ease,border-color .18s ease,background .18s ease}.nav-links a:hover{background:var(--bg-elev);border-color:var(--border);color:var(--fg)}.nav-links a.router-link-active,.nav-links a.router-link-exact-active{background:var(--accent-dim);border-color:var(--accent-dim);color:var(--accent)}.theme-toggle{align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg-muted);cursor:pointer;display:inline-flex;gap:6px;height:38px;justify-content:center;min-height:38px;transition:border-color .18s ease,color .18s ease;width:38px}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-icon{height:18px;width:18px}.hero-section{border-bottom:1px solid var(--border);margin:0 auto;padding:72px 0 88px;position:relative;width:min(var(--maxw),calc(100% - 40px))}.hero-ruler{color:var(--fg-subtle);display:flex;font-family:var(--font-mono);font-size:11px;justify-content:space-between;letter-spacing:.06em;margin-bottom:32px}.hero-ruler-id{color:var(--accent);font-weight:500}.hero-copy{position:relative}.hero-title{color:var(--fg);font-family:var(--font-display);font-size:clamp(40px,8.4vw,96px);font-weight:700;letter-spacing:-.02em;line-height:1.02;margin:0 0 28px}.hero-title .line{display:block}.hero-title-light{color:var(--fg-muted);font-weight:400}.hero-title-bold em{color:var(--accent);font-style:normal}.hero-summary{color:var(--fg-muted);font-size:19px;line-height:1.7;margin:0 0 36px;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn,.primary-action,.secondary-action{align-items:center;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:14px;font-weight:500;gap:8px;height:46px;letter-spacing:.01em;padding:0 18px;transition:transform .16s var(--ease-out),border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.primary-action{background:var(--accent);border:1px solid var(--accent);color:var(--accent-fg)}.primary-action:hover{box-shadow:0 8px 24px -8px var(--accent-glow);transform:translateY(-2px)}.secondary-action{background:transparent;border:1px solid var(--border-strong);color:var(--fg)}.secondary-action:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-section .signal-strip,.signal-strip{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;overflow:hidden}.signal-strip .cell{border-right:1px solid var(--border);font-family:var(--font-mono);padding:18px}.signal-strip .cell:last-child{border-right:0}.signal-strip .k{color:var(--fg-subtle);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.signal-strip .v{color:var(--fg);font-size:22px;font-weight:700;margin-top:8px}.signal-strip .v .unit{color:var(--fg-muted);font-size:12px;font-weight:400;margin-left:4px}.signal-strip .bar{background:var(--bg-inset);border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.signal-strip .bar i{background:var(--accent);display:block;height:100%}.section-heading-row{align-items:end;display:grid;gap:44px;grid-template-columns:.9fr 1.1fr;margin-bottom:32px}.section .eyebrow:before,.section-heading .eyebrow:before,.section-heading-row .eyebrow:before{content:""}.section-heading .eyebrow{padding-left:26px;position:relative}.section-heading .eyebrow:after{color:var(--fg-subtle);content:"//";font-weight:400;left:10px;position:absolute}.section-heading h2{font-size:clamp(30px,4.4vw,48px);line-height:1.05;margin:0}.section-side-copy{color:var(--fg-muted);font-size:17px;line-height:1.7;margin:0}.focus-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.focus-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:0;position:relative;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.focus-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.focus-card>span:first-child{align-items:center;background:var(--bg-inset);border-bottom:1px solid var(--border);color:var(--fg-muted);display:flex;font-family:var(--font-mono);font-size:11px;justify-content:space-between;padding:10px 14px}.focus-card h3{color:var(--fg);font-size:22px;margin:0;padding:22px 22px 0}.focus-card p{color:var(--fg-muted);font-size:15px;line-height:1.65;margin:0;padding:0 22px 22px}.entry-grid{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:grid;gap:0;overflow:hidden}.entry-card{align-items:center;border-bottom:1px solid var(--border);display:grid;gap:20px;grid-template-columns:140px 1fr;padding:20px 22px;transition:background .16s ease}.entry-card:last-child{border-bottom:0}.entry-card:hover{background:var(--bg-inset)}.entry-card:hover strong{color:var(--accent)}.entry-card>span:first-child{color:var(--fg-subtle);font-family:var(--font-mono);font-size:11px;line-height:1.6}.entry-card strong{color:var(--fg);font-family:var(--font-display);font-size:20px;font-weight:700;transition:color .16s ease}.entry-card strong:after{color:var(--accent);content:"/";margin-left:2px}.entry-card p{color:var(--fg-muted);font-size:14px;margin:4px 0 0}.page-hero{border-bottom:1px solid var(--border);margin:0 auto;padding:64px 0 48px;width:min(var(--maxw),calc(100% - 40px))}.page-hero h1{font-size:clamp(32px,5.4vw,56px);line-height:1.05;margin:0 0 16px}.page-hero>p:last-child{color:var(--fg-muted);font-size:17px;line-height:1.7;margin:0;max-width:640px}.nav-section{padding-top:56px}.link-band+.link-band{margin-top:40px}.link-group-heading{align-items:center;display:flex;font-family:var(--font-mono);gap:12px;margin-bottom:18px}.link-group-heading h2{color:var(--fg);font-size:20px;margin:0}.link-group-heading:before{content:"["}.link-group-heading:after,.link-group-heading:before{color:var(--accent);font-family:var(--font-mono);font-weight:700}.link-group-heading:after{content:"]"}.link-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.link-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:10px;min-height:150px;overflow:hidden;padding:20px;position:relative;transition:border-color .18s ease,transform .18s ease}.link-card:before{background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .22s var(--ease-out);width:3px}.link-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.link-card:hover:before{transform:scaleY(1)}.link-tag{color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}.link-card strong{color:var(--fg);font-family:var(--font-display);font-size:19px;font-weight:700}.link-card p{color:var(--fg-muted);font-size:14px;line-height:1.6;margin:0}.learn-route-section{padding-top:56px}.learn-group+.learn-group{margin-top:48px}.learn-group-heading{align-items:baseline;border-bottom:1px solid var(--border);display:flex;font-family:var(--font-mono);gap:12px;margin-bottom:20px;padding-bottom:14px}.learn-group-heading span{color:var(--fg-subtle);font-size:12px}.learn-group-heading span:before{color:var(--fg-subtle);content:"// "}.learn-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.learn-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:10px;padding:22px;transition:border-color .18s ease,transform .18s ease}.learn-card:hover{border-color:var(--accent);transform:translateY(-3px)}.learn-order{color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}.learn-card h3{color:var(--fg);font-size:19px;margin:0}.learn-card p{color:var(--fg-muted);font-size:14px;line-height:1.6;margin:0}.learn-card small{border-top:1px solid var(--border);color:var(--fg-subtle);font-family:var(--font-mono);font-size:11px;margin-top:auto;padding-top:8px}.article-page,.learn-article-hero{padding-bottom:40px}.learn-article-hero h1{font-size:clamp(28px,4.6vw,44px)}.learn-article-hero .secondary-action{height:38px;margin-top:20px}.article-doc-layout{align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,1fr) 240px;padding-top:48px}.article-doc-main{min-width:0}.article-toc-column{position:sticky;top:88px}.article-toc{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);max-height:calc(100vh - 120px);overflow-y:auto;padding:18px}.article-toc>p{color:var(--fg-subtle);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.article-toc>p:before{color:var(--fg-subtle);content:"// "}.article-toc nav{display:flex;flex-direction:column;gap:2px}.article-toc a{border-left:2px solid var(--border);color:var(--fg-muted);display:block;font-family:var(--font-mono);font-size:12px;line-height:1.5;padding:6px 10px;transition:color .16s ease,border-color .16s ease,background .16s ease}.article-toc a:hover{background:var(--bg-inset);color:var(--fg)}.article-toc a.is-active{background:var(--accent-dim);border-left-color:var(--accent);color:var(--accent)}.article-toc a.toc-level-3{padding-left:22px}.article-toc a.toc-level-4{padding-left:34px}.article-toc a.toc-level-5{padding-left:46px}.article-toc a.toc-level-6{padding-left:58px}.back-to-top-button{align-items:center;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--r-sm);bottom:24px;color:var(--fg);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:12px;gap:6px;height:38px;padding:0 14px;position:fixed;right:24px;transition:border-color .16s ease,color .16s ease,transform .16s ease;z-index:20}.back-to-top-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.markdown-body{color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.75}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--font-display);line-height:1.25;margin:1.8em 0 .6em}.markdown-body h1{font-size:1.9em}.markdown-body h2{border-bottom:1px solid var(--border);font-size:1.5em;padding-bottom:.3em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1.05em}.markdown-body h5,.markdown-body h6{color:var(--fg-muted);font-size:.95em}.markdown-body h2:before{color:var(--accent);content:"## ";font-family:var(--font-mono);font-weight:400}.markdown-body h3:before{color:var(--fg-subtle);content:"### ";font-family:var(--font-mono);font-weight:400}.markdown-body p{margin:.9em 0}.markdown-body a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-dim);text-underline-offset:3px}.markdown-body a:hover{text-decoration-color:var(--accent)}.markdown-body strong{color:var(--fg);font-weight:600}.markdown-body em{color:var(--fg);font-style:italic}.markdown-body ol,.markdown-body ul{margin:.9em 0;padding-left:1.4em}.markdown-body li{margin:.4em 0}.markdown-body ul li::marker{color:var(--accent)}.markdown-body ol li::marker{color:var(--accent);font-family:var(--font-mono)}.markdown-body blockquote{background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--fg);margin:1.2em 0;padding:12px 16px}.markdown-body blockquote p{margin:.4em 0}.markdown-body code{border-radius:var(--r-sm);color:var(--accent);font-size:.88em;padding:2px 6px}.markdown-body code,.markdown-body pre{background:var(--bg-inset);border:1px solid var(--border)}.markdown-body pre{border-radius:var(--r-md);font-size:13.5px;line-height:1.6;margin:1.2em 0;overflow-x:auto;padding:18px 20px}.markdown-body pre code{background:transparent;border:0;color:var(--fg);font-size:inherit;padding:0}.markdown-body table{border:1px solid var(--border);border-collapse:collapse;border-radius:var(--r-md);font-size:14px;margin:1.2em 0;overflow:hidden;width:100%}.markdown-body td,.markdown-body th{border-bottom:1px solid var(--border);padding:10px 14px;text-align:left}.markdown-body th{background:var(--bg-inset);color:var(--fg-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.markdown-body tr:last-child td{border-bottom:0}.markdown-body img{border:1px solid var(--border);border-radius:var(--r-md);height:auto;max-width:100%}.markdown-body hr{border:0;border-top:1px solid var(--border);margin:2em 0}.game-dashboard{display:grid;gap:16px;grid-template-columns:1.4fr 1fr;padding-top:56px}.game-player-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);gap:20px;padding:24px}.game-avatar,.game-player-card{align-items:center;display:flex}.game-avatar{background:var(--accent-dim);border:1px solid var(--accent-dim);border-radius:var(--r-md);color:var(--accent);flex-shrink:0;font-family:var(--font-display);font-size:28px;font-weight:700;height:64px;justify-content:center;width:64px}.game-player-copy{min-width:0}.game-player-copy h2{font-size:24px;margin:6px 0}.game-player-copy>p{color:var(--fg-muted);font-size:14px;margin:0 0 12px}.game-xp-track{background:var(--bg-inset);border-radius:3px;height:6px;overflow:hidden}.game-xp-track i{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);display:block;height:100%}.study-summary{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:grid;gap:0;grid-template-columns:repeat(2,1fr);overflow:hidden}.study-summary>div{border-bottom:1px solid var(--border);border-right:1px solid var(--border);font-family:var(--font-mono);padding:18px}.study-summary>div:nth-child(2n){border-right:0}.study-summary>div:nth-last-child(-n+2){border-bottom:0}.study-summary span{color:var(--fg-subtle);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.study-summary strong{color:var(--fg);display:block;font-size:26px;margin-top:6px}.game-mission-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding:24px}.game-mission-card h2{font-size:22px;margin:6px 0}.game-mission-card>div>p{color:var(--fg-muted);font-size:14px;margin:0}.game-mission-card small{color:var(--fg-subtle);display:block;font-family:var(--font-mono);font-size:11px;margin-top:8px}.game-task-list{color:var(--fg-muted);font-size:14px;margin:12px 0 0;padding-left:1.2em}.game-task-list li{margin:.3em 0}.game-task-list li::marker{color:var(--accent);font-family:var(--font-mono)}.study-map-section{padding-top:56px}.study-map-shell{display:flex;flex-direction:column;gap:40px}.study-map-legend{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg-muted);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;gap:18px;padding:14px 18px}.study-map-legend span{align-items:center;display:inline-flex;gap:6px}.legend-dot{border-radius:2px;display:inline-block;height:8px;width:8px}.legend-dot.is-ready{background:var(--accent)}.legend-dot.is-active{background:var(--warn)}.legend-dot.is-passed{background:var(--ok);box-shadow:0 0 6px var(--accent-glow)}.legend-dot.is-review{background:var(--signal)}.legend-dot.is-locked{background:var(--fg-subtle)}.study-group-heading{align-items:baseline;border-bottom:1px solid var(--border);display:flex;font-family:var(--font-mono);gap:12px;margin-bottom:18px;padding-bottom:12px}.study-group-heading span{color:var(--fg-subtle);font-size:12px}.study-group-heading span:before{color:var(--fg-subtle);content:"// "}.study-group-heading strong{color:var(--fg);font-family:var(--font-display);font-size:20px}.study-map-path{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.study-node{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:10px;padding:20px;position:relative;transition:border-color .18s ease,transform .18s ease}.study-node:hover{transform:translateY(-3px)}.study-node.is-ready:hover{border-color:var(--accent)}.study-node.is-active:hover{border-color:var(--warn)}.study-node.is-passed:hover{border-color:var(--ok)}.study-node.is-review:hover{border-color:var(--signal)}.study-node.is-locked{opacity:.55}.study-node-index{color:var(--fg-subtle);font-family:var(--font-mono);font-size:11px}.study-node.is-passed .study-node-index{color:var(--ok)}.study-node.is-active .study-node-index{color:var(--warn)}.study-node.is-review .study-node-index{color:var(--signal)}.study-node.is-ready .study-node-index{color:var(--accent)}.study-node-meta{color:var(--fg-muted);display:flex;font-family:var(--font-mono);font-size:11px;justify-content:space-between}.study-node h3{color:var(--fg);font-size:17px;margin:0}.study-node p{color:var(--fg-muted);font-size:13px;line-height:1.55;margin:0}.study-node-reward{align-items:center;color:var(--fg-subtle);display:flex;font-family:var(--font-mono);font-size:11px;gap:8px}.study-node-reward i{color:var(--border-strong)}.study-node-progress{background:var(--bg-inset);border-radius:2px;height:4px;overflow:hidden}.study-node-progress i{background:var(--accent);display:block;height:100%}.study-node.is-passed .study-node-progress i{background:var(--ok);box-shadow:0 0 6px var(--accent-glow)}.study-node.is-review .study-node-progress i{background:var(--signal)}.study-node.is-locked .study-node-progress i{background:var(--fg-subtle)}.study-node-action{align-self:flex-start;color:var(--accent);font-family:var(--font-mono);font-size:12px;margin-top:4px}.study-node.is-locked .study-node-action{color:var(--fg-subtle)}.game-level-dashboard{align-items:start;display:grid;gap:16px;grid-template-columns:1.4fr 1fr;padding-top:56px}.study-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.study-inline-action{align-items:center;background:transparent;border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--fg);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:13px;height:38px;padding:0 14px;transition:border-color .16s ease,color .16s ease,background .16s ease}.study-inline-action:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.study-inline-action:disabled{cursor:not-allowed;opacity:.5}.study-learning-shell{align-items:start;display:grid;gap:32px;grid-template-columns:260px minmax(0,1fr);padding-top:48px}.study-reading-nav{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px}.study-progress-box{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);padding:18px}.study-progress-box span{color:var(--fg-subtle);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.study-progress-box strong{color:var(--fg);display:block;font-size:24px;margin:6px 0 10px}.study-progress-box small{color:var(--fg-muted);display:block;font-size:11px;margin:10px 0 14px}.study-progress-box .study-inline-action{justify-content:center;width:100%}.study-stage-list{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:2px;overflow:hidden}.study-stage-list button{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--fg-muted);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:12px;gap:10px;padding:10px 14px;text-align:left;transition:background .14s ease,color .14s ease}.study-stage-list button:last-child{border-bottom:0}.study-stage-list button:hover{background:var(--bg-inset);color:var(--fg)}.study-stage-list button span{color:var(--accent);flex-shrink:0}.study-article-main{min-width:0}.study-practice-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);margin-top:48px;padding:24px}.study-practice-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.study-practice-heading h2{font-size:22px;margin:6px 0}.study-practice-heading>div>p{color:var(--fg-muted);font-size:14px;margin:0}.study-practice-heading>strong{color:var(--accent);font-family:var(--font-mono);font-size:18px}.study-practice-gate{background:var(--bg-inset);border:1px dashed var(--border-strong);border-radius:var(--r-md);margin-bottom:20px;padding:18px}.study-practice-gate strong{color:var(--fg);display:block;font-family:var(--font-display);margin-bottom:6px}.study-practice-gate p{color:var(--fg-muted);font-size:14px;margin:0 0 14px}.study-practice-gate button{background:var(--accent);border:1px solid var(--accent);border-radius:var(--r-sm);color:var(--accent-fg);cursor:pointer;font-family:var(--font-mono);font-size:13px;height:38px;padding:0 14px}.study-practice-gate button:disabled{cursor:not-allowed;opacity:.5}.practice-quiz,.study-quiz{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:18px 0}.study-quiz:last-of-type{border-bottom:0}.study-quiz>span{color:var(--accent);font-family:var(--font-mono);font-size:11px}.study-quiz h3{color:var(--fg);font-size:17px;line-height:1.4;margin:0 0 8px}.study-quiz button{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg);cursor:pointer;display:block;font-family:var(--font-body);font-size:14px;padding:12px 16px;text-align:left;transition:border-color .16s ease,background .16s ease,color .16s ease;width:100%}.study-quiz button:hover:not(:disabled){border-color:var(--accent)}.study-quiz button:disabled{cursor:not-allowed}.study-quiz button.is-correct,.study-quiz button.is-selected{background:var(--accent-dim);border-color:var(--accent)}.study-quiz button.is-correct{color:var(--accent)}.study-quiz button.is-wrong{background:var(--signal-dim);border-color:var(--signal);color:var(--signal)}.study-quiz>p{background:var(--accent-dim);border-left:2px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--fg-muted);font-size:13px;margin:6px 0 0;padding:10px 14px}.study-practice-complete{background:var(--accent-dim);border:1px solid var(--accent-dim);border-radius:var(--r-md);margin-top:24px;padding:20px}.study-practice-complete strong{color:var(--accent);display:block;font-family:var(--font-display);font-size:18px;margin-bottom:6px}.study-practice-complete p{color:var(--fg-muted);font-size:14px;margin:0 0 16px}.study-practice-complete .study-hero-actions{margin-top:16px}.contact-section{background:var(--bg-inset);border-top:1px solid var(--border);display:grid;gap:40px;grid-template-columns:1.4fr 1fr;margin:40px auto 0;padding:48px 0 32px;width:min(var(--maxw),calc(100% - 40px))}.contact-section .eyebrow{margin-bottom:14px}.contact-section h2{font-size:30px;margin:0 0 12px}.contact-section>div>p{color:var(--fg-muted);font-size:15px;margin:0;max-width:460px}.footer-legal{color:var(--fg-subtle);font-family:var(--font-mono);font-size:11px;line-height:1.8;margin-top:16px}.footer-legal a{color:var(--fg-muted);transition:color .16s ease}.footer-legal a:hover{color:var(--accent)}.footer-legal:before{color:var(--accent);content:"● "}.contact-pill{align-self:end;justify-self:end}.footer-bar{background:var(--bg-inset);border-top:1px solid var(--border);color:var(--fg-subtle);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;gap:16px;justify-content:space-between;margin:0 auto;padding:16px 0 28px;width:min(var(--maxw),calc(100% - 40px))}@media(max-width:980px){.topbar{flex-wrap:wrap}.nav-row{justify-content:space-between;order:3;width:100%}.nav-links{flex:1;overflow-x:auto;padding-bottom:4px}.section-heading-row{gap:16px}.entry-card,.focus-grid,.section-heading-row{grid-template-columns:1fr}.entry-card{gap:8px}.article-doc-layout,.learn-grid,.link-grid{grid-template-columns:1fr}.article-toc-column{position:static}.article-toc{max-height:none}.game-dashboard,.game-level-dashboard{grid-template-columns:1fr}.study-summary{grid-template-columns:1fr 1fr}.study-learning-shell,.study-map-path{grid-template-columns:1fr}.study-reading-nav{position:static}.contact-section{grid-template-columns:1fr}.contact-pill{align-self:start;justify-self:start}.signal-strip{grid-template-columns:repeat(2,1fr)}.signal-strip .cell:nth-child(2){border-right:0}.signal-strip .cell:first-child,.signal-strip .cell:nth-child(2){border-bottom:1px solid var(--border)}}@media(max-width:640px){.section{padding:56px 0}.hero-section{padding:48px 0 64px}.page-hero{padding:48px 0 36px}.study-summary{grid-template-columns:1fr}.study-summary>div{border-right:0!important}.study-summary>div:last-child{border-bottom:0}.hero-actions .primary-action,.hero-actions .secondary-action{flex:1;justify-content:center}}.webbook-layout{align-items:start;display:grid;gap:32px;grid-template-columns:220px minmax(0,1fr);padding-top:48px}.webbook-sidebar{max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:88px}.webbook-nav{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 14px}.webbook-nav-title{color:var(--fg-subtle);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.webbook-nav-title:before{color:var(--fg-subtle);content:"// "}.webbook-nav-item{align-items:center;border-left:2px solid var(--border);color:var(--fg-muted);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:7px 10px;transition:color .16s ease,border-color .16s ease,background .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.webbook-nav-item:hover{background:var(--bg-inset);color:var(--fg)}.webbook-nav-item.is-active{background:var(--accent-dim);border-left-color:var(--accent);color:var(--accent)}.webbook-nav-label{line-height:1.4}.webbook-nav-count{color:var(--fg-subtle);flex-shrink:0;font-family:var(--font-mono);font-size:11px}.webbook-nav-item.is-active .webbook-nav-count{color:var(--accent)}.webbook-content{min-width:0}.webbook-group{margin-bottom:48px;scroll-margin-top:80px}.webbook-group:last-child{margin-bottom:0}.webbook-group-header{align-items:baseline;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.webbook-group-header h2{color:var(--fg);font-size:20px;margin:0}.webbook-group-count{color:var(--fg-subtle);font-family:var(--font-mono);font-size:12px}.webbook-article-list{display:flex;flex-direction:column;gap:2px}.webbook-article-item{align-items:center;border-radius:var(--r-sm);display:flex;gap:12px;padding:10px 14px;transition:background .14s ease,transform .14s ease}.webbook-article-item:hover{background:var(--bg-inset);transform:translate(2px)}.webbook-article-title{color:var(--fg);flex-shrink:0;font-size:14px;font-weight:600;max-width:200px}.webbook-article-desc,.webbook-article-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webbook-article-desc{color:var(--fg-muted);flex:1;font-size:13px;line-height:1.5;min-width:0}.webbook-article-arrow{color:var(--fg-subtle);flex-shrink:0;font-size:14px;transition:color .14s ease,transform .14s ease}.webbook-article-item:hover .webbook-article-arrow{color:var(--accent);transform:translate(2px)}@media(max-width:768px){.webbook-layout{gap:20px;grid-template-columns:1fr}.webbook-sidebar{max-height:none;position:static}.webbook-nav{display:flex;flex-wrap:wrap;gap:6px;padding:12px}.webbook-nav-title{margin-bottom:4px;width:100%}.webbook-nav-item{border-left:none;border:1px solid var(--border);border-radius:var(--r-sm);font-size:12px;padding:5px 10px}.webbook-nav-item.is-active{border-color:var(--accent)}.webbook-article-title{max-width:140px}.webbook-article-desc{display:none}}.theme-toggle[data-v-e25bc878]{align-items:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg-muted);cursor:pointer;display:inline-flex;gap:6px;height:38px;justify-content:center;min-height:38px;transition:border-color .18s ease,color .18s ease;width:38px}.theme-toggle[data-v-e25bc878]:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle[data-v-e25bc878]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-icon[data-v-e25bc878]{height:18px;width:18px}