:root{
  --ink:#17110b; --curtain:#4a0e14; --curtain2:#2a070b;
  --gold:#c9a227; --gold-soft:#e8cf7a; --cream:#f7efe0; --paper:#fbf7ec;
  --red:#a31621; --chalk:#f3ecd9;
}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--curtain2);color:var(--cream);}
a{color:var(--gold-soft)}
.wrap{max-width:1020px;margin:0 auto;padding:0 20px}
header.site{padding:26px 0 0;text-align:center}
.emblem{width:min(430px,86vw);height:auto;filter:drop-shadow(0 14px 34px rgba(0,0,0,.55))}
h1.name{font-size:clamp(2rem,6vw,3.2rem);letter-spacing:.04em;margin:.35em 0 .1em;color:var(--gold-soft);text-transform:uppercase}
.tagline{font-style:italic;color:#e9dcc0;margin:0 0 6px;font-size:1.12rem}
.motto{letter-spacing:.34em;text-transform:uppercase;font-size:.8rem;color:var(--gold);margin:4px 0 0}
nav.bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0 6px}
nav.bar a{background:#221207;border:1px solid var(--gold);color:var(--gold-soft);text-decoration:none;padding:9px 18px;border-radius:999px;font-size:.98rem}
nav.bar a.here{background:var(--gold);color:#221207;font-weight:bold}
.rule{border-top:3px double var(--gold);margin:20px auto;max-width:1020px}
main{padding:6px 0 30px}
.lede{font-size:1.16rem;line-height:1.65;text-align:center;max-width:760px;margin:14px auto}
.plates{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.plate{background:var(--paper);color:var(--ink);border-top:8px solid var(--gold);border-radius:8px;padding:20px 22px;text-decoration:none;display:block}
.plate.red{border-top-color:var(--red)}
.plate h2{margin:.1em 0 .35em;font-size:1.4rem}
.plate p{margin:0;line-height:1.55}
.plate .go{color:var(--red);font-weight:bold}
section.band{background:rgba(0,0,0,.28);border:1px solid rgba(201,162,39,.4);border-radius:10px;padding:22px 24px;margin:22px 0}
section.band h2{color:var(--gold-soft);margin-top:0}
section.band p, section.band li{line-height:1.6}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
figure{margin:0}
figure img{width:100%;height:auto;border-radius:8px;border:2px solid rgba(201,162,39,.55)}
figcaption{color:#d9cba6;font-size:.92rem;font-style:italic;margin-top:6px;text-align:center}
.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.brand{background:var(--paper);color:var(--ink);border-radius:8px;padding:16px 18px;border-left:6px solid var(--red)}
.brand h3{margin:.1em 0 .3em}
.brand p{margin:0;line-height:1.5;font-size:.98rem}
footer.site{text-align:center;color:#cbbd8a;padding:26px 16px 40px;font-size:.95rem}
footer.site .fine{color:#9a8a5f;font-size:.85rem}
/* The Daily Board */
.board{background:#20261e;border:10px solid #5a4028;border-radius:10px;padding:30px 30px 24px;box-shadow:inset 0 0 60px rgba(0,0,0,.65);color:var(--chalk)}
.board h2{font-family:'Segoe Script','Brush Script MT',cursive;font-weight:normal;text-align:center;font-size:2rem;margin:.1em 0 0;color:#fff8e6}
.board .date{text-align:center;color:var(--gold-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.9rem;margin:4px 0 18px}
.board h3{font-family:'Segoe Script','Brush Script MT',cursive;font-weight:normal;color:var(--gold-soft);font-size:1.45rem;margin:22px 0 4px;border-bottom:1px dashed rgba(243,236,217,.35);padding-bottom:4px}
.board .item{font-size:1.12rem;line-height:1.55;margin:2px 0 2px 8px}
.board .wiped{font-style:italic;color:#b9bfae;margin:2px 0 2px 8px}
.board .note{margin-top:24px;font-size:.98rem;line-height:1.6;color:#d8dccb}
.door{background:var(--curtain2);min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px 18px}
.door .emblem{width:min(300px,70vw)}
.door p{color:#e9dcc0;line-height:1.6;max-width:520px;margin:12px auto}
@media (max-width:760px){ .plates,.cols,.brands{grid-template-columns:1fr} .board{padding:20px 16px} }
