:root { --ink:#10232b; --paper:#f6f1e8; --gold:#c9a227; --sea:#1a6b7a; --muted:#5c6b70; }
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:var(--sea)} header{background:#10232b;color:#f6f1e8;padding:18px 24px}
header .wrap,main .wrap,footer .wrap{max-width:920px;margin:0 auto}
header h1{margin:0;font-size:28px;letter-spacing:.08em;text-transform:uppercase}
header p{margin:6px 0 0;color:#d9c27a;font-size:14px}
nav{margin-top:12px;display:flex;flex-wrap:wrap;gap:14px}
nav a{color:#f6f1e8;text-decoration:none;font-size:14px;letter-spacing:.04em}
nav a:hover{color:var(--gold)}
main{padding:36px 24px 20px}
h2{font-size:26px;margin:0 0 16px}
p{line-height:1.55}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.card{background:#fff;border:1px solid #e3d8c4;padding:16px 18px}
.card h3{margin:0 0 8px;font-size:16px;color:var(--sea)}
.roster{list-style:none;padding:0}
.roster li{padding:6px 0;border-bottom:1px solid #eadfcb}
footer{background:#1a1a2e;color:#eee;padding:28px 20px;margin-top:40px;text-align:center}
footer a{color:var(--gold)}
.note{font-size:13px;color:#999;margin-top:10px}