/* ===== Legal page styles (no inline styles/scripts) ===== */
.legal{
  position:relative; padding: clamp(36px, 6vw, 72px) 0;
  background:
    radial-gradient(1000px 520px at 65% -10%, rgba(73,193,231,.18), transparent 60%),
    radial-gradient(700px 420px at 0% 100%, rgba(10,120,150,.14), transparent 60%);
}
.legal-head h1{
  font-family: PlayfairLocal, serif;
  font-size: clamp(28px, 4.4vw, 44px);
  margin: .25rem 0 .25rem;
}
.legal-head .lead{
  color: var(--ink-dim);
  margin: 0 0 .75rem;
}
.legal-article{
  background: var(--glass); border:1px solid var(--border); border-radius:22px;
  padding: 16px;
}
.legal-article h2{
  font-size: clamp(18px, 2vw, 22px);
  margin: 1rem 0 .35rem;
}
.legal-article p{
  margin: .55rem 0;
  color: var(--ink);
}
.legal-article a{
  text-decoration: underline;
}

/* Prevent any horizontal overflow */
.legal, .legal-article { min-width: 0 }

/* Responsive tweaks */
@media (max-width: 576px){
  .legal-article{ padding: 14px }
}