.narrow{max-width:980px}.guide-hero{background:radial-gradient(circle at 75% 0,#10b98114,#0000 27%);padding:60px 0 30px}.crumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:.8rem;display:flex}.guide-hero h1{letter-spacing:-.064em;text-wrap:balance;margin:14px 0 18px;font-size:clamp(3rem,7vw,5.9rem);line-height:.92}.guide-hero p{color:var(--muted);max-width:820px;font-size:1.16rem}.reading-meta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.reading-meta span{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:820}.article-layout{grid-template-columns:220px minmax(0,1fr);gap:46px;padding-top:24px;display:grid}.toc{align-self:start;gap:8px;padding:18px;display:grid;position:sticky;top:100px}.toc>span{color:var(--muted-2);text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;font-size:.67rem;font-weight:850}.toc a{color:var(--muted);padding:4px 0;font-size:.8rem}.toc a:hover{color:var(--brand-dark)}.guide-body section{margin-top:48px;scroll-margin-top:115px}.guide-body section:first-child{margin-top:12px}.section-number{color:var(--brand-dark);letter-spacing:.1em;font-size:.7rem;font-weight:850}.guide-body h2{letter-spacing:-.042em;margin:6px 0 12px;font-size:clamp(1.85rem,3vw,2.55rem)}.guide-body p,.guide-body li{color:var(--muted);font-size:1.01rem}.guide-body ul{padding-left:22px}.note{background:linear-gradient(135deg,#fff,#f0f7f3);margin-top:48px;padding:24px}.note p{margin:5px 0 0}.related-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=980px){.article-layout{grid-template-columns:1fr}.toc{grid-template-columns:repeat(2,1fr);position:static}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.toc,.related-grid{grid-template-columns:1fr}}.guide-hero{border-bottom:1px solid var(--ink);background:0 0;padding:48px 0 35px}.crumbs{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;font-size:.58rem}.guide-hero h1{font-family:var(--display);letter-spacing:-.06em;font-size:clamp(3.2rem,7vw,5.9rem);font-weight:500;line-height:.9}.guide-hero p{font-size:1rem}.reading-meta{border-top:1px solid var(--line);border-left:1px solid var(--line);gap:0;width:max-content;max-width:100%}.reading-meta span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;letter-spacing:.045em;color:var(--muted);background:0 0;border-radius:0;font-size:.55rem}.toc{box-shadow:none;border-top:1px solid var(--ink);border-left:0;border-right:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:15px 0}.toc>span,.toc a,.section-number{font-family:var(--mono);letter-spacing:.05em;font-size:.57rem}.guide-body section{border-top:1px solid var(--line);padding-top:22px}.guide-body section:first-child{border-top:1px solid var(--ink)}.guide-body h2{font-family:var(--display);font-size:clamp(2rem,3vw,2.8rem);font-weight:600}.guide-body p,.guide-body li{font-size:.96rem}.note{background:var(--ink);color:var(--paper);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--accent);border-radius:0}.related-grid{border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0}.related-grid .tool-card{border-right:1px solid var(--line)}@media (width<=980px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.related-grid{grid-template-columns:1fr}}.guide-hero{color:#fff;background:#07100c;border-bottom:0;padding:68px 0 45px}.crumbs{color:#708078}.crumbs a:hover,.guide-hero .eyebrow{color:var(--accent)}.guide-hero h1{font-family:var(--display);letter-spacing:-.08em;color:#fff;font-size:clamp(3.6rem,8vw,6.6rem);font-weight:900;line-height:.84}.guide-hero p{color:#9aa9a2}.reading-meta{border:0;gap:6px}.reading-meta span{color:#95a79e;background:#ffffff08;border:1px solid #32463c;border-radius:999px}.article-layout{padding-top:54px}.toc{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:16px}.toc>span,.toc a{font-family:var(--sans);text-transform:none;letter-spacing:0}.guide-body section{border-top:1px solid var(--line)}.guide-body h2{font-family:var(--display);font-weight:900}.note{background:var(--accent);color:var(--accent-ink);box-shadow:none;border:0;border-radius:20px}.note p{color:#40511f}.related-grid{border:0;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid .tool-card{border:1px solid var(--line);border-radius:22px}@media (width<=980px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.related-grid{grid-template-columns:1fr}.guide-hero{padding-top:50px}}
