:root{--ink:#172b42;--paper:#ffffff;--muted:#52657a;--copper:#1c57a5;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.75}a{color:var(--copper);text-underline-offset:4px}a:focus-visible{outline:3px solid #1c57a5;outline-offset:5px}.article-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100vw - 1180px)/2));background:#07172b;color:#ffffff}.article-nav a{color:inherit;text-decoration:none}.article-brand{font-size:25px;letter-spacing:-1px;font-weight:bold}.article-brand span{color:#afcfff}.article-back{font-size:14px}.article-hero{max-width:1180px;margin:auto;padding:70px 24px 40px}.article-kicker{text-transform:uppercase;letter-spacing:3px;color:var(--copper);font-size:12px;font-weight:bold}.article-hero h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(39px,5.6vw,76px);line-height:1.08;letter-spacing:-2px;margin:20px 0 24px;max-width:1050px}.article-dek{font-size:clamp(19px,2.3vw,26px);line-height:1.55;max-width:940px;color:var(--muted)}.article-meta{font-size:13px;border-top:1px solid #d5dfe9;padding-top:20px;margin-top:30px;display:flex;gap:18px;flex-wrap:wrap}.article-figure{max-width:1180px;margin:25px auto 60px;padding:0 24px}.article-figure img{width:100%;height:auto;display:block;border-radius:4px}.article-figure figcaption{font-size:13px;line-height:1.6;color:var(--muted);padding:12px 0;max-width:940px}.article-copy{max-width:820px;margin:auto;padding:0 24px}.article-copy p{font-size:19px;margin:0 0 25px}.article-copy h2{font-family:Georgia,serif;font-weight:normal;font-size:clamp(28px,3.5vw,39px);line-height:1.2;margin:55px 0 23px}.article-copy h3{font-size:21px;margin-top:30px}.article-copy .takeaway{border-left:4px solid var(--copper);padding:18px 25px;background:#f3f6fa;font-size:22px;font-family:Georgia,serif}.article-copy ul{padding-left:24px;font-size:18px}.article-copy li{margin-bottom:14px}.article-sources{max-width:820px;margin:65px auto;padding:30px 24px;border-top:1px solid #d5dfe9;font-size:14px}.article-sources h2{font-size:19px}.article-sources ol{padding-left:23px}.article-sources li{margin:12px 0}.article-footer{background:#07172b;color:#d5dfdf;padding:35px 24px 60px;text-align:center;font-size:14px}.article-footer a{color:#afcfff}.article-skip{position:absolute;left:12px;top:-100px}.article-skip:focus{top:8px;background:white;z-index:300;padding:10px}@media(max-width:600px){.article-nav{padding:18px}.article-brand{font-size:21px}.article-back{font-size:12px}.article-hero{padding-top:40px}.article-hero h1{letter-spacing:-1px}.article-copy p{font-size:18px}.article-figure{padding:0 12px;margin-bottom:35px}.article-meta{gap:10px}.article-copy h2{margin-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.article-nav,.article-back{display:none}.article-hero{padding-top:10px}.article-copy p{font-size:11pt}.article-figure{break-inside:avoid}.article-copy h2{break-after:avoid}}
.article-tags{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.article-tags span{font-size:13px;letter-spacing:.4px;color:#1c57a5;background:#edf3fb;border:1px solid #b7cde7;border-radius:20px;padding:4px 14px}

/* A concise, accessible reading guide between the article metadata and body. */
.article-bluf{max-width:772px;margin:0 auto 40px;padding:26px 30px;background:#f3f6fa;color:var(--ink);border:1px solid var(--copper);border-left-width:5px;border-radius:4px}
.article-bluf h2{margin:0 0 16px;font-family:Georgia,serif;font-size:clamp(23px,3vw,28px);font-weight:normal;line-height:1.25}
.article-bluf ul{margin:0;padding-left:22px;font-size:17px;line-height:1.65}
.article-bluf li+li{margin-top:12px}
.article-bluf li::marker{color:var(--copper)}
@media(max-width:820px){.article-bluf{margin-right:24px;margin-left:24px}}
@media(max-width:600px){.article-bluf{padding:22px 20px;margin-bottom:32px}.article-bluf ul{font-size:16px}}
@media print{.article-bluf{break-inside:avoid;background:#fff;color:#172b42;border-color:#1c57a5;padding:16pt 18pt;margin-bottom:20pt}.article-bluf h2{font-size:16pt}.article-bluf ul{font-size:11pt}}

/* Civic Night article edition: red editorial markers, blue links, white reading canvas. */
.article-nav{border-bottom:3px solid #b53243}.article-kicker{color:#b53243}.article-bluf{border-color:#b53243}.article-bluf li::marker{color:#b53243}.article-copy .takeaway{border-left-color:#b53243}.article-brand span:first-child{color:#fff}