:root{--bg:#f2ead8;--fg:#231c12;--muted:#6f6047;--rule:#cbb88e;--accent:#8a5a14;--card:#e8dcc1;--quote:#2d2416;--gold:#b08a3e;--ink:#1d1710}
@media (prefers-color-scheme:dark){:root{--bg:#14110c;--fg:#ece2cc;--muted:#a8977a;--rule:#3d3322;--accent:#d4a955;--card:#1e1a12;--quote:#e6dcc4;--gold:#c9a24f;--ink:#0d0b07}}
html{background:var(--bg) radial-gradient(ellipse at top,color-mix(in oklab,var(--gold) 14%,transparent),transparent 60%) no-repeat}
body{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:20px!important}
main{max-width:52rem!important}
.kicker,.label,h2,.yr,a.src,.civnav,h1,.verdict{font-family:"Cinzel",Georgia,serif!important}
h1{text-transform:uppercase;letter-spacing:.06em!important;text-align:center;font-weight:500!important}
h1 em{display:block;font-family:"Cormorant Garamond",serif;text-transform:none;letter-spacing:0;font-size:.62em;margin-top:.5rem;color:var(--accent)}
header{text-align:center;border-bottom:none!important;padding-top:3.5rem!important;position:relative}
header::after{content:"✦  ❦  ✦";display:block;margin-top:2rem;color:var(--gold);letter-spacing:1em;font-size:.9rem}
.kicker{color:var(--gold)!important;letter-spacing:.3em!important}
h2{letter-spacing:.3em!important;text-align:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.6rem 0;font-weight:600!important}
.card{border-radius:2px!important;border:1px solid var(--rule);border-top:3px double var(--gold);background:var(--card)!important}
.verdict{letter-spacing:.04em;font-size:1.15rem!important}
blockquote{border-left:2px solid var(--gold)!important;font-style:italic;font-size:1.2rem!important}
a.src{border-radius:0!important;letter-spacing:.08em}
.civnav{position:sticky;top:0;z-index:10;margin:0 -1.25rem;background:var(--ink);border-bottom:2px solid var(--gold);display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 2.2rem;padding:.9rem 1rem}
.civnav a{color:#e8d9b5;text-decoration:none;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;padding:.2rem 0;border-bottom:1px solid transparent}
.civnav a:hover,.civnav a.on{color:#e3b860;border-bottom-color:#e3b860}
.civnav .mark{color:#c9a24f;font-size:.85rem;letter-spacing:.3em;margin-right:auto}
@media(max-width:640px){.civnav .mark{display:none}}
footer{text-align:center}
table,th,td,.back,a[href$="../index.html"]{font-family:"Cormorant Garamond",Georgia,serif!important} th{font-family:"Cinzel",serif!important;letter-spacing:.1em}
