:root { color-scheme: light; --bronze:#6b4a22; --night:#241910; --paper:#f6f1e6; --ink:#2a2118; }
* { box-sizing: border-box; }
body { margin:0; display:grid; grid-template-columns:240px 1fr; min-height:100vh; background:var(--paper); color:var(--ink); font:18px/1.55 "Palatino Linotype", Palatino, Georgia, serif; }
.side { background:var(--night); color:#f0e2c4; padding:28px 22px; }
.side a.mark { color:#f0e2c4; text-decoration:none; display:block; }
.side h1.markname { font-size:26px; line-height:1.1; margin:14px 0 6px; font-weight:500; }
.side p { font-size:14px; color:#cbb892; margin:0 0 22px; }
.side nav { display:flex; flex-direction:column; gap:8px; }
.side nav a { color:#f0e2c4; text-decoration:none; padding:6px 0; border-top:1px solid #4a3a28; }
.side nav a.on { color:#e6c56a; }
.sheet { padding:36px 42px 48px; max-width:760px; }
.sheet h1 { font-size:36px; line-height:1.15; margin:0 0 12px; font-weight:500; }
.sheet h2 { font-size:24px; margin:28px 0 8px; font-weight:500; }
.kicker { letter-spacing:.16em; text-transform:uppercase; font-size:12px; color:var(--bronze); margin:0 0 8px; }
.plate { float:right; width:220px; margin:0 0 12px 22px; }
.plate svg { width:100%; height:auto; display:block; background:#2a2118; }
.plate figcaption { font-size:13px; color:#6b5844; margin-top:6px; }
.sheet p { margin:0 0 12px; }
footer { clear:both; margin-top:28px; font-size:14px; color:#6b5844; }
@media (max-width:800px) {
  body { grid-template-columns:1fr; }
  .plate { float:none; width:100%; margin:0 0 16px; }
  .sheet { padding:24px 18px 36px; }
}