:root{color-scheme:dark;--canvas:#0a0a0a;--raised:#0d0d0d;--text:#e5e5e5;--dim:#a3a3a3;--line:#262626;--signal:#a3e635}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--canvas);color:var(--text);font-family:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--signal)}
button,input,textarea{font:inherit}
button,a,input,textarea{outline-offset:5px}
:focus-visible{outline:2px solid var(--signal)}
::selection{background:var(--signal);color:var(--canvas)}
.mono,.eyebrow,.button,.meta,.number,.time,.topnav,.site-foot,.progress{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace}
.skip{position:absolute;left:16px;top:-80px;z-index:99;background:var(--signal);color:var(--canvas);padding:10px 16px}
.skip:focus{top:12px}
.topnav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line);font-size:12px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;color:#fff}
.brand img{display:block;width:32px;height:32px}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.nav-links .nav-call{color:#fff}
.wrap{width:min(100% - 48px,1000px);margin:0 auto}
.guide-head{padding:72px 0 48px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.055em;color:var(--signal);margin:0 0 24px}
h1,h2,h3,p{margin-top:0}
h1{max-width:880px;font-size:clamp(38px,5.6vw,68px);font-weight:500;line-height:1.03;letter-spacing:-.04em;margin-bottom:24px;color:#fff}
h1 span{color:var(--dim)}
.intro{max-width:730px;font-size:21px;line-height:1.55;letter-spacing:-.01em;color:#d4d4d4;margin-bottom:24px}
.meta{display:flex;gap:12px 24px;flex-wrap:wrap;color:var(--dim);font-size:11px}
.toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid var(--line)}
.toolbar p{margin:0;color:var(--dim);font-size:14px;max-width:580px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 18px;border:1px solid #404040;border-radius:3px;text-decoration:none;font-size:12px;line-height:1.4;font-weight:500;color:#fff;background:transparent;cursor:pointer}
.button:hover{border-color:var(--signal)}
.button.primary{background:var(--signal);border-color:var(--signal);color:var(--canvas)}
.progress{color:var(--signal);font-size:12px;min-width:130px;text-align:right}
.checks{padding:0;margin:0;list-style:none}
.check{display:grid;grid-template-columns:76px minmax(0,1fr);gap:28px;border-bottom:1px solid var(--line);padding:34px 0;break-inside:avoid}
.check-marker{padding-top:2px}
.number{font-size:28px;font-weight:500;color:var(--signal);line-height:1.2}
.time{font-size:10px;color:var(--dim);margin-top:8px}
.check h2{font-size:26px;font-weight:500;letter-spacing:-.025em;line-height:1.2;margin-bottom:12px;color:#fff}
.check p{margin-bottom:12px;max-width:740px}
.good-sign{font-size:15px;color:var(--dim)}
.good-sign strong{font-weight:500;color:#e5e5e5}
.checked{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:#d4d4d4;cursor:pointer}
.checked input{width:18px;height:18px;accent-color:var(--signal);margin:0;flex:0 0 auto}
.check:has(input:checked) .number{color:#a3a3a3}
.notes{padding:32px 0;border-bottom:1px solid var(--line)}
.notes label{display:block;margin-bottom:10px;font-size:20px;font-weight:500;color:#fff}
.notes p{font-size:14px;color:var(--dim);margin-bottom:16px}
.notes textarea{display:block;width:100%;min-height:112px;padding:14px;background:#000;border:1px solid #404040;border-radius:3px;color:#fff;resize:vertical;font-size:16px}
.next{padding:40px 0;border-bottom:1px solid var(--line)}
.next h2,.newsletter h2{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.03em;margin-bottom:14px;color:#fff}
.next p,.newsletter p{color:#d4d4d4;max-width:680px}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.text-link{padding:10px 0;font-size:14px}
.newsletter{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:40px 0 56px}
.newsletter .eyebrow{margin-bottom:14px}
.newsletter p{font-size:16px;margin-bottom:10px}
.fine{font-size:13px;color:var(--dim)}
.site-foot{border-top:1px solid var(--line);padding:28px 24px;font-size:11px;color:var(--dim)}
.site-foot>div{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.site-foot a{color:var(--dim)}
.article-grid{display:grid;grid-template-columns:180px minmax(0,700px);gap:52px;padding:44px 0}
.article-side{font-size:12px;color:var(--dim)}
.article-side p{margin:0 0 16px}
.article-side strong{display:block;font-weight:500;color:#e5e5e5;margin-bottom:8px}
.article-body h2{font-size:30px;font-weight:500;letter-spacing:-.025em;line-height:1.15;margin:36px 0 16px;color:#fff}
.article-body h2:first-child{margin-top:0}
.article-body p{margin-bottom:20px}
.takeaway{border-left:2px solid var(--signal);padding:4px 0 4px 24px;margin:28px 0;color:#fff;font-size:22px;line-height:1.4;letter-spacing:-.01em}
.article-body ol{padding-left:22px;margin:16px 0 24px}
.article-body li{padding-left:6px;margin-bottom:10px}
[hidden]{display:none!important}
@media(max-width:720px){.topnav{padding:12px 16px;gap:10px}.nav-links{gap:14px}.nav-extra{display:none!important}.wrap{width:calc(100% - 32px)}.guide-head{padding:44px 0 32px}.intro{font-size:18px}.check{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:28px 0}.number{font-size:24px}.time{font-size:9px}.check h2{font-size:23px}.toolbar{gap:12px}.progress{text-align:left}.newsletter{grid-template-columns:1fr;gap:8px}.newsletter>.button{justify-self:start}.article-grid{grid-template-columns:1fr;gap:20px;padding:28px 0}.article-side{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.article-body h2{font-size:27px}.takeaway{font-size:20px}.site-foot{padding:24px 16px}}
@media(max-width:359px){.brand span{display:none}.nav-links{gap:12px}.button{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@page{size:auto;margin:15mm}
@media print{color-scheme:light;html{scroll-behavior:auto}body{background:#fff!important;color:#111;font-family:Arial,sans-serif;font-size:10.5pt;line-height:1.45}a{color:#111!important;text-decoration:none}.topnav,.skip,.toolbar,.next,.newsletter,.site-foot,.article-side,.screen-only{display:none!important}.wrap{width:100%;max-width:none}.guide-head{padding:0 0 16px;border-bottom:1px solid #bbb}.eyebrow,.meta,.number,.time,.good-sign,.notes p,.fine{color:#333!important}h1{font-size:28pt;max-width:none;line-height:1.07;margin-bottom:12px;color:#111!important}h1 span,h2,h3,.check h2,.notes label,.good-sign strong{color:#111!important}.eyebrow{font-size:8pt;margin-bottom:12px}.intro{font-size:11.5pt;max-width:none;margin-bottom:12px;color:#222}.meta{font-size:8pt}.check{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:16px 0;border-color:#ccc}.number{font-size:17pt}.time{font-size:7pt}.check h2{font-size:14pt;margin-bottom:7px}.check p{margin-bottom:7px}.good-sign{font-size:9pt}.checked{min-height:24px;font-size:9pt;color:#111}.checked input{width:13px;height:13px;accent-color:#111}.notes{padding:16px 0 0;border:0;break-inside:avoid}.notes label{font-size:12pt}.notes p{font-size:8pt;margin-bottom:8px}.notes textarea{min-height:68px;font-size:10pt;color:#111;background:#fff;border:1px solid #aaa}.article-grid{display:block;padding:20px 0}.article-body{max-width:none}.article-body h2{font-size:16pt;break-after:avoid}.article-body p{margin-bottom:12px}.takeaway{border-color:#333;color:#111;font-size:14pt}.print-url{display:block!important;margin:14px 0 0;font-size:8pt;color:#555}}
