:root { --paper:#f3f0e8; --surface:#fcfaf4; --ink:#172023; --secondary:#4b585b; --sky:#4d6e7e; --line:rgba(74,86,82,.2); color-scheme:light; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--sky); text-underline-offset:4px; }
a:focus-visible,summary:focus-visible { outline:2px solid var(--sky); outline-offset:5px; }
.skip-link { position:absolute; top:-60px; left:20px; padding:12px; background:var(--surface); z-index:10; }.skip-link:focus { top:8px; }
.dispatch-site-header,.dispatch-site-footer { width:min(1180px,calc(100% - 40px)); margin:auto; }
.dispatch-site-header { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.dispatch-brand { font-family:ui-serif,"New York",Georgia,serif; font-size:21px; font-weight:700; color:var(--ink); text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:24px; font-size:14px; } nav a { text-decoration:none; } nav [aria-current] { color:var(--ink); }
h1,h2,h3 { font-family:ui-serif,"New York",Georgia,serif; font-weight:600; }
.dispatch-intro { width:min(980px,calc(100% - 40px)); margin:86px auto 64px; }
.dispatch-eyebrow { margin:0 0 20px; color:var(--sky); font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
h1 { font-size:clamp(44px,7vw,80px); line-height:1.04; letter-spacing:-.045em; margin:0; overflow-wrap:anywhere; }
.dispatch-lede { font-size:clamp(20px,2.5vw,26px); line-height:1.55; color:var(--secondary); }
.dispatch-intro-copy { max-width:560px; font-size:17px; line-height:1.7; color:var(--secondary); }
.dispatch-list { width:min(980px,calc(100% - 40px)); margin:0 auto 70px; border-top:1px solid var(--line); }
.dispatch-card { padding:36px 0; border-bottom:1px solid var(--line); }
.dispatch-meta { display:flex; flex-wrap:wrap; gap:10px 22px; font-size:13px; line-height:1.6; color:var(--secondary); }
.dispatch-card h2 { max-width:800px; margin:16px 0; font-size:clamp(28px,4vw,40px); letter-spacing:-.025em; line-height:1.15; }
.dispatch-card h2 a { color:var(--ink); text-decoration:none; }.dispatch-card h2 a:hover { text-decoration:underline; }
.dispatch-card p { max-width:680px; color:var(--secondary); font-size:17px; line-height:1.7; }.dispatch-read { font-size:14px; font-weight:650; }
.dispatch-pagination { justify-content:space-between; margin-top:30px; }
.dispatch-empty { padding:40px 0; }.dispatch-empty h2 { font-size:32px; }.dispatch-empty p { max-width:600px; color:var(--secondary); line-height:1.7; }
.dispatch-method { width:min(980px,calc(100% - 40px)); margin:0 auto 80px; padding:30px; border-radius:20px; background:var(--surface); }
.dispatch-method h2 { margin:0 0 12px; font-size:27px; }.dispatch-method p { max-width:760px; margin:0; color:var(--secondary); line-height:1.75; }
.dispatch-article { width:min(760px,calc(100% - 40px)); margin:70px auto 90px; }
.dispatch-back { display:inline-block; margin-bottom:40px; font-size:14px; }.dispatch-article h1 { font-size:clamp(40px,6vw,64px); }.dispatch-article .dispatch-meta { margin-top:24px; }
.dispatch-edition-note { margin:35px 0; padding:20px 24px; border:1px solid var(--line); border-radius:14px; font-size:14px; line-height:1.6; }.dispatch-edition-note p { margin:8px 0 0; color:var(--secondary); }
.dispatch-hero { margin:40px 0; }.dispatch-hero img { width:100%; height:auto; border-radius:16px; }
.dispatch-prose { margin-top:44px; font-size:18px; line-height:1.85; overflow-wrap:anywhere; }
.dispatch-prose h1,.dispatch-prose h2 { margin:54px 0 22px; font-size:32px; line-height:1.25; letter-spacing:-.02em; }
.dispatch-prose h3 { font-size:25px; line-height:1.3; margin-top:36px; }
.dispatch-prose p,.dispatch-prose ul,.dispatch-prose ol { margin:22px 0; }.dispatch-prose li { margin:8px 0; }
.dispatch-prose blockquote { margin:28px 0; padding:4px 24px; border-left:3px solid var(--sky); color:var(--secondary); }
.dispatch-prose img,.dispatch-prose video { max-width:100%; height:auto; }.dispatch-prose figure { margin:28px 0; }.dispatch-prose figcaption { font-size:13px; color:var(--secondary); }
.dispatch-prose pre { max-width:100%; overflow-x:auto; padding:20px; border-radius:12px; background:var(--surface); font-size:14px; white-space:pre; }
.dispatch-prose table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }.dispatch-prose td,.dispatch-prose th { border:1px solid var(--line); padding:10px; }
.dispatch-cta { margin-top:64px; padding-top:30px; border-top:1px solid var(--line); }.dispatch-cta h2 { font-size:30px; margin:0 0 16px; }.dispatch-cta p { line-height:1.7; color:var(--secondary); }
.dispatch-site-footer { display:grid; grid-template-columns:1fr auto; gap:24px; padding:40px 0; border-top:1px solid var(--line); font-size:13px; color:var(--secondary); }.dispatch-site-footer p { margin:10px 0 0; line-height:1.6; }.dispatch-site-footer strong { color:var(--ink); font-family:ui-serif,Georgia,serif; font-size:19px; }
.dispatch-preview { padding:16px 20px; background:#e5eee9; color:#3f5551; text-align:center; font-size:14px; }
@media(max-width:600px) { .dispatch-site-header { min-height:80px; flex-wrap:wrap; padding:20px 0; }.dispatch-site-header nav { gap:18px; font-size:13px; }.dispatch-intro { margin:55px auto 40px; }.dispatch-article { margin:45px auto 60px; }.dispatch-method { padding:24px; }.dispatch-site-footer { grid-template-columns:1fr; }.dispatch-prose { font-size:17px; }.dispatch-prose h2 { font-size:28px; } }
@media(prefers-color-scheme:dark) { :root { --paper:#0e1011; --surface:#1a1d1e; --ink:#eae8e1; --secondary:#b8bab4; --sky:#89aab8; --line:rgba(170,181,176,.24); color-scheme:dark; }.dispatch-preview { background:#20332f; color:#bed3cb; } }