:root {
  color-scheme: dark;
  --bg: #071b16;
  --panel: #0d2e25;
  --line: rgba(216, 189, 114, 0.24);
  --gold: #d8bd72;
  --soft: #f0dea8;
  --text: #f8f3e7;
  --muted: #b4c8c0;
  font-family: Inter, system-ui, sans-serif;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--text);
  background: radial-gradient(circle at 15% 0, #155544 0, transparent 32%),
    linear-gradient(160deg, #061712, #09231c 55%, #051511);
}
main { width: min(100% - 32px, 820px); margin: 0 auto; padding: 38px 0 60px; }
.back { color: var(--soft); font-weight: 700; text-decoration: none; }
article {
  margin-top: 22px;
  padding: clamp(24px, 5vw, 42px);
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(13, 46, 37, 0.9);
}
.eyebrow { color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: 0.14em; }
h1 { margin: 8px 0 10px; font: 500 clamp(32px, 7vw, 50px)/1.1 Georgia, serif; }
h2 { margin: 30px 0 8px; color: var(--soft); font-size: 20px; }
p, li { color: var(--muted); line-height: 1.65; }
ul, ol { padding-left: 22px; }
a { color: var(--soft); }
.updated { margin: 0 0 26px; color: #78988c; font-size: 12px; }
.notice { padding: 16px 18px; border-left: 3px solid var(--gold); background: rgba(216, 189, 114, 0.08); }
footer { margin-top: 22px; color: #78988c; font-size: 12px; }