.legal-nav { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 16px var(--pad); background: rgba(8, 8, 8, 0.8); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.legal-nav a.back { font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.legal-nav a.back:hover { color: var(--pink); }
.legal { max-width: 820px; margin: 0 auto; padding: clamp(60px, 10vw, 120px) var(--pad) 120px; }
.legal h1 { font-family: var(--f-display); font-size: clamp(48px, 8vw, 96px); line-height: 0.95; }
.legal .updated { margin: 18px 0 48px; color: var(--muted); }
.legal h2 { font-family: var(--f-display); font-size: clamp(26px, 3vw, 34px); margin: 48px 0 12px; letter-spacing: 0.01em; }
.legal p, .legal li { color: rgba(245, 245, 245, 0.82); }
.legal p + p { margin-top: 14px; }
.legal ul { padding-left: 20px; margin: 12px 0; }
.legal li { margin: 6px 0; }
.legal a { color: var(--pink); text-decoration: underline; text-underline-offset: 3px; }
.legal .note { margin-top: 56px; padding: 18px 20px; border: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.legal-foot { border-top: 1px solid var(--line); padding: 28px var(--pad); display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }
.legal-foot a { font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.legal-foot a:hover { color: var(--pink); }