:root{--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code: "Cascadia Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-body: 1.125rem;--text-h1: clamp(1.75rem, 3vw, 2rem);--text-h2: 1.375rem;--text-h3: 1.125rem;--line-body: 1.75;--page: #ffffff;--navigation: #f8f9fa;--header-bg: #ffffff;--surface: #f6f7f7;--surface-hover: #f0f3f2;--text: #242a2c;--muted: #5e686c;--subtle: #667277;--border: #e5e9e8;--accent: #08786c;--active: #edf7f3;--focus: #0b8b7b;--code-bg: #f6f7f8;--code-keyword: #7751a6;--code-string: #116c58;--code-number: #a14e21;--code-comment: #667277;--warning-bg: #fff9ed;--warning-border: #dec68f;--danger: #a0362c;--header-height: 68px;--sidebar-width: 288px;--reading-width: 46rem;--radius: 6px}:root[data-theme=dark]{color-scheme:dark;--page: #161d26;--navigation: #161d26;--header-bg: #0f141a;--surface: #1d2835;--surface-hover: #253344;--text: #e9ebed;--muted: #b6bec9;--subtle: #a0aab8;--border: #3b4552;--accent: #36b5ff;--active: #14394f;--focus: #36b5ff;--code-bg: #101821;--code-keyword: #c7a2ef;--code-string: #a0d7b2;--code-number: #edbc89;--code-comment: #a2afb6;--warning-bg: #312c21;--warning-border: #7f6a3c;--danger: #ffb3a9}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + 24px);color-scheme:light}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);color:var(--text);background:var(--page);line-height:1.5}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit;color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:transparent;border:0}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}input{min-width:0}input::placeholder{color:var(--subtle)}[hidden]{display:none!important}::selection{background:var(--active);color:var(--text)}.skip-link{position:fixed;top:-80px;left:12px;z-index:20;padding:12px;background:var(--page);border:1px solid var(--accent)}.skip-link:focus{top:10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:var(--radius);color:var(--muted);flex-shrink:0}.icon-button:hover,.quiet-button:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 10px;font-size:var(--text-sm);border-radius:var(--radius);color:var(--muted)}.bookmark-button[aria-pressed=true]{color:var(--accent)}kbd{font-family:var(--font-body);font-size:var(--text-xs);border:1px solid var(--border);border-radius:4px;color:var(--subtle);padding:1px 5px;white-space:nowrap}.app-header{height:var(--header-height);display:flex;align-items:center;gap:14px;padding:0 24px 0 16px;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--border);background:var(--header-bg)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:var(--text-sm);font-weight:650;min-width:0}.brand:hover{text-decoration:none}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-nav{display:flex;align-items:center;gap:8px;margin-left:30px}.primary-link{padding:9px 12px;font-size:var(--text-sm);color:var(--muted);border-radius:var(--radius)}.primary-link:hover{background:var(--surface);color:var(--text);text-decoration:none}.primary-link.active{color:var(--accent);background:var(--active);font-weight:600}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.search-trigger{display:flex;align-items:center;gap:9px;width:228px;height:38px;padding:0 10px;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm)}.search-trigger kbd{margin-left:auto}.search-trigger:hover{background:var(--surface)}.mobile-menu-icon{display:none}.desktop-sidebar{position:fixed;top:var(--header-height);bottom:0;left:0;width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--navigation)}.topic-navigation{display:flex;flex-direction:column;height:100%;min-height:0;font-size:var(--text-sm)}.navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:100px;padding:20px 16px 20px 26px;border-bottom:1px solid var(--border)}.navigation-heading h2{margin:0 0 4px;font-size:var(--text-h3);font-weight:650}.navigation-heading span{font-size:var(--text-xs);color:var(--muted)}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 20px;scrollbar-width:thin;scrollbar-color:var(--subtle) transparent}.workspace-links{padding:0 6px 14px;margin-bottom:12px;border-bottom:1px solid var(--border)}.sidebar-link{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 8px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}.sidebar-link:hover{background:var(--surface-hover);color:var(--accent);text-decoration:none}.sidebar-link svg{color:var(--muted)}.sidebar-link.selected{color:var(--accent);font-weight:650}.sidebar-link.selected svg{color:var(--accent)}.topic-group{margin-bottom:8px}.group-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:7px 6px;text-align:left;font-size:var(--text-sm);font-weight:600;color:var(--text)}.group-toggle:hover,.tree-toggle:hover{color:var(--accent);background:var(--surface-hover)}.tree-chevron{transition:transform .12s ease}.tree-chevron.expanded{transform:rotate(90deg)}.topic-list,.topic-children{list-style:none;margin:0;padding:0 0 0 16px}.topic-children{padding-left:22px}.topic-row{display:flex;align-items:flex-start;min-width:0}.tree-toggle,.tree-spacer{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;min-height:36px;color:var(--muted)}.topic-link{flex:1;min-width:0;padding-left:4px}.sidebar-bottom{display:flex;flex-direction:column;gap:12px;padding:12px;font-size:var(--text-xs);color:var(--subtle)}.sidebar-bottom a{color:var(--muted)}.app-main{margin-left:var(--sidebar-width);min-width:0;min-height:calc(100vh - var(--header-height))}.sidebar-collapsed .desktop-sidebar,.reading-mode .desktop-sidebar{display:none}.sidebar-collapsed .app-main,.reading-mode .app-main{margin-left:0}.navigation-drawer{margin:0;padding:0;width:min(320px,90vw);height:100dvh;max-height:100dvh;max-width:100%;border:0;color:var(--text);background:var(--navigation);overflow:hidden}dialog::backdrop{background:#00000061}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:68px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--border)}.navigation-drawer .topic-navigation{height:calc(100% - var(--header-height))}.navigation-drawer .sidebar-collapse{display:none}.document-layout{display:grid;grid-template-columns:minmax(0,var(--reading-width)) 188px;gap:44px;max-width:1050px;padding:36px 32px 28px;margin:0 auto;min-width:0}.learning-document{min-width:0}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--subtle);font-size:var(--text-xs);margin-bottom:20px}.breadcrumbs a{color:var(--muted)}.breadcrumbs span{overflow-wrap:anywhere}.document-heading h1,.library-page h1{font-size:var(--text-h1);line-height:1.25;letter-spacing:-.025em;font-weight:650;margin:0 0 14px;overflow-wrap:anywhere}.document-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:var(--text-xs);padding-bottom:24px;margin-bottom:12px;border-bottom:1px solid var(--border)}.document-meta>span{display:inline-flex;align-items:center;gap:7px}.document-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.document-actions .quiet-button{font-size:var(--text-xs);padding:6px 8px}.reading-progress{height:2px;position:fixed;top:calc(var(--header-height) - 2px);right:0;left:0;z-index:6;pointer-events:none}.reading-progress>div{height:100%;background:var(--accent);transform-origin:left}.contents-rail{position:sticky;top:calc(var(--header-height) + 38px);align-self:start;max-height:calc(100vh - var(--header-height) - 70px);overflow-y:auto;scrollbar-width:thin;font-size:var(--text-xs)}.toc-label{color:var(--muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.065em;margin:2px 0 14px}.contents-rail ul,.mobile-contents ul{list-style:none;margin:0;padding:0}.contents-rail a,.mobile-contents nav a{display:block;color:var(--muted);padding:7px 0;line-height:1.45}.contents-rail a.current,.mobile-contents a.current{color:var(--accent);font-weight:600}.contents-rail .toc-nested{padding-left:12px}.mobile-contents{display:none;font-size:var(--text-sm);margin:16px 0 26px;border-bottom:1px solid var(--border);padding-bottom:14px}.mobile-contents>summary{display:flex;align-items:center;gap:9px;min-height:40px;cursor:pointer;color:var(--muted)}.mobile-contents nav{padding:10px 12px}.mobile-contents .toc-label{display:none}.prose{font-size:var(--text-body);line-height:var(--line-body);overflow-wrap:break-word}.prose>:first-child{margin-top:20px}.prose p{margin:0 0 1.2em}.prose h2{font-size:var(--text-h2);margin:2em 0 .8em;line-height:1.35;letter-spacing:-.015em;font-weight:650}.prose h3{font-size:var(--text-h3);margin:1.7em 0 .7em;line-height:1.4;font-weight:650}.prose h4{font-size:var(--text-body);margin:1.5em 0 .6em}.prose ul,.prose ol{padding-left:1.6em;margin:0 0 1.3em}.prose li{padding-left:.2em;margin:.35em 0}.prose li>p{margin:.6em 0}.prose strong{font-weight:650}.prose img{display:block;max-width:100%;height:auto;margin:1.4em 0}.prose a>img{border:1px solid var(--border);border-radius:var(--radius)}.diagram-scroll{max-width:100%;overflow-x:auto;margin:1.4em 0;scrollbar-width:thin}.prose .diagram-scroll>p{margin:0}.prose .diagram-scroll img{max-width:none;margin:0}.excalidraw-embed{display:block}.excalidraw-preview{display:block;min-width:0;margin:1.4em 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5}.excalidraw-board{display:block;min-width:0}.excalidraw-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;color:var(--text);background:var(--page);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;overflow:hidden}.excalidraw-dialog[open]{display:flex}.excalidraw-dialog .excalidraw-board{display:flex;flex:1;flex-direction:column;min-height:0}.excalidraw-dialog .excalidraw-viewport{flex:1;min-height:0;height:auto}.excalidraw-dialog .excalidraw-toolbar,.excalidraw-dialog .excalidraw-footer{flex-shrink:0}.excalidraw-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px;border-bottom:1px solid var(--border)}.excalidraw-label{display:flex;flex:1;flex-direction:column;min-width:160px;font-weight:600}.excalidraw-label small{margin-top:3px;color:var(--muted);font-size:var(--text-xs);font-weight:400}.excalidraw-controls{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px}.excalidraw-controls .quiet-button{min-height:40px;padding-inline:8px}.excalidraw-scale{min-width:38px;color:var(--muted);text-align:center;font-size:var(--text-xs)}.excalidraw-viewport{display:block;width:100%;height:clamp(280px,55vh,480px);overflow:auto;background:var(--surface);scrollbar-width:thin}.excalidraw-stage{display:grid;place-items:center;width:max-content;min-width:100%;min-height:100%;padding:16px}.excalidraw-image,.prose .excalidraw-image{display:block;max-width:none;height:auto;margin:0}.excalidraw-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100%;padding:24px;text-align:center;color:var(--muted)}.excalidraw-message[role=alert]{color:var(--danger)}.excalidraw-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 12px;border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-xs)}.excalidraw-footer>span{flex:1 1 220px}.excalidraw-footer a{display:inline-flex;align-items:center;gap:5px;min-height:32px}.prose code{font-family:var(--font-code);font-size:.83em}.prose :not(pre)>code{padding:.12em .35em;border-radius:4px;background:var(--code-bg);overflow-wrap:anywhere}.prose blockquote{margin:1.4em 0;border-left:3px solid var(--border);padding:0 0 0 1em;color:var(--muted)}.table-scroll{max-width:100%;overflow-x:auto;margin:1.4em 0;border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:thin}.prose table{border-collapse:collapse;width:100%;min-width:420px;font-size:var(--text-sm);line-height:1.6;text-align:left}.prose th{background:var(--surface);font-weight:600}.prose td,.prose th{padding:12px 14px;vertical-align:top;border-bottom:1px solid var(--border)}.prose tr:last-child td{border-bottom:0}.code-block{margin:1.5em 0;max-width:100%;background:var(--code-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:0 14px;font-size:var(--text-xs);color:var(--muted);font-family:var(--font-body)}.code-toolbar span{letter-spacing:.03em}.code-toolbar button{min-height:36px;min-width:54px;padding:5px 8px;border-radius:4px;font-size:var(--text-xs)}.code-toolbar button:hover{color:var(--accent);background:var(--surface-hover)}.code-block pre{margin:0;padding:3px 18px 18px;overflow-x:auto;font-family:var(--font-code);line-height:1.65;scrollbar-width:thin}.code-block pre code{padding:0;font-size:var(--text-sm);white-space:pre;overflow-wrap:normal}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-literal{color:var(--code-keyword)}.hljs-string,.hljs-attribute,.hljs-regexp{color:var(--code-string)}.hljs-number,.hljs-symbol{color:var(--code-number)}.hljs-comment,.hljs-quote{color:var(--code-comment)}.callout{background:var(--surface);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:14px 18px;margin:1.4em 0;font-size:var(--text-md);line-height:1.7}.callout-title,.callout summary{font-weight:600;margin-bottom:6px}.callout>div>:last-child{margin-bottom:0}.callout-warning{background:var(--warning-bg);border-color:var(--warning-border)}.callout summary{cursor:pointer;min-height:28px}.callout details,details.callout[open]>div{margin-top:12px}.callout:not([open]) summary{margin-bottom:0}.document-pagination{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:12px;margin-top:24px;border-top:1px solid var(--border);font-size:var(--text-sm)}.document-pagination a{display:flex;align-items:center;gap:12px;color:var(--text);padding:6px 0;min-height:44px}.document-pagination a:last-child{justify-content:flex-end;text-align:right}.document-pagination small{display:block;color:var(--muted);margin-bottom:4px}.local-note{color:var(--subtle);font-size:var(--text-xs);margin-top:32px}.learning-document>.local-note{margin:12px 0 0}.reading-mode .document-layout,.variant-focus.document-layout{grid-template-columns:minmax(0,1fr);max-width:none;width:100%}.reading-mode .contents-rail,.reading-mode .primary-nav{display:none}.reading-mode .mobile-contents{display:block}.variant-minimal .document-actions,.variant-minimal .document-updated,.concept-minimal .reading-progress{display:none}.concept-comparison{padding:28px 32px 20px;max-width:1050px;margin:auto;border-bottom:1px solid var(--border)}.concept-comparison h2{font-size:var(--text-h2);margin:8px 0}.concept-comparison p{color:var(--muted);font-size:var(--text-sm)}.concept-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.concept-options button{border:1px solid var(--border);padding:12px;text-align:left;border-radius:var(--radius);color:var(--muted)}.concept-options button[aria-pressed=true]{border-color:var(--accent);background:var(--active);color:var(--text)}.concept-options strong{font-size:var(--text-sm);display:block;font-weight:600}.concept-options small{display:block;margin-top:6px;font-size:var(--text-xs)}.concept-comparison>a{font-size:var(--text-sm)}.library-page{max-width:960px;padding:40px 40px 64px;margin:auto}.page-eyebrow{font-size:var(--text-xs);letter-spacing:.075em;color:var(--muted);font-weight:600;margin-bottom:9px}.page-description{margin:0 0 26px;color:var(--muted);font-size:var(--text-md);line-height:1.6}.home-search{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;color:var(--muted);text-align:left;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius)}.home-search:hover{background:var(--surface)}.home-search kbd{margin-left:auto}.library-section{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.section-heading h2{font-size:var(--text-h3);margin:0;font-weight:600}.section-heading>a{display:flex;gap:6px;align-items:center;font-size:var(--text-xs)}.document-row{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 0;border-bottom:1px solid var(--border);min-width:0}.row-icon{color:var(--subtle)}.document-row-link{display:flex;flex:1;flex-direction:column;min-width:0;color:var(--text)}.document-row-title{font-size:var(--text-sm);font-weight:550;overflow-wrap:anywhere}.document-row-link:hover{text-decoration:none;color:var(--accent)}.row-meta{font-size:var(--text-xs);color:var(--muted);margin-top:4px}.row-date{color:var(--subtle);font-size:var(--text-xs);white-space:nowrap}.empty-state{padding:18px 0;font-size:var(--text-sm);color:var(--muted);border-bottom:1px solid var(--border);line-height:1.7}.empty-state p{color:var(--text);margin:0 0 4px;font-weight:500}.category-row{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 0;color:var(--muted);border-bottom:1px solid var(--border)}.category-row>span{display:flex;flex-direction:column;flex:1}.category-row strong{color:var(--text);font-size:var(--text-sm);font-weight:550}.category-row small{font-size:var(--text-xs);margin-top:4px}.category-row:hover{text-decoration:none;color:var(--accent)}.filter-field{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius);padding:0 12px;color:var(--muted)}.filter-field input{background:transparent;border:0;width:100%;height:44px;outline-offset:0;font-size:var(--text-sm)}.results-caption{font-size:var(--text-xs);color:var(--muted);padding:18px 0 6px}.error-notice{padding:14px;font-size:var(--text-sm);color:var(--danger);border-left:3px solid currentColor;background:var(--surface)}.search-dialog{width:min(620px,calc(100vw - 28px));max-height:min(650px,85dvh);padding:0;margin:min(14vh,120px) auto auto;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--page);overflow:hidden}.command-input{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--muted)}.command-input input{width:100%;border:0;background:transparent;height:36px;font-size:var(--text-md);outline:none}.command-input:focus-within{box-shadow:inset 0 -2px var(--accent)}.command-label{color:var(--muted);font-size:var(--text-xs);padding:14px 16px 8px}.search-results{max-height:min(420px,55dvh);overflow-y:auto;padding:0 7px 8px}.search-result{display:flex;width:100%;gap:12px;align-items:center;text-align:left;min-height:65px;padding:12px;border-radius:var(--radius);color:var(--muted)}.search-result>span{display:flex;flex:1;flex-direction:column;min-width:0}.search-result strong{font-weight:550;font-size:var(--text-sm);color:var(--text)}.search-result small{font-size:var(--text-xs);margin-top:4px}.search-result.highlighted{background:var(--active)}.search-empty{padding:24px 14px;font-size:var(--text-sm)}.search-empty p{color:var(--muted)}.command-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-xs)}@media(max-width:1399px){.document-layout{display:block;max-width:calc(var(--reading-width) + 64px)}.contents-rail{display:none}.mobile-contents{display:block}}@media(max-width:1100px){.primary-nav{display:none}.brand{flex:1}}@media(max-width:1050px){.desktop-sidebar{display:none}.app-main{margin-left:0}.desktop-menu-icon{display:none}.mobile-menu-icon{display:inline}}@media(max-width:600px){.app-header{gap:6px;padding:0 10px 0 6px}.brand{gap:7px}.brand img{width:22px;height:22px}.header-actions{gap:0}.search-trigger{width:40px;padding:10px;border:0}.search-trigger span,.search-trigger kbd{display:none}.document-layout{padding:24px 20px}.document-meta{gap:10px}.document-actions{width:100%;justify-content:flex-start;margin-left:-8px}.document-updated{margin-left:auto}.breadcrumbs{margin-bottom:18px}.prose{font-size:var(--text-md);line-height:1.8}.prose h2{font-size:var(--text-h3)}.prose h3{font-size:var(--text-md)}.code-block pre{padding-inline:14px}.code-block pre code{font-size:var(--text-xs)}.callout{padding:12px 14px;font-size:var(--text-sm)}.document-pagination{gap:16px}.library-page{padding:28px 20px 44px}.home-search{font-size:var(--text-sm)}.home-search kbd,.row-date,.row-icon{display:none}.document-row{gap:4px}.concept-comparison{padding:24px 20px 16px}.concept-options{grid-template-columns:1fr}.concept-options small{margin-top:3px}.command-footer{font-size:.6875rem;padding-inline:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}