:root{--ink:#101C38;--deep:#0B1430;--text:#FFF1D6;--muted:#C9BFA9;--candle:#FFA552;--line:rgba(255,241,214,.14);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(#1C2D57,var(--ink) 55%,var(--deep));background-attachment:fixed;color:var(--text);font:17px/1.65 "Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;padding:0 max(18px,env(safe-area-inset-left)) 64px max(18px,env(safe-area-inset-right))}
main,header,footer{max-width:680px;margin:0 auto}
header{padding:28px 0 8px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
header a.brand{font-family:"Fraunces",Georgia,serif;font-size:1.3rem;color:var(--text);text-decoration:none;font-weight:600}
nav{display:flex;gap:16px;font-size:.95rem}
a{color:var(--candle)}
h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(2rem,6vw,2.8rem);margin:28px 0 12px}
h2{font-size:1.3rem;margin:32px 0 6px}
p,li{color:var(--text)}
.lede{font-size:1.15rem;color:var(--muted)}
.muted{color:var(--muted);font-size:.92rem}
.card{border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:20px 0;background:rgba(16,28,56,.6)}
footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
