:root{color:#f4f4f5;--bg:#050505;--surface:#09090b;--surface-alt:#111113;--border:#27272a;--border-strong:#3f3f46;--text:#f4f4f5;--muted:#a1a1aa;--subtle:#71717a;--red:#ef4444;--red-dark:#dc2626;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;min-height:100vh;color:var(--text);background-color:#050505;background-image:linear-gradient(#ff000005 1px,#0000 1px),linear-gradient(90deg,#ff000005 1px,#0000 1px),radial-gradient(circle at 50% 0,#ef444417,#0000 30%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:42px 42px,42px 42px,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0}a{color:inherit}#root{min-height:100vh}.page-width{width:min(100% - 40px,1120px);margin:0 auto}.site-shell{min-height:100vh}.site-header{border-bottom:1px solid var(--border);background:#050505d1}.header-inner{align-items:center;width:min(100% - 40px,1120px);height:76px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(145deg,#ef4444,#b91c1c);border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy strong{font-size:16px}.brand-copy small{color:var(--subtle);letter-spacing:.16em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:700}.top-nav{gap:28px;margin-left:auto;display:flex}.top-nav a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .18s}.top-nav a:hover{color:#fff}.guides-hero{padding:110px 0 90px}.hero-label,.section-label,.article-category,.toc-label{color:var(--red);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800}.guides-hero h1{color:#fafafa;letter-spacing:-.055em;max-width:780px;margin:22px 0 0;font-size:clamp(54px,7vw,86px);line-height:.98}.guides-hero h1 span{color:var(--red)}.guides-hero p{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:18px;line-height:1.7}.featured-section{padding:20px 0 110px}.section-label{margin-bottom:18px}.featured-guide{border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-height:270px;color:inherit;grid-template-columns:80px 1fr auto;align-items:start;gap:28px;padding:38px 0;text-decoration:none;transition:border-color .18s,background .18s;display:grid}.featured-guide:hover{background:#ef444406;border-color:#ef444473}.guide-number{color:var(--red);font-size:12px;font-weight:900}.guide-type{color:var(--subtle);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}.featured-copy h2{color:#f4f4f5;letter-spacing:-.04em;margin:18px 0 12px;font-size:clamp(30px,4vw,46px)}.featured-copy p{max-width:690px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.guide-meta,.article-meta{color:var(--subtle);gap:20px;margin-top:28px;font-size:12px;display:flex}.guide-arrow{color:var(--red);align-self:center;font-size:36px;transition:transform .18s}.featured-guide:hover .guide-arrow{transform:translate(5px)}.future-note{color:var(--subtle);padding-top:24px;font-size:13px}.guide-page{padding:60px 0 120px}.back-link{color:var(--muted);font-size:13px;text-decoration:none}.back-link:hover{color:var(--red)}.article-header{max-width:840px;padding:70px 0}.article-header h1{color:#fafafa;letter-spacing:-.05em;margin:18px 0 0;font-size:clamp(46px,6vw,72px);line-height:1}.article-header>p{max-width:720px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.7}.article-layout{border-top:1px solid var(--border);grid-template-columns:minmax(0,760px) 220px;align-items:start;gap:90px;padding-top:18px;display:grid}.article-content{min-width:0}.article-section{border-bottom:1px solid var(--border);padding:58px 0}.article-section h2{color:#f4f4f5;letter-spacing:-.025em;margin:0 0 24px;font-size:27px}.article-section p{color:#b4b4bb;margin:0 0 18px;font-size:16px;line-height:1.85}.article-section p:last-child{margin-bottom:0}.article-toc{padding-top:38px;position:sticky;top:110px}.article-toc nav{flex-direction:column;margin-top:16px;display:flex}.article-toc a{color:var(--subtle);padding:8px 0;font-size:12px;line-height:1.4;text-decoration:none;transition:color .18s}.article-toc a:hover{color:var(--red)}.article-end{padding:80px 0 20px}.article-end>span{color:var(--red);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.article-end h2{letter-spacing:-.035em;margin:14px 0;font-size:34px}.article-end p{max-width:650px;color:var(--muted);line-height:1.75}.site-footer{border-top:1px solid var(--border);width:min(100% - 40px,1120px);min-height:150px;color:var(--subtle);justify-content:space-between;align-items:center;margin:0 auto;font-size:12px;display:flex}.site-footer>div{flex-direction:column;gap:5px;display:flex}.site-footer strong{color:#d4d4d8}::selection{color:#fff;background:#ef444440}@media (width<=860px){.top-nav{display:none}.article-layout{grid-template-columns:1fr;gap:0}.article-toc{display:none}}@media (width<=640px){.page-width,.header-inner,.site-footer{width:min(100% - 28px,1120px)}.guides-hero{padding:75px 0 60px}.guides-hero h1{font-size:54px}.featured-section{padding-bottom:80px}.featured-guide{grid-template-columns:1fr;gap:12px;padding:28px 0}.guide-arrow{display:none}.guide-meta{flex-direction:column;gap:5px}.guide-page{padding-top:35px}.article-header{padding:50px 0}.article-header h1{font-size:45px}.article-section{padding:42px 0}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:36px 0}}