@font-face{font-family:JetBrains Mono Nerd Font;src:url(/fonts/JetBrainsMonoNerdFont-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono Nerd Font;src:url(/fonts/JetBrainsMonoNerdFont-Bold.woff2)format("woff2");font-style:normal;font-weight:600 900;font-display:swap}@font-face{font-family:JetBrains Mono Nerd Font;src:url(/fonts/JetBrainsMonoNerdFont-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono Nerd Font;src:url(/fonts/JetBrainsMonoNerdFont-BoldItalic.woff2)format("woff2");font-style:italic;font-weight:600 900;font-display:swap}.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}:root{color-scheme:dark;--bg:#1c1b19;--panel:#2a2724;--panel-hover:#38332f;--line:#4b443e;--text:#fce8c3;--muted:#baa67f;--accent:#fbb829;--accent-hover:#fed06e;--code:#2be4d0;--strong:#fed06e;--selection:#fce8c3;--selection-text:#1c1b19;--on-accent:#1c1b19;--mono:"JetBrains Mono Nerd Font", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:var(--mono)}:root[data-theme=light]{color-scheme:light;--bg:#faf8f8;--panel:#f1eeee;--panel-hover:#eae6e6;--line:#ddd7d7;--text:#2b2b2b;--muted:#62606a;--accent:#07b;--accent-hover:#005f96;--code:#a66d22;--strong:#9b5700;--selection:#c5e4f6;--selection-text:#2b2b2b;--on-accent:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}::selection{background:var(--selection);color:var(--selection-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em;font-weight:650;line-height:1.15}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(1.7rem,3vw,2.1rem)}h3{font-size:1.35rem}.container{width:min(1160px,100% - 80px);margin-inline:auto}.brand-dot{color:var(--accent)}.eyebrow{font:11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:20px}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;display:inline-block}.eyebrow .status-dot{vertical-align:1px;margin-right:9px}.skip-link{background:var(--accent);color:#fff;z-index:100;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:20;position:sticky;top:0}.header-inner{align-items:center;gap:50px;width:min(1280px,100% - 80px);min-height:84px;margin:auto;display:flex}.brand{letter-spacing:-.055em;white-space:nowrap;font-size:24px;font-weight:700}.brand-mark{font:23px var(--mono);color:var(--accent);margin-right:10px}.site-header nav{align-self:stretch;align-items:center;gap:30px;display:flex}.site-header nav a{color:var(--muted);align-items:center;height:100%;font-size:13px;display:flex;position:relative}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--text)}.site-header nav a[aria-current]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:none;border-radius:4px;place-items:center;display:grid}.icon-button:hover{background:var(--panel);color:var(--text)}.github-link{border-left:1px solid var(--line);margin-left:2px;padding-left:20px;font-size:12px}.github-link span{color:var(--muted);margin-left:6px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-block:90px 80px;display:grid}.hero h1{letter-spacing:-.065em;margin-bottom:24px;font-size:clamp(2.8rem,5.2vw,4.5rem)}.hero-description{color:var(--muted);margin-bottom:32px;font-size:18px;line-height:1.8}.hero-actions{align-items:center;gap:26px;display:flex}.button{border-radius:4px;align-items:center;gap:30px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{background:var(--accent-hover)}.text-link{color:var(--muted);background:0 0;border:none;padding:0;font-size:12px}.text-link:hover{color:var(--accent)}.binary-visual{border:1px solid var(--line);background:linear-gradient(135deg, var(--panel), var(--bg));box-shadow:12px 12px 0 var(--panel);font-family:var(--mono);border-radius:5px;transform:rotate(-1deg)}.visual-top,.visual-bottom{color:var(--muted);letter-spacing:.09em;justify-content:space-between;align-items:center;padding:17px 23px;font-size:9px;display:flex}.visual-top{border-bottom:1px solid var(--line)}.visual-bottom{border-top:1px solid var(--line);font-size:8px}.visual-code{gap:10px;padding:28px 23px;font-size:12px;line-height:1.5;display:grid}.visual-code span{white-space:nowrap}.visual-code em{color:var(--muted);margin-right:15px;font-style:normal}.visual-code b{color:var(--accent);min-width:36px;font-weight:400;display:inline-block}.visual-code i{color:var(--strong);font-style:normal}.code-comment{color:var(--muted);margin-bottom:6px}.inventory{border-block:1px solid var(--line);color:var(--muted);font:11px var(--mono);gap:42px;padding-block:21px;display:flex}.inventory b{color:var(--text);margin-right:8px;font-size:15px;font-weight:400}.inventory-note{margin-left:auto}.inventory-note span{color:var(--accent);margin-left:12px}.section{padding-top:65px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{margin-bottom:0}.section-heading>.text-link{margin-bottom:4px}.analysis-list{border-top:1px solid var(--line)}.analysis-row{border-bottom:1px solid var(--line);gap:28px;padding:29px 16px 29px 0;display:flex}.analysis-row:hover{background:var(--panel)}.row-number{font:11px var(--mono);color:var(--muted);min-width:25px;padding-top:7px}.row-content{min-width:0}.row-title{align-items:center;gap:16px;margin-bottom:10px;display:flex}.row-title h3{margin:0}.note-status{font:9px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:3px 7px}.row-content p{color:var(--muted);margin-bottom:15px;font-size:13px}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{color:var(--muted);font:10px var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:3px 8px}.row-arrow{color:var(--muted);align-self:center;margin-left:auto;font-size:23px}.analysis-row:hover .row-arrow{color:var(--accent)}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.resource-card{border:1px solid var(--line);background:var(--panel);border-radius:5px;overflow:hidden}.resource-card:hover{border-color:var(--muted)}.resource-preview{background:#f5f3f0;place-items:center;height:155px;padding:15px;display:grid;position:relative;overflow:hidden}.resource-preview img{object-fit:contain;opacity:.82;width:100%;height:100%}.resource-number{font:10px var(--mono);color:#555;background:#f5f3f0;padding:3px;position:absolute;top:10px;left:12px}.resource-card-body{padding:23px}.resource-card .eyebrow{color:var(--accent);margin-bottom:10px;font-size:9px;display:block}.resource-card h3{letter-spacing:-.025em;margin-bottom:10px;font-size:17px;line-height:1.4}.resource-card h3 span{float:right;color:var(--muted)}.resource-card p{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.8}.resource-type{font:9px var(--mono);color:var(--muted)}.method-section{border-top:1px solid var(--line);margin-top:70px;padding-block:30px 55px}.method-section .eyebrow{margin-bottom:12px}.method-section h2{font-size:1.5rem}.method-flow{grid-template-columns:repeat(5,1fr);gap:25px;margin:30px 0 0;padding:0;list-style:none;display:grid}.method-flow li{color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:12px}.method-flow span{font:10px var(--mono);color:var(--accent);margin-bottom:10px;display:block}.site-footer{border-top:1px solid var(--line);width:min(1280px,100% - 80px);color:var(--muted);justify-content:space-between;align-items:center;margin:auto;padding-block:28px;font-size:11px;display:flex}.site-footer>div{align-items:center;gap:20px;display:flex}.footer-brand{color:var(--text);letter-spacing:-.05em;font-size:17px;font-weight:700}.listing-page{min-height:70vh;padding-block:60px 100px}.breadcrumb{font:11px var(--mono);color:var(--muted);margin-bottom:35px;display:inline-block}.breadcrumb:hover{color:var(--accent)}.listing-page h1,.resource-page h1{margin-bottom:20px}.listing-page .eyebrow,.resource-page .eyebrow{margin-bottom:12px}.page-description{color:var(--muted);max-width:650px;margin-bottom:32px;font-size:16px;line-height:1.8}.listing-meta{font:11px var(--mono);color:var(--muted);margin-block:40px 20px}.listing-page .resource-grid{margin-top:45px}.article-shell{grid-template-columns:minmax(0,800px) minmax(0,220px);gap:70px;padding-block:50px 70px;display:grid}.article-header{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:30px}.article-header h1{margin-bottom:18px}.article-header .eyebrow{margin-bottom:12px}.article-header .tags{margin-top:20px}.reader-toggle{margin-top:24px}.article-toc{align-self:start;margin-top:47px;font-size:12px;position:sticky;top:120px}.article-toc ol{gap:12px;padding:0;list-style:none;display:grid}.article-toc a{color:var(--muted)}.article-toc a:hover{color:var(--accent)}.article-toc>.text-link{margin-top:22px;display:inline-block}.article-end{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:40px;padding-top:25px;display:flex}.reader-mode .article-shell{grid-template-columns:minmax(0,1fr)}.reader-mode .article-toc{display:none}.prose{color:var(--muted);overflow-wrap:anywhere;font-size:16px;line-height:1.85}.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--text);letter-spacing:-.025em;margin-top:2.3em;margin-bottom:.8em;scroll-margin-top:110px;line-height:1.4}.prose h2{border-bottom:1px solid var(--line);padding-bottom:12px;font-size:1.65rem}.prose h3{font-size:1.3rem}.prose h4{font-size:1.1rem}.prose h5,.prose h6{font-size:1rem}.prose p{margin-bottom:1.25em}.prose strong{color:var(--strong)}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{padding-left:25px}.prose li{margin-block:5px}.prose :not(pre)>code{background:color-mix(in srgb, var(--code) 10%, transparent);color:var(--code);font:.86em/1.6 var(--mono);border-radius:3px;padding:2px 5px}.prose pre{border:1px solid var(--line);font:12px/1.8 var(--mono);border-radius:4px;max-width:100%;padding:22px;overflow:auto}.prose pre code{font:inherit}.prose img{border:1px solid var(--line);border-radius:3px;max-width:100%;height:auto;margin-block:25px;display:block}.prose blockquote{border-left:3px solid var(--accent);background:var(--panel);margin:25px 0;padding:15px 22px;font-size:14px}.prose blockquote p:last-child{margin-bottom:0}.prose table{border-collapse:collapse;max-width:100%;margin-bottom:25px;font-size:13px;display:block;overflow:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:9px 13px}.prose th{color:var(--text);background:var(--panel)}.prose hr{border:0;border-top:1px solid var(--line);margin-block:35px}.prose .astro-code{background:var(--panel)!important}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.resource-page{padding-block:50px 70px}.resource-page h1{font-size:clamp(2rem,4vw,3rem)}.diagram-viewer{border:1px solid var(--line);background:var(--panel);border-radius:5px;overflow:hidden}.diagram-toolbar{color:var(--muted);font:11px var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.diagram-toolbar>div{align-items:center;gap:8px;display:flex}.diagram-toolbar button{color:var(--text);background:var(--panel-hover);border:1px solid var(--line);min-width:30px;height:30px;font:12px var(--mono);border-radius:3px}.diagram-toolbar output{text-align:center;min-width:48px}.diagram-stage{cursor:grab;touch-action:none;background:#fff;place-items:center;height:clamp(350px,65vh,700px);display:grid;overflow:hidden}.diagram-stage.dragging{cursor:grabbing}.diagram-stage img{object-fit:contain;user-select:none;pointer-events:none;transform-origin:50%;width:100%;height:100%;padding:20px}.diagram-viewer:fullscreen{border:0;border-radius:0;flex-direction:column;display:flex}.diagram-viewer:fullscreen .diagram-stage{flex:1;min-height:0}.search-box{gap:12px;margin-top:40px;margin-bottom:25px;display:flex}.search-box input{background:var(--panel);width:100%;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:15px 18px;font-size:15px}.search-status{font:11px var(--mono);color:var(--muted);margin-bottom:25px}.search-result{border-bottom:1px solid var(--line);padding:22px 0;display:block}.search-result h2{margin-bottom:10px;font-size:20px}.search-result p{color:var(--muted);margin-bottom:0;font-size:13px}.search-result .eyebrow{margin-bottom:8px;font-size:9px}.search-result:hover h2{color:var(--accent)}.notebook-index{max-width:920px;padding-block:54px 70px}.index-header{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:28px}.index-header h1{margin-bottom:12px;font-size:2rem}.index-header p{color:var(--muted);margin:0;font-size:14px}.index-section{margin-bottom:32px}.index-section h2{letter-spacing:0;margin-bottom:16px;font-size:1.15rem}.note-links{margin:0;padding:0;list-style:none}.note-links li+li{border-top:1px solid var(--line)}.note-links a{color:var(--accent);border-radius:3px;justify-content:space-between;align-items:center;gap:20px;padding:13px 16px;font-size:14px;display:flex}.note-links a:hover{background:var(--panel);color:var(--accent-hover)}.note-links a span{color:var(--muted)}.empty-notes{color:var(--muted);padding-inline:16px;font-size:13px}@media (width<=750px){.notebook-index{padding-top:34px}.index-section h2{font-size:1rem}.note-links a{padding-inline:8px;font-size:13px}.empty-notes{padding-inline:8px}}@media (width>=1450px){.hero{padding-block:110px 95px}}@media (width<=1000px){.header-inner{gap:30px}.hero{gap:35px}.visual-code{font-size:10px}.visual-code em{margin-right:9px}.article-shell{grid-template-columns:minmax(0,1fr) 190px;gap:35px}.resource-card-body{padding:18px}.inventory{gap:24px}.inventory-note{display:none}}@media (width<=750px){.container,.header-inner,.site-footer{width:calc(100% - 40px)}.header-inner{flex-wrap:wrap;gap:18px;min-height:72px;padding-block:16px 0}.brand{font-size:22px}.brand-mark{margin-right:5px;font-size:21px}.header-actions{gap:5px}.github-link{display:none}.site-header nav{order:3;gap:28px;width:100%;height:40px}.hero{grid-template-columns:1fr;gap:40px;padding-block:48px}.hero h1{font-size:clamp(2.8rem,9vw,4.3rem)}.hero-description{font-size:16px}.binary-visual{width:100%;max-width:460px;transform:none}.visual-code{font-size:12px}.visual-top,.visual-bottom{padding-inline:20px}.hero-actions{gap:22px}.inventory{gap:22px;padding-block:18px;font-size:9px}.inventory b{margin-right:5px;font-size:12px}.section{padding-top:45px}.section-heading{align-items:flex-start}.section-heading>.text-link{white-space:nowrap;margin-top:30px;font-size:10px}.section-heading h2{font-size:1.6rem}.analysis-row{gap:14px;padding-block:24px}.row-title{flex-wrap:wrap;gap:10px}.row-content p{font-size:12px}.resource-grid{grid-template-columns:1fr}.resource-preview{height:185px}.resource-card-body{padding:23px}.resource-card p{font-size:13px}.method-flow{grid-template-columns:repeat(2,1fr);gap:20px}.method-section{margin-top:45px;padding-bottom:40px}.site-footer{gap:15px;padding-block:22px}.site-footer>div{flex-wrap:wrap;gap:12px}.site-footer a{white-space:nowrap}.site-footer>div>span{font-size:10px}.listing-page{padding-block:38px 60px}.article-shell{flex-direction:column;gap:0;padding-block:35px 55px;display:flex}.article-shell>article{min-width:0}.article-toc{border-bottom:1px solid var(--line);order:-1;margin:0 0 30px;padding-bottom:20px;position:static}.article-toc .eyebrow{margin-bottom:12px}.article-toc ol{flex-wrap:wrap;gap:8px 18px;margin-bottom:0;font-size:11px;display:flex}.article-toc>.text-link{display:none}.article-header h1{font-size:3rem}.prose{font-size:15px}.prose pre{padding:15px;font-size:11px}.resource-page{padding-block:35px 55px}.diagram-toolbar{flex-wrap:wrap;gap:8px;padding:10px}.diagram-toolbar>span{font-size:9px}.diagram-stage{height:55vh;min-height:330px}.diagram-stage img{padding:10px}.article-end{flex-wrap:wrap}.eyebrow{font-size:10px}.page-description{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}