/* Legal pages (privacy, terms) */
.legal { max-width: 820px; margin-inline: auto; padding: clamp(48px, 8vw, 90px) var(--gutter); }
.legal .back { font-family: var(--mono); font-size: 12.5px; color: var(--slate); }
.legal .back:hover { color: var(--accent); }
.legal h1 { font-family: var(--display); font-weight: 900; font-size: clamp(30px, 5vw, 46px); letter-spacing: -0.02em; margin: 18px 0 6px; }
.legal .meta { font-family: var(--mono); font-size: 12.5px; color: var(--slate); margin-bottom: 28px; }
.legal .notice { background: var(--accent-soft); border: 1px solid #BEDDDB; color: var(--accent-ink); padding: 14px 18px; border-radius: var(--r); font-size: 14.5px; margin-bottom: 34px; }
.legal h2 { font-family: var(--display); font-weight: 800; font-size: clamp(19px, 2.4vw, 24px); margin: 34px 0 10px; letter-spacing: -0.01em; }
.legal p, .legal li { color: var(--ink); font-size: 16px; line-height: 1.7; }
.legal ul { padding-inline-start: 22px; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--accent-ink); text-decoration: underline; }
.legal .en { color: var(--slate); font-size: 14.5px; }
.legal hr { border: none; border-top: 1px solid var(--line); margin: 40px 0; }