.legal { background: var(--bg); }
.legal-bar { display: flex; justify-content: space-between; align-items: center; padding: 24px var(--m); background: var(--ink); color: #fff; font-size: 15px; }
.legal-bar a { text-decoration: none; }
.legal-main { max-width: 760px; margin: 0 auto; padding: 96px var(--m) 120px; }
.legal-main h1 { font-size: var(--step-head); margin-bottom: 48px; }
.legal-main h2 { font-size: 24px; letter-spacing: -0.02em; line-height: 1.2; margin: 48px 0 12px; }
.legal-main p { max-width: 65ch; }
.legal-main a { color: var(--accent); }
.legal-date { color: var(--muted); }
.legal-foot { padding: 32px var(--m); background: var(--surface); font-size: 15px; }