:root {
  color-scheme: dark;
  --ink: #f3ede4;
  --muted: #c4bbaf;
  --line: rgba(243, 237, 228, 0.16);
  --accent: #e6bc83;
  --panel: #191a19;
}

* { box-sizing: border-box; }
html { background: #0d0e0d; }
body {
  margin: 0;
  color: var(--ink);
  background: radial-gradient(circle at 75% 0%, #23241f 0, #0d0e0d 42%);
  font: 16px/1.75 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: var(--accent); }
.legal-shell { width: min(900px, calc(100% - 32px)); margin: 0 auto; padding: 38px 0 72px; }
.legal-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.legal-nav .brand { margin-right: auto; color: var(--ink); font: 700 24px Georgia, serif; text-decoration: none; }
.legal-nav a:not(.brand) { color: var(--muted); font-size: 14px; text-decoration: none; }
.legal-nav a:hover, .legal-nav a:focus-visible { color: var(--accent); text-decoration: underline; }
.legal-hero { padding: 64px 0 30px; }
.legal-hero p { color: var(--muted); }
h1 { margin: 0 0 12px; font: 400 clamp(42px, 8vw, 72px)/1.08 Georgia, serif; }
h2 { margin: 42px 0 12px; font: 400 28px/1.25 Georgia, serif; }
h3 { margin: 28px 0 8px; font-size: 18px; }
p, li { color: #ddd5ca; }
li + li { margin-top: 7px; }
.notice { margin: 28px 0; padding: 18px 20px; border: 1px solid rgba(230, 188, 131, 0.35); border-radius: 14px; background: rgba(230, 188, 131, 0.08); }
.translation { margin-top: 60px; padding-top: 42px; border-top: 1px solid var(--line); }
.legal-footer { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
@media (max-width: 600px) { .legal-shell { width: min(100% - 24px, 900px); } .legal-hero { padding-top: 42px; } }