:root { color-scheme: light dark; --navy:#0D1B2A; --cream:#F4EBDD; --brown:#8B5E3C; --orange:#C86F52; --mist:#AFC4D3; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--navy); background:linear-gradient(145deg,#f9f4ec,var(--cream)); }
main { width:min(760px,calc(100% - 32px)); margin:48px auto; padding:32px; background:rgba(255,255,255,.72); border:1px solid rgba(13,27,42,.1); border-radius:28px; box-shadow:0 20px 60px rgba(13,27,42,.08); }
h1,h2 { font-family:Georgia,serif; line-height:1.2; }
h1 { font-size:clamp(2rem,6vw,3.2rem); margin:.2em 0; }
h2 { margin-top:1.8em; }
.mark { width:64px;height:64px;border-radius:18px;background:var(--navy);color:var(--cream);display:grid;place-items:center;font:700 32px Georgia,serif; }
.lede,.updated { color:#536170; }
.links { display:grid; gap:12px; margin:28px 0; }
a { color:#9a4d37; text-underline-offset:3px; }
.button { display:block;padding:14px 16px;border-radius:14px;background:var(--navy);color:var(--cream);text-decoration:none;font-weight:650; }
footer { margin-top:32px;padding-top:20px;border-top:1px solid rgba(13,27,42,.12);font-size:.9rem;color:#63707d; }
@media (prefers-color-scheme:dark) { body{color:var(--cream);background:var(--navy)} main{background:#16283E;border-color:#35485d}.lede,.updated,footer{color:var(--mist)} a{color:#e68d70}.button{background:var(--cream);color:var(--navy)} }