/* =====================================================================
   Small print — Switch & Save "Terms & Conditions" (Figma 6344:45910).
   Full-width content band (locked to the 1240 .container): a small bold
   label above a small, muted rich-text body. Intentionally distinct from
   section-service-legal (big-H1 legal pages). Tokens + component-local
   one-off sizes only; no edits to tokens.css.
   ===================================================================== */

.smallprint {
  --sp-pad-y: 40px;        /* band padding (Figma: ~40px above the footer) */
  --sp-title-size: 14px;   /* small bold label */
  --sp-body-size: 13px;    /* fine print body */

  background: var(--color-bg);
  padding-block: var(--sp-pad-y);
}

.smallprint__title {
  margin: 0 0 12px;
  font-family: var(--font-sans);
  font-weight: var(--fw-bold);
  font-size: var(--sp-title-size);
  line-height: 1.4;
  color: var(--gray-8);
}

.smallprint__body {
  font-family: var(--font-sans);
  font-weight: var(--fw-regular);
  font-size: var(--sp-body-size);
  line-height: 1.6;
  color: var(--gray-7);
  word-break: break-word;
}
.smallprint__body p {
  margin: 0;
}
.smallprint__body p + p {
  margin-top: 1em;
}
.smallprint__body a {
  color: inherit;
  text-decoration: underline;
}

/* ---- Large-mobile (≤767.98) ---- */
@media (max-width: 767.98px) {
  .smallprint {
    --sp-pad-y: 32px;
  }
}
