:root { --ink:#1D3557; --line:#C9D1DC; --paper:#FFFFFF; --honey:#E9B44C; color-scheme:light; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Figtree',sans-serif; font-size:18px; line-height:1.6; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-underline-offset:6px; text-decoration-thickness:1px; }
a:hover { text-decoration-thickness:2px; }
button,summary,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; color:inherit; }
button,a,summary { touch-action:manipulation; min-width:44px; }
:focus-visible { outline:3px solid var(--ink); outline-offset:5px; }
.hero :focus-visible { outline-color:white; }
h1,h2 { font-family:'Newsreader',serif; font-weight:400; line-height:1.12; letter-spacing:-.015em; margin:0 0 24px; }
h1 { font-size:48px; }
h2 { font-size:42px; }
h3 { font-size:20px; line-height:1.35; font-weight:600; margin:0 0 10px; }
p { margin:0 0 20px; }
ul { padding-left:22px; margin:20px 0 28px; }
li { margin:10px 0; }
strong { font-weight:600; }
.skip-link { position:absolute; left:16px; top:8px; z-index:20; padding:10px 18px; background:white; transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
.notice { min-height:44px; background:var(--ink); color:white; text-align:center; padding:0 24px; font-size:16px; line-height:1.5; }
.notice a { display:inline-flex; align-items:center; min-height:44px; padding:4px 2px; font-weight:600; vertical-align:middle; }
.masthead { position:relative; display:grid; grid-template-columns:1fr minmax(400px,700px) 1fr; align-items:center; padding:15px 48px 17px; gap:20px; background:white; }
.site-title { text-align:center; }
.site-title>a { display:flex; align-items:center; justify-content:center; min-height:44px; text-decoration:none; font-size:25px; line-height:1.2; font-weight:500; }
.site-title p { font-size:16px; line-height:1.4; margin:3px 0 0; }
.site-menu { justify-self:start; }
.site-menu summary { display:flex; align-items:center; min-height:44px; cursor:pointer; list-style:none; font-weight:500; font-size:16px; gap:12px; }
.site-menu summary::-webkit-details-marker { display:none; }
.site-menu summary::after { content:'+'; font-size:23px; font-weight:400; }
.site-menu[open] summary::after { content:'−'; }
.site-menu:not([open])>nav { display:none; }
.site-menu nav { position:absolute; z-index:10; top:100%; left:0; width:min(430px,100%); padding:22px 36px 28px; background:white; box-shadow:0 14px 24px rgb(29 53 87 / .09); border-top:1px solid var(--line); }
.site-menu[open]>nav { display:block; }
.site-menu nav a { display:flex; align-items:center; width:100%; min-height:48px; padding:10px 0; font-size:18px; text-decoration:none; border-bottom:1px solid var(--line); }
.site-menu nav a[aria-current] { font-weight:600; }
.header-reading { justify-self:end; display:flex; align-items:center; min-height:44px; font-size:16px; }
.mobile-links { display:none; }
.page-width { width:calc(100% - 96px); max-width:1440px; margin:0 auto; }
.pill { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 25px; border:1px solid var(--ink); border-radius:30px; background:var(--ink); color:white; font-size:16px; font-weight:500; line-height:1.4; text-align:center; text-decoration:none; }
.pill:hover { background:white; color:var(--ink); }
.reading-link { display:inline-flex; align-items:center; min-height:44px; font-weight:600; font-size:16px; text-decoration-line:underline; text-decoration-thickness:2px; text-underline-offset:8px; }
.reading-links { display:flex; flex-wrap:wrap; gap:8px 28px; margin-top:18px; }
.row-heading { display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:32px; }
.row-heading h2 { margin:0; }
.row-heading a { flex-shrink:0; }
.footer { margin-top:100px; padding:54px 48px 34px; border-top:1px solid var(--line); }
.footer-content { display:grid; grid-template-columns:1.4fr 1fr; gap:60px; max-width:1440px; margin:auto; }
.footer-name { font-size:24px; line-height:1.3; margin-bottom:16px; }
.footer p { max-width:48ch; font-size:16px; }
.footer nav { display:grid; grid-template-columns:1fr 1fr; gap:4px 22px; align-content:start; }
.footer nav a { display:flex; align-items:center; min-height:44px; font-size:16px; }
.copyright { margin:26px auto 0; max-width:1440px; font-size:16px; }
.article-opening { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:clamp(40px,7vw,108px); margin-top:58px; align-items:start; }
.article-opening h1 { max-width:18ch; margin-bottom:24px; }
.article-lede { font-size:20px; line-height:1.5; max-width:48ch; }
.key-questions { padding:20px 0; margin:28px 0 26px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); list-style:none; }
.key-questions li { display:flex; align-items:flex-start; gap:12px; font-size:17px; line-height:1.55; margin:0 0 16px; }
.key-questions li:last-child { margin-bottom:0; }
.key-questions svg { flex:0 0 21px; margin-top:3px; }
.article-photo { margin:0; position:relative; min-width:0; }
.article-photo img { width:100%; aspect-ratio:1; object-fit:cover; object-position:50% 50%; }
.opening-action { width:100%; }
.opening-note { position:relative; margin-top:28px; padding:23px 26px; background:rgb(201 209 220 / .25); border-radius:12px; font-size:16px; line-height:1.6; }
.opening-note::before { content:''; position:absolute; top:-10px; right:22%; border-left:11px solid transparent; border-right:11px solid transparent; border-bottom:11px solid rgb(201 209 220 / .25); }
.opening-note p { margin:0; }
.word-switch { margin-top:24px; min-height:44px; padding:8px 0; border:0; border-bottom:1px solid var(--line); background:white; cursor:pointer; font-size:16px; }
[hidden] { display:none !important; }
.article-body { max-width:1120px; margin:100px auto 0; }
.reading-section { display:grid; grid-template-columns:190px minmax(0,720px); gap:60px; margin-bottom:88px; scroll-margin-top:40px; }
.section-copy { min-width:0; }
.section-copy p,.section-copy li { max-width:70ch; }
.section-copy h2 { font-size:36px; max-width:24ch; }
.word-help { padding-top:9px; font-size:16px; line-height:1.55; }
.word-help dl { margin:0; border-top:1px solid var(--line); padding-top:18px; }
.word-help dt { font-weight:600; margin-bottom:7px; }
.word-help dd { margin:0; }
.source-reading { margin-top:26px; }
.source-reading a { display:flex; align-items:center; width:fit-content; min-height:44px; font-size:17px; font-weight:600; }
.source-reading p { margin-bottom:22px; }
.article-next { margin:10px 0 0 250px; padding-top:34px; border-top:1px solid var(--line); }
.article-next p { max-width:65ch; }
.help-is-hidden .word-help dl { display:none; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(min-width:1600px) { .article-opening { max-width:1344px; } }
@media(max-width:1000px) {
 .masthead { grid-template-columns:80px minmax(0,1fr) 110px; padding:15px 28px 17px; gap:15px; }
 .site-title>a { font-size:23px; }
 .page-width { width:calc(100% - 56px); }
 .article-opening { gap:38px; }
 h1 { font-size:43px; }
 .reading-section { grid-template-columns:150px minmax(0,1fr); gap:32px; }
 .article-next { margin-left:182px; }
 .footer { padding-left:28px; padding-right:28px; }
}
@media(max-width:650px) {
 body { font-size:17px; }
 h1 { font-size:40px; }
 h2 { font-size:34px; }
 .notice { padding:0 17px; }
 .notice-intro { display:none; }
 .masthead { grid-template-columns:58px minmax(0,1fr); padding:14px 20px 16px; column-gap:10px; align-items:start; }
 .site-menu { padding-top:1px; }
 .site-menu summary { gap:7px; }
 .site-title { text-align:left; }
 .site-title>a { font-size:22px; justify-content:flex-start; min-height:44px; }
 .site-title p { font-size:16px; line-height:1.4; margin-top:4px; }
 .header-reading { display:none; }
 .mobile-links { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
 .mobile-links a { min-height:48px; display:flex; align-items:center; justify-content:center; padding:8px 12px; text-decoration:none; font-size:16px; }
 .mobile-links a+a { border-left:1px solid var(--line); }
 .site-menu nav { width:100%; padding-left:20px; padding-right:20px; }
 .page-width { width:calc(100% - 40px); }
 .row-heading { gap:12px; align-items:flex-end; margin-bottom:24px; }
 .row-heading a { font-size:16px; }
 .row-heading h2 { max-width:10ch; }
 .article-opening { grid-template-columns:1fr; gap:32px; margin-top:36px; }
 .article-opening h1 { max-width:17ch; }
 .article-lede { font-size:19px; }
 .key-questions { margin-top:24px; }
 .article-photo { order:2; }
 .article-photo img { max-height:460px; }
 .opening-note { padding:21px; }
 .article-body { margin-top:64px; }
 .reading-section { grid-template-columns:1fr; gap:24px; margin-bottom:64px; }
 .word-help { order:2; padding:0 0 0 18px; border-left:1px solid var(--line); }
 .word-help dl { border-top:0; padding-top:0; }
 .word-help dt { display:inline; margin-right:8px; }
 .word-help dd { display:inline; }
 .section-copy h2 { font-size:32px; }
 .article-next { margin-left:0; }
 .footer { padding:38px 20px 26px; margin-top:68px; }
 .footer-content { grid-template-columns:1fr; gap:18px; }
 .footer nav { gap:0 16px; }
 .copyright { margin-top:25px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }