:root{--navy:#1f2f45;--navy-2:#2c4361;--amber:#c08a2e;--amber-soft:#e9d3a6;--cream:#f8f4ec;--paper:#fffdf8;
--ink:#22262c;--ink-soft:#5b616b;--rule:#ddd4c4;--maxw:720px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.7 "Source Serif 4",Georgia,serif}
a{color:var(--navy-2);text-decoration-color:var(--amber);text-underline-offset:3px}a:hover{color:var(--amber)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}.wide{max-width:1040px;margin:0 auto;padding:0 22px}
.draftbar{background:#7a2e1f;color:#fff;text-align:center;font:600 14px/1.4 "Inter",system-ui,sans-serif;padding:8px}
header.top{background:var(--navy);color:var(--cream)}
header.top .wide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}
.wordmark{color:var(--cream);text-decoration:none;font:600 22px/1.1 "Libre Baskerville",Georgia,serif;letter-spacing:.2px}
.wordmark .line{display:block;height:2px;width:56px;background:var(--amber);margin-top:7px}
nav.links a{color:var(--amber-soft);text-decoration:none;margin-left:20px;font:600 15px/1 "Inter",system-ui,sans-serif}
nav.links a:hover{color:#fff}nav.links a:first-child{margin-left:0}
.hero{background:var(--navy);color:var(--cream);padding:56px 0 64px;border-bottom:4px solid var(--amber)}
.hero h1{font:700 clamp(32px,6vw,52px)/1.12 "Libre Baskerville",Georgia,serif;margin:0 0 14px}
.hero p{font-size:20px;color:#dfe4ea;margin:0;max-width:640px}
.eyebrow{font:700 12px/1 "Inter",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.section{padding:44px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.card{display:block;background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--navy);
border-radius:4px;padding:20px 22px;text-decoration:none;color:var(--ink)}
.card:hover{border-top-color:var(--amber)}
.card .ti{font:700 21px/1.3 "Libre Baskerville",Georgia,serif;margin:8px 0;color:var(--navy)}
.card .su{color:var(--ink-soft);font-size:16px;line-height:1.55}
.card .meta,.byline{font:500 13px/1.4 "Inter",system-ui,sans-serif;color:var(--ink-soft);margin-top:12px}
.card .vid{color:var(--amber)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.chip{border:1px solid var(--navy-2);background:transparent;color:var(--navy-2);border-radius:999px;padding:6px 14px;
font:600 13px/1 "Inter",system-ui,sans-serif;cursor:pointer}.chip.on{background:var(--navy-2);color:#fff}
article.piece{background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:34px 30px 30px;margin:-34px auto 0;position:relative}
article.piece h1{font:700 clamp(28px,5vw,40px)/1.18 "Libre Baskerville",Georgia,serif;color:var(--navy);margin:8px 0 6px}
article.piece h2{font:700 24px/1.3 "Libre Baskerville",Georgia,serif;color:var(--navy);margin:1.6em 0 .5em}
article.piece h3{font:700 20px/1.3 "Libre Baskerville",Georgia,serif;margin:1.4em 0 .4em}
blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--amber);color:var(--ink-soft);font-style:italic}
hr{border:0;border-top:1px solid var(--rule);margin:2em 0}
.video-embed{position:relative;width:100%;padding-bottom:56.25%;height:0;margin:1.4em 0 1.8em;background:#000;border-radius:4px;overflow:hidden}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.watch{font:600 14px/1.4 "Inter",system-ui,sans-serif;margin:-10px 0 24px}
.sources{font-size:15px;line-height:1.55}.sources li{margin:.35em 0;word-break:break-word}
.note{font:500 14px/1.55 "Inter",system-ui,sans-serif;color:var(--ink-soft);background:#f1ebdf;border-radius:4px;padding:12px 16px}
.support{background:var(--paper);border:1px solid var(--rule);border-left:4px solid var(--amber);padding:22px 24px;border-radius:4px}
.support h2{margin-top:0}
footer{background:var(--navy);color:#c9d1db;margin-top:56px;padding:30px 0;font:500 14px/1.6 "Inter",system-ui,sans-serif}
footer a{color:var(--amber-soft)}
@media (max-width:640px){body{font-size:17px}nav.links a{margin-left:12px;font-size:14px}article.piece{padding:24px 18px;margin-top:-24px}
header.top .wide{flex-direction:column;align-items:flex-start}}