.legal-links { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.legal-links a:hover, .legal-page p a { color: var(--follow-copper, #ca6b34); }
.legal-page { min-height: 100svh; background-image: radial-gradient(ellipse at 85% 8%, rgba(126, 74, 43, .10), transparent 45%); }
.legal-main { max-width: 1120px; margin: auto; padding: 72px 32px 100px; }
.legal-heading { max-width: 780px; margin-bottom: 64px; }
.legal-heading h1 { font-size: clamp(32px, 5vw, 60px); line-height: 1.12; letter-spacing: -.035em; margin: 22px 0; }
.legal-heading p { color: var(--follow-muted, #a6a3a0); font-size: 18px; line-height: 1.7; }
.legal-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 64px; align-items: start; }
.legal-toc { display: grid; gap: 16px; font-size: 13px; line-height: 1.5; position: sticky; top: 32px; }
.legal-toc a { color: var(--follow-muted, #a6a3a0); }
.legal-toc a:hover { color: var(--follow-copper, #ca6b34); }
.legal-content section { margin-bottom: 38px; scroll-margin-top: 32px; }
.legal-content h2 { font-size: 22px; line-height: 1.35; margin: 0 0 16px; }
.legal-content p { font-size: 15px; line-height: 1.9; color: var(--follow-muted, #a6a3a0); margin: 0; overflow-wrap: anywhere; }
.legal-content p a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) {
  .legal-main { padding: 40px 22px 56px; }
  .legal-heading { margin-bottom: 36px; }
  .legal-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .legal-toc { position: static; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
  .legal-page .landing-nav { gap: 16px; }
}