.legal-layout, .club-contact-layout { width: 100%; max-width: 860px; margin: 0 auto;
  padding: clamp(7.5rem, 10vw, 10rem) clamp(1rem, 5vw, 2rem) clamp(3.5rem, 7vw, 5rem);
  display: flex; flex-direction: column; gap: 1rem; min-height: 60vh; }
.legal-layout h1, .club-contact-layout h1 { font-family: var(--font-family-heading); font-weight: 600;
  color: var(--color-on-surface); font-size: clamp(2.3rem,5vw,3.2rem); line-height: 1.18; margin: 0 0 .3rem; }
.legal-layout h2, .club-contact-layout h2 { font-family: var(--font-family-heading);
  font-size: clamp(1.4rem,3vw,1.9rem); font-weight: 600; line-height: 1.3; margin: 1.4rem 0 .2rem; }
.legal-layout h3, .club-contact-layout h3 { font-size: 1.1rem; font-weight: 650; margin: .7rem 0 .2rem; }
.legal-layout p, .legal-layout li, .club-contact-layout p, .club-contact-layout li {
  color: var(--color-on-surface-secondary); font-size: 1rem; line-height: 1.8; }
.legal-layout ul, .legal-layout ol, .club-contact-layout ul { padding-left: 1.4rem; display: grid; gap: .55rem; }
.legal-layout strong, .club-contact-layout strong { color: var(--color-on-surface); }
.legal-layout a, .club-contact-layout a { color: var(--color-primary); text-underline-offset: .2rem; }
.legal-layout a:hover, .club-contact-layout a:hover { color: var(--color-on-surface); }
.legal-layout .legal-date { font-size: .9rem; letter-spacing: .02em; }
.legal-contact-card { border: 1px solid var(--color-neutral); padding: clamp(1rem,3vw,1.75rem);
  background: var(--color-surface-tint); border-radius: var(--border-radius-lg); display: grid; gap: .6rem; }
.legal-contact-card p { margin: 0; }
.legal-back-link { align-self: flex-start; margin-top: 1.5rem; display: inline-flex; align-items: center;
  gap: .5rem; font-weight: 600; text-decoration: none; }
.club-contact-eyebrow { text-transform: uppercase; font-size: .83rem !important;
  letter-spacing: .18em; color: var(--color-primary) !important; }
.club-contact-card-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.1rem 0; }
.club-contact-card { padding: clamp(1rem,3vw,1.8rem); border: 1px solid var(--color-border);
  background: var(--color-surface-tint); border-radius: var(--border-radius-lg); display: grid; gap: .35rem; }
.club-contact-card h2 { font-size: 1.4rem; margin:0; }
.club-contact-card p { margin: 0; overflow-wrap:anywhere; }
@media (max-width: 600px) { .club-contact-card-grid { grid-template-columns: 1fr; }
  .legal-layout, .club-contact-layout { gap: .9rem; }
}