.legal-page { background: var(--paper); }
.legal-header { min-height: 88px; padding: 0 var(--pad); display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--black); color: var(--white); }
.legal-home { color: #d0d0d0; font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.legal-main { padding: clamp(76px,10vw,140px) var(--pad) clamp(110px,14vw,190px); }
.legal-document { width: min(860px,100%); margin: 0 auto; }
.legal-document h1 { margin: 0 0 28px; font-size: clamp(46px,7vw,86px); font-weight: 650; line-height: 1; letter-spacing: -.04em; }
.legal-updated { margin: 0 0 72px; color: var(--muted); font-size: 13px; }
.legal-section { padding: 34px 0; border-top: 1px solid var(--line); }
.legal-section h2 { margin: 0 0 18px; font-size: clamp(22px,2.6vw,32px); letter-spacing: -.03em; }
.legal-section p,.legal-section li { color: #4f4f4f; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.legal-section p { margin: 0 0 14px; }
.legal-section ul,.legal-section ol { margin: 0; padding-left: 22px; }
.legal-section a { color: var(--text); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width:680px) {
  .legal-header { min-height:72px; }
  .legal-main { padding-top:70px; }
  .legal-updated { margin-bottom:48px; }
  .legal-section { padding:28px 0; }
}