:root{--guide-ink:#102443;--guide-muted:#556985;--guide-line:#d9e3f0;--guide-blue:#156fc4;--guide-surface:#f3f6fc}
body.guide-page{margin:0;background:var(--guide-surface);color:var(--guide-ink)}
.guide-page .site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1160px)/2))}
.guide-page .site-header nav{display:flex;align-items:center;gap:24px}
.guide-page .site-header nav a{color:#1b609d;text-decoration:none;font-size:14px;font-weight:650}
.guide-page .site-header nav a:hover,.guide-page .site-header nav a:focus-visible{text-decoration:underline}
.guide-page .site-header nav a[aria-current=page]{color:#102443}
.guide-main,.guide-index{width:min(1160px,calc(100% - 48px));margin:0 auto;padding-bottom:80px}
.guide-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:32px 0;color:#687b95;font-size:12px}
.guide-breadcrumb a{color:#1c6ab0;text-decoration:none}
.guide-breadcrumb a:hover{text-decoration:underline}
.guide-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);align-items:start;gap:56px}
.guide-article{min-width:0}
.guide-hero{padding:20px 0 34px;border-bottom:1px solid var(--guide-line)}
.guide-kicker,.guide-card-category{color:#1769b3;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.guide-hero h1,.guide-index-hero h1{max-width:17ch;margin:14px 0 20px;font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.055em;color:#102443}
.guide-deck{max-width:62ch;margin:0;color:#52647e;font-size:19px;line-height:1.55}
.guide-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:#718099;font-size:12px}
.guide-meta span+span:before{content:"·";margin-right:18px}
.guide-content{padding-top:24px;font-size:17px;line-height:1.76;color:#253955}
.guide-content h2{margin:48px 0 14px;color:#102443;font-size:29px;line-height:1.2;letter-spacing:-.035em;scroll-margin-top:24px}
.guide-content h3{margin:28px 0 10px;color:#17385d;font-size:21px;line-height:1.3;scroll-margin-top:24px}
.guide-content p{margin:0 0 22px}
.guide-content ul,.guide-content ol{margin:0 0 26px;padding-left:25px}
.guide-content li{padding-left:4px;margin:0 0 10px}
.guide-content strong{color:#142e4e}
.guide-content a,.guide-related a{color:#1168b6;text-underline-offset:3px}
.guide-content code{padding:2px 5px;border-radius:4px;background:#e5edfa;color:#174e80;font-size:.88em}
.guide-sidebar{position:sticky;top:22px;display:grid;gap:16px;padding-top:18px}
.guide-side-card{padding:24px;border:1px solid var(--guide-line);border-radius:10px;background:#fff}
.guide-side-card h2{margin:0 0 16px;font-size:14px;letter-spacing:0}
.guide-side-card ol{padding-left:20px;margin:0}
.guide-side-card li{margin:0 0 11px;color:#7c8ca1;font-size:13px;line-height:1.4}
.guide-side-card a{color:#326895;text-decoration:none}
.guide-side-card a:hover{text-decoration:underline}
.guide-tool-card{background:#0d2346;border-color:#0d2346;color:#fff}
.guide-tool-card p{margin:0 0 8px;color:#6ed8e5;font-size:10px;font-weight:800;letter-spacing:.1em}
.guide-tool-card h2{color:#fff;font-size:20px}
.guide-tool-card a{color:#b4e7ff;font-weight:700}
.guide-end{margin-top:46px;padding:32px;border:1px solid #cbdff4;border-radius:12px;background:#eaf3fe}
.guide-end h2{margin:0 0 10px;font-size:25px;letter-spacing:-.03em}
.guide-end p{margin:0 0 20px;color:#536783;line-height:1.6}
.guide-button{display:inline-flex;gap:18px;align-items:center;padding:11px 16px;border-radius:5px;background:#176fc3;color:#fff;text-decoration:none;font-size:14px;font-weight:700}
.guide-button:hover{background:#0d5ba9}
.guide-related{margin-top:52px;border-top:1px solid var(--guide-line);padding-top:24px}
.guide-related h2{margin:0 0 16px;font-size:21px}
.guide-related ul{margin:0;padding-left:21px}
.guide-related li{margin:0 0 10px}
.guide-index-hero{padding:56px 0 60px;border-bottom:1px solid var(--guide-line)}
.guide-index-hero h1{max-width:14ch}
.guide-index-hero>p:last-child{max-width:64ch;color:#52647e;font-size:19px;line-height:1.6}
.guide-index-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:48px 0 20px}
.guide-index-heading h2{margin:0;font-size:27px;letter-spacing:-.04em}
.guide-index-heading span{color:#687a92;font-size:13px}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.guide-card{display:flex;flex-direction:column;min-height:225px;padding:26px;border:1px solid #d6e1ee;border-radius:11px;background:#fff;color:#102443;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.guide-card:hover,.guide-card:focus-visible{transform:translateY(-2px);border-color:#a4c9ed;box-shadow:0 12px 26px rgba(21,70,125,.08)}
.guide-card h2{margin:14px 0 10px;font-size:21px;line-height:1.23;letter-spacing:-.03em}
.guide-card p{margin:0;color:#5b6e87;font-size:14px;line-height:1.55}
.guide-card-action{margin-top:auto;padding-top:22px;color:#176ab3;font-size:13px;font-weight:750}
.guide-page .site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px max(24px,calc((100vw - 1160px)/2))}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static;grid-row:1;display:block;padding:0}.guide-side-card:first-child{display:none}.guide-tool-card{max-width:360px}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-page .site-header{padding:14px 18px}.guide-page .site-header nav{gap:12px}.guide-page .site-header nav a{font-size:12px}.guide-page .brand-lockup{width:145px}.guide-main,.guide-index{width:min(100% - 36px,760px);padding-bottom:55px}.guide-breadcrumb{margin:24px 0}.guide-hero{padding-top:8px}.guide-hero h1,.guide-index-hero h1{font-size:38px}.guide-deck,.guide-index-hero>p:last-child{font-size:17px}.guide-content{font-size:16px}.guide-content h2{font-size:25px}.guide-content h3{font-size:20px}.guide-meta span+span:before{content:none;margin:0}.guide-card-grid{grid-template-columns:1fr}.guide-card{min-height:0}.guide-index-hero{padding:32px 0 38px}.guide-page .site-footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}
@media(max-width:530px){.guide-page .site-header{padding-inline:14px;gap:12px}.guide-page .brand-lockup{width:132px}.guide-page .site-header nav{gap:12px}.guide-page .site-header nav a[href$="about.html"]{display:none}}