:root{--ink:#171713;--paper:#f4f0e7;--white:#fffdf7;--acid:#d9ff43;--coral:#ff654d;--blue:#6475ff;--line:#d2cec3;--muted:#66655e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);text-decoration:none;font-weight:950;letter-spacing:-1.2px;font-size:19px;white-space:nowrap}.wordmark span{color:var(--coral)}.site-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.site-nav a{font:800 10px ui-monospace,monospace;letter-spacing:.07em;text-decoration:none}.site-nav a[aria-current=page]{color:var(--coral)}.header-action{background:var(--ink);color:white;border:1px solid var(--ink);padding:11px 14px;text-decoration:none;font:800 10px ui-monospace,monospace;white-space:nowrap}.header-action:hover{background:var(--coral);color:var(--ink)}
.breadcrumbs{padding:14px clamp(22px,5vw,76px);border-bottom:1px solid var(--line);font:750 9px ui-monospace,monospace;color:var(--muted);letter-spacing:.04em}.breadcrumbs a{text-decoration:none}.breadcrumbs span{padding:0 9px;color:var(--coral)}.eyebrow,.kicker{font:800 10px/1.2 ui-monospace,monospace;letter-spacing:.14em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:26px;height:3px;background:var(--coral)}
.guide-index{max-width:1240px;margin:auto;padding:76px clamp(22px,5vw,64px) 100px}.guide-index-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:7vw;align-items:end;padding-bottom:58px;border-bottom:1px solid var(--ink)}.guide-index h1{font-size:clamp(56px,8vw,104px);line-height:.88;letter-spacing:-.075em;margin:22px 0 25px}.guide-index h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.guide-index-hero>div>p:last-child{font-size:18px;line-height:1.65;color:#4d4c46;max-width:690px}.index-privacy{border:1px solid var(--ink);background:var(--white);padding:20px;box-shadow:7px 7px 0 var(--acid)}.index-privacy i,.privacy-card i{display:block;width:8px;height:8px;border-radius:50%;background:#45ad65;box-shadow:0 0 0 3px #d6efd9}.index-privacy strong,.index-privacy span{display:block}.index-privacy strong{font-size:17px;margin-top:22px}.index-privacy span{font-size:12px;color:var(--muted);line-height:1.55;margin-top:7px}.guide-list{margin-top:55px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.055em;margin:10px 0 0}.section-head>span{font:800 10px ui-monospace,monospace;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{min-height:310px;border:1px solid var(--ink);background:var(--white);padding:24px;text-decoration:none;display:flex;flex-direction:column;position:relative}.guide-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}.guide-card:nth-child(1){box-shadow:8px 8px 0 var(--coral)}.guide-card:nth-child(2){box-shadow:8px 8px 0 var(--blue)}.guide-card:nth-child(3){box-shadow:8px 8px 0 var(--acid)}.guide-card:nth-child(4){box-shadow:8px 8px 0 #c7c3b8}.guide-card-head{display:flex;align-items:center;justify-content:space-between;font:800 9px ui-monospace,monospace;color:var(--muted)}.guide-card-head b{color:var(--coral)}.guide-card h2{font-size:clamp(26px,3vw,39px);line-height:1;letter-spacing:-.05em;margin:48px 0 14px;max-width:520px}.guide-card p{font-size:13px;line-height:1.6;color:var(--muted);max-width:580px}.guide-card>strong{margin-top:auto;font-size:13px;border-bottom:2px solid var(--ink);align-self:flex-start;padding-bottom:3px}.guide-cta{margin-top:70px;background:var(--ink);color:white;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.guide-cta h2{font-size:clamp(27px,4vw,44px);letter-spacing:-.05em;margin:0}.guide-cta p{color:#bdbbb3;margin:8px 0 0}.guide-cta a{background:var(--acid);color:var(--ink);padding:14px 17px;text-decoration:none;font-weight:850;white-space:nowrap}
.article-shell{display:grid;grid-template-columns:190px minmax(0,720px) 175px;gap:clamp(24px,4vw,48px);max-width:1250px;margin:auto;padding:48px clamp(22px,4vw,52px) 100px}.article-toc{align-self:start;position:sticky;top:24px}.article-toc>span,.article-related>span{display:block;font:800 9px ui-monospace,monospace;color:var(--coral);letter-spacing:.12em;margin-bottom:14px}.article-toc ol{list-style:none;padding:0;margin:0 0 25px;border-top:1px solid var(--line);counter-reset:toc}.article-toc li{border-bottom:1px solid var(--line)}.article-toc a{display:block;padding:11px 7px;text-decoration:none;color:var(--muted);font-size:11px;line-height:1.35}.article-toc a:hover{background:var(--acid);color:var(--ink)}.privacy-card{border:1px solid var(--ink);background:var(--white);padding:15px}.privacy-card strong,.privacy-card span{display:block}.privacy-card strong{font-size:12px;margin-top:15px}.privacy-card span{font-size:10px;line-height:1.45;color:var(--muted);margin-top:5px}.guide-article{min-width:0}.article-kicker{font:800 9px ui-monospace,monospace;color:var(--coral);letter-spacing:.1em}.guide-article h1{font-size:clamp(47px,6vw,74px);line-height:.91;letter-spacing:-.068em;margin:17px 0 23px}.guide-article h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.article-deck{font-size:18px;line-height:1.55;color:#4d4c46}.article-meta{display:flex;flex-wrap:wrap;gap:18px;padding:14px 0;margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:750 9px ui-monospace,monospace;color:var(--muted)}.short-answer{background:var(--ink);color:white;padding:21px;margin:28px 0 34px}.short-answer strong{color:var(--acid);font:800 9px ui-monospace,monospace;letter-spacing:.1em}.short-answer p{font-size:14px;line-height:1.6;margin:10px 0 0}.article-step{display:grid;grid-template-columns:55px minmax(0,1fr);gap:20px;padding:31px 0;border-top:1px solid var(--ink);scroll-margin-top:24px}.step-number{font:900 25px ui-monospace,monospace;color:var(--coral)}.step-label{font:800 9px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}.article-step h2,.article-section h2{font-size:clamp(27px,4vw,38px);line-height:1.05;letter-spacing:-.045em;margin:7px 0 14px}.guide-article h3{font-size:20px;margin:28px 0 9px}.guide-article p,.guide-article li{font-size:14px;line-height:1.72}.guide-article p{color:#4d4c46}.guide-article ul,.guide-article ol{padding-left:21px}.guide-article li+li{margin-top:7px}.article-section{padding:31px 0;border-top:1px solid var(--ink);scroll-margin-top:24px}.callout{display:grid;grid-template-columns:110px 1fr;gap:16px;border-left:5px solid var(--coral);background:var(--white);padding:16px;margin:20px 0}.callout.tip{border-left-color:var(--acid)}.callout strong{font:850 10px ui-monospace,monospace}.callout span{font-size:12px;line-height:1.55;color:var(--muted)}.path{display:flex;align-items:center;flex-wrap:wrap;gap:7px;background:#e8e9ff;padding:14px;margin:20px 0;font:800 9px ui-monospace,monospace}.path i{font-style:normal;color:var(--blue)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ink);border:1px solid var(--ink);margin:20px 0}.comparison>div{background:var(--white);padding:17px}.comparison>div.recommended{background:var(--acid)}.comparison b,.comparison span{display:block}.comparison b{font-size:15px}.comparison span{font-size:11px;line-height:1.5;color:var(--muted);margin-top:7px}.article-related{align-self:start}.article-related a{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--ink);background:var(--white);padding:12px;margin-bottom:10px;text-decoration:none;font-size:11px;font-weight:800;line-height:1.35}.article-related a b{color:var(--coral)}.article-related .viewer-link{background:var(--acid)}.article-end{border-top:3px solid var(--ink);padding-top:24px;margin-top:15px}.article-end h2{font-size:30px;letter-spacing:-.04em;margin:0 0 10px}.article-end a{display:inline-block;margin-top:10px;background:var(--ink);color:white;padding:13px 16px;text-decoration:none;font-weight:850;box-shadow:4px 4px 0 var(--coral)}
footer{border-top:1px solid var(--line);padding:36px clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:12px;color:var(--muted)}
@media(max-width:980px){.article-shell{grid-template-columns:minmax(0,1fr) 165px}.article-toc{display:none}.guide-index-hero{grid-template-columns:1fr}.index-privacy{max-width:460px}.guide-card{min-height:285px}}
@media(max-width:700px){body{overflow-x:hidden}.site-header{height:auto;min-height:66px;padding-top:14px;padding-bottom:12px;display:grid;grid-template-columns:minmax(0,1fr)}.site-nav{margin:0;width:100%;justify-content:flex-start;border-top:1px solid var(--line);padding-top:11px}.header-action{display:none}.guide-index,.guide-index-hero,.article-shell,.guide-article{min-width:0;width:100%}.guide-index{padding-top:52px}.guide-index-hero{padding-bottom:40px}.guide-index h1{font-size:50px;overflow-wrap:anywhere}.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-card{min-width:0;min-height:260px}.guide-card h2{overflow-wrap:anywhere}.guide-cta{align-items:flex-start;flex-direction:column}.article-shell{grid-template-columns:minmax(0,1fr);padding-top:34px}.article-related{border-top:1px solid var(--line);padding-top:25px}.guide-article h1{font-size:43px;overflow-wrap:anywhere}.article-step{grid-template-columns:40px minmax(0,1fr)}.article-step>div:last-child{min-width:0}.comparison{grid-template-columns:1fr}.callout{grid-template-columns:1fr;gap:7px}.path{overflow-wrap:anywhere}.guide-article a{overflow-wrap:anywhere}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}