:root {
  --chocolate-950: #1a0805;
  --chocolate-800: #42170d;
  --rose: #f29c91;
  --cream: #fff8f1;
  --paper: #fffdf9;
  --ink: #2b1712;
  --muted: #6f5148;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.7;
}
header { padding: 24px 0; color: #fff; background: var(--chocolate-950); }
main { padding: 64px 0 80px; }
.wrap { width: min(820px, calc(100% - 32px)); margin: 0 auto; }
.back { color: #f7d8cc; font-weight: 750; text-underline-offset: 3px; }
h1, h2 { line-height: 1.15; letter-spacing: -.025em; }
h1 { margin: 0 0 12px; font-size: clamp(2.1rem, 7vw, 3.7rem); }
h2 { margin: 40px 0 12px; color: var(--chocolate-800); font-size: 1.45rem; }
p, li { color: var(--muted); }
.intro { font-size: 1.08rem; }
.notice {
  margin: 28px 0;
  padding: 20px;
  border-left: 5px solid var(--rose);
  border-radius: 0 14px 14px 0;
  background: var(--cream);
}
footer { padding: 28px 0; color: #d5b4a7; background: var(--chocolate-950); text-align: center; }
footer a { color: #fff; }
@media (max-width: 600px) { main { padding-top: 44px; } }