:root{
  --bg:#0e1116; --panel:#161b23; --panel2:#1c232e; --line:#2a3342;
  --text:#e9e6df; --muted:#a7b0ba; --gold:#c9a227; --gold-dim:#8f741c;
  --red:#c0453a; --link:#d8b84a;
}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
a{color:var(--link)}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.25;color:#f4f1e8}
h1{font-size:2rem;margin:.4em 0 .5em}
h2{font-size:1.45rem;margin:1.6em 0 .5em;border-bottom:1px solid var(--line);padding-bottom:.25em}
h3{font-size:1.15rem;margin:1.3em 0 .4em}
.site-header{background:linear-gradient(180deg,#131926,#0e1116);border-bottom:3px solid var(--gold-dim);padding:28px 0 18px}
.brand{font-family:Georgia,serif;font-size:2rem;font-weight:700;color:#f4f1e8;text-decoration:none;letter-spacing:.01em}
.brand span{color:var(--gold)}
.brand:hover{text-decoration:none}
.tagline{color:var(--muted);margin:.4em 0 1em;max-width:640px;font-size:.98rem}
.main-nav{display:flex;flex-wrap:wrap;gap:6px 16px;border-top:1px solid var(--line);padding-top:12px}
.main-nav a{color:var(--text);text-decoration:none;font-size:.95rem;font-weight:600}
.main-nav a:hover{color:var(--gold)}
main.wrap{padding-top:28px;padding-bottom:44px}
.page p{margin:.7em 0}
.lede{font-size:1.13rem;color:#f0ede4}
.status-box,.counter-box,.form-placeholder,.letter-card,.exhibit,.ledger-box{
  background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin:20px 0}
.status-box{border-left:4px solid var(--gold)}
.counter-box{text-align:left;border-left:4px solid var(--red)}
.counter-label{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;color:var(--muted);margin:0}
.counter-number{font-family:Georgia,serif;font-size:2rem;margin:.15em 0;color:#f4f1e8}
.counter-note{color:var(--muted);margin:.2em 0 0;font-size:.95rem}
.exhibit{border-left:4px solid var(--gold)}
.ledger-box{background:var(--panel2)}
.button{display:inline-block;background:var(--gold);color:#14100a;font-weight:700;
  padding:10px 18px;border-radius:6px;text-decoration:none}
.button:hover{background:#dbb83e;text-decoration:none}
.cta{background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;padding:18px;margin:24px 0}
.cta h2{border:0;margin-top:0}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.94rem}
th,td{border:1px solid var(--line);padding:8px 10px;vertical-align:top;text-align:left}
th{background:var(--panel2);font-family:Georgia,serif}
td{background:var(--panel)}
ul,ol{padding-left:1.4em}
li{margin:.35em 0}
blockquote{border-left:3px solid var(--gold-dim);margin:1em 0;padding:.2em 0 .2em 1em;color:#ddd8cb}
.letter-status{color:var(--gold);font-weight:600}
.letter-body{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 22px 18px;margin:20px 0}
.form-placeholder{border-style:dashed}
.placeholder-label{font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;color:var(--gold)}
.site-footer{border-top:1px solid var(--line);background:#0a0d11;padding:26px 0 34px;color:var(--muted);font-size:.92rem}
.site-footer a{color:var(--muted);text-decoration:underline}
.small{font-size:.9rem;color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:26px 0}
@media (max-width:560px){
  h1{font-size:1.6rem}.brand{font-size:1.55rem}
  table{font-size:.85rem} th,td{padding:6px 7px}
}