.legal-main { padding-top: var(--legal-header-height, var(--header-nav-height)); background: var(--color-canvas); color: var(--color-ink); }
.legal-header { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 16px; padding: 78px var(--content-inset) 48px; }
.legal-header__eyebrow { color: var(--color-warm-grey); font-family: var(--font-body); font-size: var(--font-size-section-meta); font-weight: 500; line-height: 15px; letter-spacing: .18em; overflow-wrap: anywhere; }
.legal-header__title { max-width: 100%; min-width: 0; font-family: var(--font-heading); font-size: var(--font-size-h3); font-weight: 300; line-height: 1.1; letter-spacing: -.015em; overflow-wrap: anywhere; }
.legal-header__updated { max-width: 100%; min-width: 0; color: var(--color-warm-grey); font-size: var(--font-size-supporting-text); line-height: 17px; letter-spacing: -.01em; overflow-wrap: anywhere; }
.legal-body { padding-bottom: 120px; }
.legal-body__inner { display: flex; width: min(calc(100% - 144px), var(--container)); min-width: 0; align-items: flex-start; gap: 56px; margin-inline: auto; }
.legal-nav { position: sticky; top: 88px; display: flex; width: 300px; min-width: 0; flex: none; flex-direction: column; align-items: stretch; padding: 9px 24px; border: 1px solid #dcd8d0; border-radius: 18px; background: var(--color-surface); }
.legal-nav__item { display: flex; width: 100%; min-width: 0; min-height: 59px; align-items: center; padding-block: 16px; border: 0; background: none; color: var(--color-ink); font-family: var(--font-body); font-size: var(--font-size-body); font-weight: 500; line-height: 1.7; text-align: left; text-decoration: none; overflow-wrap: anywhere; }
.legal-nav__item span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.legal-nav__item.is-current { min-height: 63px; color: var(--color-accent); font-size: var(--font-size-body-lg); font-weight: 400; }
.legal-nav__item[aria-disabled="true"] { cursor: default; }
.legal-nav__item:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; border-radius: 3px; }
.legal-nav__rule { width: 100%; height: 1px; flex: none; background: #dcd8d0; }
.legal-copy { min-width: 0; flex: 1; color: var(--color-warm-grey); overflow-wrap: anywhere; }
.legal-copy__intro p, .legal-clause p { max-width: 920px; font-size: var(--font-size-body-lg); font-weight: 400; line-height: 1.72; }
.legal-copy__intro p + p { margin-top: 16px; }
.legal-copy__sections { margin-top: 40px; }
.legal-clause + .legal-clause { margin-top: 40px; }
.legal-clause h3 { color: var(--color-ink); font-family: var(--font-heading); font-size: var(--font-size-heading-8); font-weight: 300; line-height: 1.18; letter-spacing: -.01em; text-wrap: wrap; overflow-wrap: anywhere; }
.legal-clause p { margin-top: 16px; }
html.legal-motion-boot .legal-header__eyebrow, html.legal-motion-boot .legal-header__title, html.legal-motion-boot .legal-header__updated, html.legal-motion-boot .legal-nav, html.legal-motion-boot .legal-copy { visibility: hidden; }
.legal-page .site-footer__links a:focus-visible { outline: 2px solid var(--color-cta-contrast); outline-offset: 3px; }
.legal-page .site-header__desktop-nav, .legal-page .site-header__actions, .legal-page .site-header__brand { min-width: 0; max-width: 100%; }
.legal-page .site-header__desktop-nav ul { max-width: 100%; flex-wrap: wrap; }
.legal-page .site-header__desktop-nav li, .legal-page .site-header__nav-link, .legal-page .site-header__brand-name, .legal-page .site-header__actions .site-cta, .legal-page .site-header__actions .site-cta > span:first-child { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.legal-page .site-header__brand { max-width: min(100%, 200px); }
.legal-page .site-header__mobile-panel nav, .legal-page .site-header__mobile-panel ul, .legal-page .site-header__mobile-panel li { min-width: 0; max-width: 100%; }
.legal-page .site-header__mobile-panel nav a { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.legal-page .site-header__mobile-panel > .site-cta { min-width: 0; max-width: 100%; flex-shrink: 0; border-radius: calc(var(--cta-min-height) / 2); white-space: normal; }
.legal-page .site-header__mobile-panel > .site-cta > span:first-child { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.legal-page .site-footer__column { min-width: 0; max-width: min(100%, 230px); }
.legal-page .site-footer__brandmark-name, .legal-page .site-footer__column-title { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.legal-page .site-footer__links, .legal-page .site-footer__links li, .legal-page .site-footer__links a { min-width: 0; max-width: 100%; }
.legal-page .site-footer__links a { overflow-wrap: anywhere; white-space: normal; }
.legal-page .site-footer__base, .legal-page .site-footer__base-copy { min-width: 0; max-width: 100%; }
.legal-page .site-footer__base-copy { overflow-wrap: anywhere; white-space: normal; }
.legal-page .site-footer__credit { min-width: 0; max-width: 50%; white-space: normal; }
.legal-page .site-footer__credit-text { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }

@media (max-width: 1366px) {
  .legal-header { padding-inline: 48px; }
  .legal-body__inner { width: min(calc(100% - 96px), var(--container)); gap: 40px; }
  .legal-nav { width: 260px; }
}
@media (max-width: 1024px) {
  .legal-header { padding: 66px 36px 42px; }
  .legal-body__inner { width: min(calc(100% - 72px), var(--container)); gap: 32px; }
  .legal-nav { width: 230px; }
  .legal-copy__intro p, .legal-clause p { font-size: var(--font-size-body-medium); }
  .legal-clause h3 { font-size: 25px; }
}
@media (max-width: 900px) {
  .legal-header { padding: 60px 32px 32px; }
  .legal-header__title { font-size: var(--font-size-h2); }
  .legal-body__inner { width: min(calc(100% - 64px), var(--container)); flex-direction: column; gap: 32px; }
  .legal-nav { position: static; width: 100%; flex-direction: row; flex-wrap: wrap; gap: 8px; padding: 0; border: 0; border-radius: 0; background: none; }
  .legal-nav__rule { display: none; }
  .legal-nav__item, .legal-nav__item.is-current { position: relative; width: auto; min-height: 37px; max-width: 100%; flex: none; padding: 9px 18px; border: 1px solid #dcd8d0; border-radius: 999px; background: white; color: var(--color-ink); font-size: var(--font-size-supporting-text); font-weight: 400; line-height: 17px; letter-spacing: -.01em; transition: background-color 160ms ease-out, color 160ms ease-out; }
  .legal-nav__item::before { position: absolute; inset: -3.5px 0; content: ""; }
  .legal-nav__item.is-current { border-color: var(--color-accent); background: var(--color-accent); color: #f3f1ec; }
  .legal-copy { width: 100%; max-width: 100%; }
  .legal-copy__sections { margin-top: 32px; }
  .legal-clause + .legal-clause { margin-top: 30px; }
}
@media (max-width: 640px) {
  .legal-header { gap: 12px; padding: 54px 24px 24px; }
  .legal-header__eyebrow { font-size: var(--font-size-label-xs); line-height: 12px; }
  .legal-header__title { font-size: var(--font-size-heading-mobile); line-height: 1.1; }
  .legal-header__updated { font-size: var(--font-size-supporting-compact); line-height: 16px; }
  .legal-body { padding-bottom: 72px; }
  .legal-body__inner { width: min(calc(100% - 48px), var(--container)); gap: 26px; }
  .legal-copy__intro p { font-size: var(--font-size-body); line-height: 1.75; }
  .legal-copy__intro p + p { margin-top: 14px; }
  .legal-clause h3 { font-size: 21px; line-height: 1.24; }
  .legal-clause p { margin-top: 12px; font-size: var(--font-size-body-compact); line-height: 1.8; }
}
@media (max-width: 359px) {
  .legal-header { padding-inline: 20px; }
  .legal-body__inner { width: min(calc(100% - 40px), var(--container)); }
  .legal-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
  .legal-nav__item, .legal-nav__item.is-current { flex: none; }
}
@media (max-width: 480px) {
  .legal-page .site-footer__column--explore { width: fit-content; max-width: 100%; }
  .legal-page .site-footer__column--legal { max-width: 100%; }
  .legal-page .site-footer__column--legal .site-footer__links { flex-wrap: wrap; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .legal-nav__item, .legal-page .site-footer__links a::after { transition-duration: .01ms; }
}
