/* Long-form resource page: shared brand tokens, independently scoped layout. */
.tools-page{padding-bottom:0}
.guide-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.guide-header>a:last-child{font-size:15px;color:var(--accent);padding:12px 0}
.guide-hero{padding:72px 0 48px;max-width:900px}
.guide-kicker{color:var(--accent);font-size:14px;font-weight:750;letter-spacing:.06em}
.guide-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.23;letter-spacing:-.045em;margin:20px 0 24px}
.guide-hero h1 span{color:var(--accent)}
.guide-hero>p{max-width:700px;font-size:19px}
.guide-meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:13px;line-height:1.7}
.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:80px}
.guide-toc{position:sticky;top:110px;background:var(--accent-soft);border-radius:8px;padding:22px}
.guide-toc h2{font-size:18px;letter-spacing:-.02em;margin:0 0 16px}
.guide-toc ol{padding:0;list-style:none;margin:0;display:grid;gap:4px}
.guide-toc a{display:block;padding:9px 0;font-size:14px;line-height:1.5}
.guide-toc a:hover,.guide-toc a:focus-visible{color:var(--accent);text-decoration:underline}
.guide-content{min-width:0;max-width:820px}
.guide-content h2{font-size:30px;letter-spacing:-.035em;line-height:1.4;margin:12px 0 16px}
.guide-content h3{font-size:19px;letter-spacing:-.02em;margin:28px 0 12px}
.guide-content p,.guide-content li{font-size:17px;line-height:1.9}
.guide-content p{margin:12px 0}
.guide-content ol,.guide-content ul{padding-left:24px;margin:12px 0 24px}
.guide-content li+li{margin-top:10px}
.guide-content strong{color:var(--ink)}
.guide-content a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.guide-intro{padding:28px;background:white;border:1px solid var(--line);border-radius:8px}
.guide-intro h2{font-size:24px;margin-top:0}
.tool-entry{padding:48px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.tool-number{color:var(--accent);font-size:14px;font-weight:750;letter-spacing:.04em}
.tool-lead{color:var(--ink);font-weight:600}
.tool-example{border-left:3px solid var(--accent);background:var(--accent-soft);padding:16px 22px;margin:24px 0}
.tool-example p{color:var(--ink);margin:0}
.tool-caution{padding:18px 22px;background:#edf1f7;border-radius:6px}
.tool-caution p{font-size:15px;margin:0}
.tool-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px;font-size:15px;line-height:1.7}
.guide-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:15px;line-height:1.9;background:var(--navy);color:white;padding:24px;border-radius:8px}
.guide-end{padding:40px 0 0}
.guide-end details{border-bottom:1px solid var(--line);padding:18px 0}
.guide-end summary{cursor:pointer;font-weight:650;line-height:1.7}
.guide-footer{flex-wrap:wrap}
@media(max-width:1000px){.guide-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.guide-toc{padding:18px}}
@media(max-width:760px){.guide-layout{grid-template-columns:1fr;gap:24px}.guide-toc{position:static}.guide-toc ol{grid-template-columns:1fr 1fr;gap:4px 16px}.guide-hero{padding:44px 0 32px}.guide-hero>p{font-size:17px}.guide-content h2{font-size:27px}.tool-entry{padding:36px 0}.guide-intro{padding:22px}.guide-content p,.guide-content li{font-size:16px}.guide-content pre{padding:18px}}
@media(max-width:380px){.guide-toc ol{grid-template-columns:1fr}.guide-header{gap:10px}.guide-header>a:last-child{font-size:13px}}