:root { --bg:#07090d; --panel:#111922; --border:#263444; --text:#e9f0f7; --muted:#a8b7c7; --gold:#e6c875; --sans:"Segoe UI","Helvetica Neue",system-ui,sans-serif; --serif:"Iowan Old Style","Palatino Linotype",Georgia,serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--sans); line-height:1.65; }
a { color:var(--gold); }
header, main, footer { width:min(50rem,calc(100% - 2rem)); margin-inline:auto; }
header { padding:2rem 0 1rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
header img { height:40px; width:auto; }
header a { text-decoration:none; }
main { padding:2rem 0 4rem; }
h1, h2 { font-family:var(--serif); }
h1 { margin:0; font-size:clamp(2rem,5vw,3rem); }
h2 { margin-top:2rem; color:var(--gold); }
.lede { font-size:1.1rem; color:#cad5e0; }
.meta { padding:.75rem 1rem; border:1px solid var(--border); border-radius:10px; color:var(--muted); background:var(--panel); }
li + li { margin-top:.4rem; }
footer { padding:1.4rem 0 3rem; border-top:1px solid var(--border); color:var(--muted); font-size:.9rem; }
footer a { margin-right:.7rem; }
.header-end { display:flex; align-items:center; gap:1rem; margin-left:auto; }
.nav-quest { color:var(--gold); font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:.82rem; text-decoration:none; }
.tm { font-size:.65em; line-height:1; }
.footer-tagline { color:var(--gold); font-family:var(--serif); margin:.75rem 0 .35rem; font-size:1.05rem; }
.footer-marks { max-width:46rem; margin:.45rem 0 0; font-size:.82rem; }