.legal-header .site-header__inner { grid-template-columns: 1fr auto; }
.legal-header .main-nav { justify-self: end; }

.legal-main { padding-block: clamp(2.8rem, 7vw, 5.4rem) clamp(4rem, 8vw, 6.8rem); }
.legal-layout { max-width: min(900px, calc(100% - 3rem)); }
.legal-back { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: 2rem; color: var(--muted-strong); font-size: .86rem; text-decoration: none; }
.legal-back:hover { color: var(--accent-hover); }
.legal-kicker { display: flex; }
.legal-title { max-width: 850px; margin: .8rem 0 0; font-family: var(--display); font-size: clamp(2.5rem, 6.4vw, 4.5rem); font-weight: 740; letter-spacing: -.075em; line-height: .98; }
.legal-intro { max-width: 68ch; margin: 1.1rem 0 2.2rem; color: var(--muted-strong); font-size: clamp(1rem, 1.5vw, 1.12rem); line-height: 1.75; }
.legal-document { padding: clamp(1.35rem, 4vw, 2.6rem); border: 1px solid var(--line); border-top-color: var(--accent-line); border-radius: var(--radius); background: radial-gradient(ellipse at 100% 0%, rgba(227, 75, 57, .055), transparent 25rem), linear-gradient(145deg, var(--panel-raised), var(--panel)); box-shadow: var(--shadow); }
.legal-document section + section { margin-top: 1.7rem; padding-top: 1.55rem; border-top: 1px solid var(--line); }
.legal-document h2 { margin: 0; font-family: var(--display); font-size: clamp(1.05rem, 2vw, 1.25rem); font-weight: 700; letter-spacing: -.025em; line-height: 1.3; }
.legal-document p { max-width: 78ch; margin: .68rem 0 0; color: var(--muted-strong); font-size: .94rem; line-height: 1.82; }
.legal-document p + p { margin-top: .65rem; }
.legal-document ul { display: grid; gap: .46rem; max-width: 78ch; margin: .75rem 0 0; padding-left: 1.25rem; color: var(--muted-strong); font-size: .94rem; line-height: 1.75; }
.legal-document li { padding-left: .1rem; }
.legal-document address { margin-top: .7rem; color: var(--muted-strong); font-size: .94rem; font-style: normal; line-height: 1.8; }
.legal-document a { color: var(--muted-strong); text-underline-offset: .2em; }
.legal-document a:hover { color: var(--accent-hover); }

@media (max-width: 760px) {
  .legal-header .site-header__inner { grid-template-columns: 1fr; }
  .legal-layout { max-width: min(900px, calc(100% - 2rem)); }
  .legal-main { padding-block: 2.6rem 4rem; }
  .legal-back { margin-bottom: 1.5rem; }
  .legal-intro { margin-bottom: 1.5rem; }
  .legal-document { border-radius: 18px; }
  .legal-document section + section { margin-top: 1.4rem; padding-top: 1.25rem; }
}