/* A readable document surface within the existing Iconic Smiles shell. */
.legal-main {
  max-width: 920px;
  padding-top: calc(var(--header-content-height, var(--header-height, 80px)) + var(--header-top-gap, 16px) + env(safe-area-inset-top, 0px) + 48px);
  padding-bottom: 88px;
}
.legal-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin-bottom: 32px;
  color: var(--muted);
  font-size: 16px;
  overflow-wrap: anywhere;
}
.legal-breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.legal-document { min-width: 0; }
.legal-document h1 {
  max-width: 18ch;
  margin: 0 0 36px;
  font-size: clamp(32px, 5vw, 62px);
  line-height: 1.12;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
.legal-copy { max-width: 76ch; font-size: 17px; line-height: 1.75; overflow-wrap: anywhere; }
.legal-copy p, .legal-copy li { color: var(--ink); }
.legal-copy p + p { margin-top: 18px; }
.legal-copy h2 { margin: 36px 0 14px; font-size: clamp(23px, 2.5vw, 30px); line-height: 1.3; letter-spacing: -.025em; }
.legal-copy h3 { margin: 26px 0 12px; font-size: 20px; line-height: 1.4; letter-spacing: -.01em; }
.legal-copy ul { margin: 18px 0; padding-left: 24px; }
.legal-copy li + li { margin-top: 10px; }
.legal-copy a { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.legal-copy a:hover { text-decoration-thickness: 2px; }
.legal-copy a:focus-visible, .legal-breadcrumbs a:focus-visible, .footer__legal a:focus-visible { outline: 3px solid #9c5b09; outline-offset: 4px; }
.footer__legal { width: 100%; min-width: 0; padding: 26px 0; border-top: 1px solid var(--line); }
.footer__legal h2 { margin-bottom: 12px; font: 600 18px/1.5 Inter, Arial, sans-serif; letter-spacing: 0; }
.footer__legal-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; }
.footer__legal-links a { display: flex; align-items: center; min-height: 44px; padding-block: 8px; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.footer__legal-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 900px) { .footer__legal-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; } }
@media (max-width: 640px) {
  .legal-main { padding-top: calc(var(--header-content-height, var(--header-height, 76px)) + var(--header-top-gap, 10px) + env(safe-area-inset-top, 0px) + 28px); padding-bottom: 52px; }
  .legal-breadcrumbs { margin-bottom: 24px; }
  .legal-document h1 { margin-bottom: 28px; }
  .legal-copy { font-size: 16px; line-height: 1.75; }
  .legal-copy h2 { margin-top: 30px; }
  .footer__legal-links { grid-template-columns: 1fr; }
}