/* Padpoint legal pages v2 */
.theme-clubs { --nav-bg: var(--blue); --footer-bg: var(--blue); }

.legal { padding-block: clamp(56px, 8vw, 120px) var(--section); }
.legal-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.legal-head { position: sticky; top: calc(var(--nav-h) + 48px); display: grid; gap: 18px; }
.legal-head p { color: var(--ink-mute); }
.legal-body { max-width: 68ch; color: var(--ink-soft); }
.legal-body > * + * { margin-top: 16px; }
.legal-body h2 { margin-top: clamp(36px, 4vw, 52px); padding-top: clamp(22px, 2.4vw, 30px); border-top: 1px solid var(--line); font-size: clamp(21px, 1.8vw, 26px); line-height: 1.2; letter-spacing: -.02em; color: var(--ink); }
.legal-body strong { font-weight: 500; color: var(--ink); }
.legal-body a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.legal-body ul { display: grid; gap: 8px; margin-bottom: 0; padding-left: 1.2em; }
.legal-body li::marker { color: var(--blue); }
.legal-intro { font-family: var(--display); font-size: clamp(20px, 1.8vw, 26px); line-height: 1.3; letter-spacing: -.015em; color: var(--ink); }
.legal-contact { margin-top: clamp(36px, 4vw, 52px); padding: 18px 22px; border-radius: 16px; background: var(--ice); font-size: 15px; }

@media (max-width: 860px) {
  .legal-grid { grid-template-columns: 1fr; }
  .legal-head { position: static; }
}