body{margin:0;background:#f4f7fb;color:#17324d;font:17px/1.7 "Iowan Old Style",Palatino,"Palatino Linotype",serif}
header,footer{max-width:1040px;margin:auto;padding:20px}
main{max-width:1040px;margin:auto;padding:8px 20px 28px}
.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.section-nav{position:sticky;top:12px;font-family:system-ui,sans-serif;font-size:.95rem}
.section-nav p{margin:0 0 8px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#5d7286}
.section-nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}
.section-nav a[aria-current="page"]{font-weight:700}
.guide-foot nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.guide-foot a{display:block;min-height:44px}
@media(max-width:720px){.guide-layout{grid-template-columns:1fr}.section-nav{position:static}.guide-foot nav{grid-template-columns:1fr 1fr}}
a{color:#0f5c8c}
header{display:flex;justify-content:space-between;gap:16px;align-items:center}
header a{font-family:system-ui,sans-serif;font-weight:700;text-decoration:none}
h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;margin:.2em 0}
h2{font-size:1.35rem;line-height:1.3;margin-top:1.4em}
.crumbs{font-family:system-ui,sans-serif;font-size:.92rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.note,.cite{background:#fff;border:1px solid #d5e0ea;border-radius:12px;padding:14px 16px}
.note{border-left:4px solid #9a6b12}
nav.related a{display:inline-block;margin:0 12px 8px 0;min-height:44px}
footer{font-family:system-ui,sans-serif;color:#40586e}