:root{--ink:#102740;--muted:#526579;--line:#d9e2ea;--lime:#d8fa77;--blue:#153e73}
html{scroll-padding-top:24px}body{background:#f4f7fa;color:var(--ink)}::selection{background:var(--lime);color:var(--ink)}
.draft-bar{display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 16px;background:var(--ink);color:white;font-size:13px}.draft-bar a{color:white;padding:5px 8px}.draft-bar a[aria-current]{color:var(--lime);text-decoration:underline;text-underline-offset:5px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1b63a7;outline-offset:5px}a{text-underline-offset:4px}
main.wrap{max-width:1200px}.article{max-width:none;padding:32px 0 64px;background:transparent;border:0;box-shadow:none}.crumb{font-size:13px;line-height:1.8;margin-bottom:28px;color:var(--muted)}
.article h1{font-size:clamp(32px,4.3vw,54px);line-height:1.1;letter-spacing:-.035em;max-width:990px;margin:0 0 24px;text-wrap:balance}.article>.lead{max-width:800px;font-size:20px;line-height:1.65;color:var(--muted);margin-bottom:28px}.article-meta{font-size:13px;line-height:1.9;color:var(--muted);padding:0 0 28px;border-bottom:1px solid var(--line)}
.reading-layout{display:grid;grid-template-columns:240px minmax(0,740px);gap:64px;margin-top:40px;align-items:start}.reading-toc{position:sticky;top:24px;background:transparent;border:0;border-radius:0;padding:0;margin:0;min-width:0}.reading-toc summary{font-weight:700;font-size:16px;padding:0 0 18px;cursor:pointer}.reading-toc ul{list-style:none;padding:0;margin:0}.reading-toc li{margin:0 0 4px}.reading-toc a{display:block;padding:10px 12px;color:var(--muted);font-size:14px;line-height:1.5;text-decoration:none;border-radius:6px}.reading-toc a:hover{background:#e7eef5;color:var(--ink)}.reading-toc a[aria-current]{background:var(--lime);color:var(--ink);font-weight:600}
.article-body{min-width:0;font-size:18px;line-height:1.85}.article-body h2{font-size:28px;line-height:1.25;letter-spacing:-.02em;margin:48px 0 20px}.article-body h2:first-child{margin-top:0}.article-body p{margin:0 0 22px}.article-body a{color:#155b8f}.worked-example{padding:24px;background:#e8eff6;border-radius:12px}.article-sources{max-width:740px;margin:48px 0 0 304px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;line-height:1.8}.article-sources h2{font-size:18px}.article-sources ul{padding-left:20px}
.related-panel{display:block;margin-top:48px;padding:32px;background:white;border:1px solid var(--line);border-radius:16px}.related-panel h2{font-size:26px;margin:0 0 24px}.related-panel ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;gap:0 32px;margin:0;padding:0}.related-panel li{border-top:1px solid var(--line);margin:0}.related-panel a{display:flex;justify-content:space-between;gap:12px;padding:18px 0;color:var(--ink);text-decoration:none;line-height:1.55;font-weight:500}.related-panel a:hover{text-decoration:underline}.article>.meta:last-child{margin-top:24px;font-size:14px}
.section-library{margin:40px 0 56px;padding:0;background:transparent;border:0}.section-library-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.section-library-heading h2{margin:0;font-size:24px}.section-library-heading span{color:var(--muted);font-size:14px}.section-articles{display:block}.section-article{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 64px;padding:32px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;background:transparent;border-radius:0}.section-article h3{font-size:30px;line-height:1.3;letter-spacing:-.02em;margin:0;grid-row:span 2}.section-article p{font-size:17px;line-height:1.75;color:var(--muted);margin:0}.section-read{font-size:14px;font-weight:650;color:#175f51}.section-article:hover h3{text-decoration:underline;text-underline-offset:6px}.reading-section>.article-body{max-width:740px;margin-left:auto}.reading-section>.article-body h2{font-size:25px}
@media(max-width:900px){.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.article-sources{margin-left:222px}.section-article{gap:20px 32px}}
@media(max-width:640px){.draft-bar{gap:12px;font-size:12px}main.wrap{padding-left:20px;padding-right:20px}.article{padding-top:24px}.crumb{margin-bottom:22px}.article h1{font-size:34px}.article>.lead{font-size:18px}.reading-layout{display:block;margin-top:24px}.reading-toc{position:static;background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:32px}.reading-toc summary{padding-bottom:0;min-height:26px}.reading-toc[open] summary{padding-bottom:14px}.reading-toc a{padding:10px 8px}.article-body{font-size:17px;line-height:1.8}.article-body h2{font-size:26px;margin-top:36px}.worked-example{padding:20px}.article-sources{margin-left:0}.related-panel{padding:22px}.related-panel ul{display:block}.related-panel h2{font-size:24px}.section-library{margin-top:32px}.section-library-heading{align-items:baseline}.section-library-heading h2{font-size:22px}.section-article{display:block;padding:26px 0}.section-article h3{font-size:26px;margin-bottom:16px}.section-article p{margin-bottom:18px}.section-read{display:inline-block;padding:8px 0}.reading-section>.article-body{margin:0}}
/* Shared server-rendered article layout, unchanged document order. */
.reading-article{display:grid;grid-template-columns:240px minmax(0,740px);column-gap:64px;align-items:start}.reading-article>*{grid-column:1/-1}.reading-article>.reading-toc{grid-column:1;margin-top:40px;grid-row:auto}.reading-article>.article-body{grid-column:2;margin-top:40px}.reading-article>.article-sources{margin-left:304px}.reading-article>.reading-toc:has(+ .article-body){grid-row:auto}.reading-article>.article-body{grid-row:auto}
.reading-toc a[aria-current]{background:var(--lime);color:var(--ink)}.related-panel a:hover{background:#f2f6ec}.standings tbody th a{color:inherit;text-decoration:underline;text-decoration-color:#9eb3c8;text-underline-offset:4px}.standings tbody th a:hover{color:#175f51}
@media(min-width:641px){.reading-article>.reading-toc{grid-row:5 / span 1}.reading-article>.article-body{grid-row:5 / span 1}}
@media(min-width:641px) and (max-width:900px){.reading-article{grid-template-columns:190px minmax(0,1fr);column-gap:32px}.reading-article>.article-sources{margin-left:222px}}
@media(max-width:640px){.reading-article{display:block}.reading-article>.article-body{margin-top:0}.reading-article>.article-sources{margin-left:0}}
@media(prefers-reduced-motion:no-preference){.related-panel a{transition:background-color 140ms ease-out}.related-panel a span{transition:transform 140ms ease-out}.related-panel a:hover span{transform:translateX(3px)}}
/* The reading grid bounds sticky navigation. Optional lead visuals stay above it. */
.reading-article{display:block}.reading-layout>.article-body{margin:0}.reading-layout>.reading-toc{float:none;width:auto;margin-top:0}
@media(min-width:641px){.reading-layout>.reading-toc{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.related-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}.related-panel a{min-height:72px;align-items:center}.related-panel a span{flex-shrink:0}}
@media(max-width:640px){.reading-layout>.reading-toc{margin-bottom:32px}}