.legal-header { border-bottom: 1px solid var(--color-border); background: var(--color-background); }
.legal-header__inner { display: flex; min-height: 5rem; align-items: center; justify-content: space-between; gap: var(--space-5); }
.legal-header__back { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--font-size-200); font-weight: 700; text-decoration: none; }
.legal-header__back .icon { transform: rotate(180deg); }
.legal { background: var(--color-surface); padding-block: clamp(4rem, 9vw, 8rem); }
.legal__layout { display: grid; grid-template-columns: minmax(10rem, 0.35fr) minmax(0, 0.65fr); align-items: start; gap: clamp(3rem, 8vw, 8rem); }
.legal__aside { position: sticky; top: 2rem; }
.legal__aside p { color: var(--color-text-muted); font-size: var(--font-size-200); }
.legal__aside .eyebrow { color: var(--color-highlight); }
.legal__article { max-width: 48rem; }
.legal__article > header { margin-bottom: var(--space-8); }
.legal__article > header h1 { max-width: 12ch; }
.legal__article > header p { margin-top: var(--space-5); color: var(--color-text-muted); }
.legal__notice { margin-bottom: var(--space-7); border-left: 3px solid var(--color-warning); background: var(--color-warning-bg); padding: var(--space-4) var(--space-5); color: var(--color-warning); font-size: var(--font-size-200); }
.legal__article section { padding-block: var(--space-6); border-top: 1px solid var(--color-border); }
.legal__article section h2 { margin-bottom: var(--space-4); font-family: var(--font-body); font-size: var(--font-size-400); font-weight: 700; letter-spacing: 0; }
.legal__article section h3 { margin: var(--space-5) 0 var(--space-3); font-family: var(--font-body); font-size: var(--font-size-300); font-weight: 700; }
.legal__article section p, .legal__article section li { color: var(--color-text-muted); }
.legal__article section ul { display: grid; gap: var(--space-2); padding-left: 1.25rem; }
.legal__article section p + p, .legal__article section p + ul { margin-top: var(--space-3); }
.legal-footer { background: var(--color-text); color: rgba(255,255,255,0.65); padding-block: var(--space-5); font-size: var(--font-size-100); }
.legal-footer__inner { display: flex; justify-content: space-between; gap: var(--space-5); }
.legal-footer a { color: var(--color-white); }
@media (max-width: 767px) {
  .legal-header__inner { min-height: 4.5rem; }
  .legal-header .wordmark__descriptor { display: none; }
  .legal__layout { grid-template-columns: 1fr; gap: var(--space-7); }
  .legal__aside { position: static; }
  .legal-footer__inner { flex-direction: column; }
}