:root{--paper:#f3f0e8;--ink:#11110f;--acid:#ff5a1f;--muted:#686760;--line:#c9c6bc;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.guide-nav{min-height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.04em}.brand svg{width:29px;fill:none;stroke:currentColor;stroke-width:2.7}.guide-nav nav{display:flex;gap:25px;margin-left:auto}.guide-nav nav a,.github-link{color:inherit;text-decoration:none;font-size:11px;font-weight:700}.guide-nav nav a:hover,.github-link:hover{text-decoration:underline;text-underline-offset:5px}.github-link{padding:11px 14px;border:1px solid var(--ink)}.breadcrumbs{padding:24px 0;font:9px var(--mono);letter-spacing:.07em;color:#74736c}.breadcrumbs a{color:inherit}.breadcrumbs span{margin:0 8px}.guide-hero{padding:70px 0 85px;border-bottom:1px solid var(--line)}.eyebrow{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%}.guide-hero h1{font-size:clamp(52px,7vw,92px);line-height:.96;letter-spacing:-.07em;margin:24px 0 30px;max-width:980px;font-weight:600}.guide-hero .deck{max-width:720px;font-size:19px;line-height:1.65;color:#55544e}.byline{margin-top:42px;display:flex;align-items:center;gap:13px;font:9px var(--mono);letter-spacing:.06em}.byline img{width:36px;height:36px;object-fit:cover;border:1px solid #111;filter:grayscale(1)}.guide-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:90px;align-items:start;padding:90px 0 130px}.toc{position:sticky;top:24px;border-top:1px solid var(--ink);padding-top:18px}.toc>span{font:9px var(--mono);letter-spacing:.1em;color:#777}.toc a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:#5e5d57;text-decoration:none;font-size:11px}.toc a:hover{color:#111}.article-body h2{font-size:40px;line-height:1.1;letter-spacing:-.045em;margin:80px 0 22px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:22px;letter-spacing:-.02em;margin:40px 0 14px}.article-body p,.article-body li{font-size:16px;line-height:1.8;color:#484741}.article-body ul,.article-body ol{padding-left:23px}.article-body li{margin-bottom:8px}.article-body strong{color:#111}.article-body a{color:#111;text-decoration-thickness:1px;text-underline-offset:4px}.key-point{margin:40px 0;padding:28px 30px;background:#17181d;color:#fff;border-left:6px solid var(--acid)}.key-point span{font:9px var(--mono);letter-spacing:.1em;color:var(--acid)}.key-point p{color:#e0e0db;margin:13px 0 0;font-size:17px}.equation{margin:30px 0;padding:30px;background:#fff;border:1px solid var(--line);font:16px/1.8 var(--mono);overflow:auto}.comparison{width:100%;border-collapse:collapse;margin:30px 0;font-size:13px}.comparison th,.comparison td{padding:15px;text-align:left;border:1px solid var(--line);vertical-align:top}.comparison th{background:#e3dfd5;font:10px var(--mono);letter-spacing:.07em}.method-steps{counter-reset:steps;list-style:none!important;padding:0!important}.method-steps li{position:relative;padding:25px 0 25px 65px;border-top:1px solid var(--line);counter-increment:steps}.method-steps li:before{content:"0" counter(steps);position:absolute;left:0;top:28px;font:10px var(--mono);color:#777}.source-note{margin-top:80px;padding-top:20px;border-top:1px solid var(--ink);font:10px/1.7 var(--mono);color:#777}.related{background:#17181d;color:#fff;padding:85px 0}.related h2{font-size:38px;letter-spacing:-.04em;margin:0 0 35px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff25}.related a{color:#fff;text-decoration:none;padding:25px;min-height:170px;border-right:1px solid #ffffff25;display:flex;flex-direction:column}.related a:last-child{border:0}.related span{font:8px var(--mono);color:#85867f}.related strong{font-size:19px;margin-top:30px}.related b{font:9px var(--mono);color:var(--acid);margin-top:auto}.guide-footer{padding:38px 0;background:#dcd8ce}.footer-row{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:#66645d}.footer-row a{color:#111;text-decoration:none}@media(max-width:800px){.shell{width:min(100% - 30px,1160px)}.guide-nav{flex-wrap:wrap;padding:18px 0}.guide-nav nav{order:3;width:100%;overflow:auto;padding-top:14px;border-top:1px solid var(--line)}.guide-hero{padding:50px 0 65px}.guide-hero h1{font-size:50px}.guide-hero .deck{font-size:16px}.guide-layout{grid-template-columns:1fr;gap:50px;padding:65px 0 90px}.toc{position:static}.article-body h2{font-size:32px;margin-top:65px}.article-body p,.article-body li{font-size:15px}.related-grid{grid-template-columns:1fr}.related a{border-right:0;border-bottom:1px solid #ffffff25}.related a:last-child{border-bottom:0}.footer-row{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:800px){.guide-layout,.guide-layout>*{min-width:0;max-width:100%}.toc,.article-body{width:100%;min-width:0}.comparison{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.equation{max-width:100%}.article-body img,.article-body svg{max-width:100%;height:auto}}@media(max-width:360px){.guide-hero h1{font-size:44px;letter-spacing:-.065em}.guide-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:visible}.guide-nav nav a{min-height:38px;padding:8px 4px;border-bottom:1px solid var(--line)}.guide-nav nav a:nth-last-child(-n+2){border-bottom:0}}h1,h2,h3{max-width:100%;overflow-wrap:break-word;text-wrap:balance}p,li,summary,figcaption{max-width:100%;overflow-wrap:break-word;text-wrap:pretty}@media(max-width:800px){.guide-hero h1{font-size:clamp(42px,13vw,50px);line-height:1}.article-body h2{font-size:clamp(29px,9vw,34px);line-height:1.12}.article-body h3{font-size:clamp(20px,6.5vw,24px);line-height:1.2}}:root{--paper: #0e0f12;--ink: #f2f1e9;--muted: #9b9c94;--line: #2b2d33;color-scheme:dark}body{background:var(--paper);color:var(--ink)}.guide-hero:before{background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px)}.guide-hero .deck,.article-body p,.article-body li{color:#b5b6ae}.breadcrumbs,.toc>span,.article-body>h2:before,.source-note{color:#7f8178}.toc a{color:#999b92}.toc a:hover,.article-body strong,.article-body a{color:var(--ink)}.key-point{background:#17181d}.key-point p{color:#dedfd6}.equation{background:#18191f;border-color:#34363d;box-shadow:7px 7px #23252b}.comparison th{background:#17181d}.comparison th,.comparison td{border-color:#3b3d36}.comparison tbody tr:hover{background:#ff5a1f14}.related{background:#090a0d}.guide-footer{background:#0a0b0e}.footer-row{color:#85877e}.footer-row a{color:var(--ink)}.github-link{border-color:var(--ink)}