/* Shared styling for the static legal pages (terms.html, privacy.html).
   Loaded AFTER kit.css so it can lean on the site's palette and layout. */

.legal-hero {
  padding: 120px 0 32px;
  text-align: center;
}
.legal-eyebrow {
  font-family: 'Geist Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6b6480;
}
.legal-hero h1 {
  margin: 10px 0 12px;
  font-size: clamp(30px, 5vw, 44px);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.legal-hero p {
  max-width: 62ch;
  margin: 0 auto;
  color: #9a93ac;
  font-size: 15px;
  line-height: 1.65;
}

.legal-body {
  max-width: 78ch;
  margin: 0 auto;
  padding: 8px 0 96px;
}
.legal-date {
  font-size: 13px;
  color: #6b6480;
  margin-bottom: 28px;
}
.legal-body h2 {
  margin: 34px 0 10px;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: #ECEAF3;
}
.legal-body p,
.legal-body li {
  color: #b4adc4;
  font-size: 14.5px;
  line-height: 1.75;
}
.legal-body p {
  margin: 0 0 12px;
}
.legal-body ul {
  margin: 0 0 12px;
  padding-left: 20px;
}
.legal-body li {
  margin-bottom: 7px;
}
.legal-body strong {
  color: #ECEAF3;
  font-weight: 600;
}
.legal-body a {
  color: #9b8fce;
  text-decoration: none;
  font-weight: 600;
}
.legal-body a:hover {
  color: #ECEAF3;
}
.legal-note {
  margin-top: 34px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  padding: 14px 16px;
  font-size: 13.5px;
  color: #9a93ac;
}