/* Privacy and Terms pages: the v2 navigation and footer with a plain reading column. v2.css supplies
   the tokens, navigation, buttons and footer; this file adds the fonts, a small reset and the document styles. */
@font-face {font-family: LandingSans; src: url('../landing-redesign/assets/instrument-sans-variable.woff2') format('woff2'); font-weight: 400 700; font-display: swap}
@font-face {font-family: Alpera; src: url('../iphone-demo/brand/libre-caslon-text-italic.ttf'); font-style: italic; font-display: swap}
*, *::before, *::after {box-sizing: border-box}
body {margin: 0}
a {color: inherit; text-decoration: none}
.skip-link {position: fixed; z-index: 50; top: 8px; left: 12px; padding: 10px; background: var(--v-card, #fff); transform: translateY(-150%)}
.skip-link:focus {transform: none}

.v2 .nav {background: color-mix(in srgb, var(--v-bg) 82%, transparent); border-bottom-color: var(--v-line); -webkit-backdrop-filter: saturate(1.6) blur(16px); backdrop-filter: saturate(1.6) blur(16px)}
.legal {max-width: 760px; margin: 0 auto; padding: 132px 24px 112px}
.legal-head {margin: 0 0 44px; padding-bottom: 32px; border-bottom: 1px solid var(--v-line)}
.legal-head h1 {margin: 0 0 14px; font: 600 clamp(40px, 6vw, 60px)/1.02 LandingSans, var(--v-sys); letter-spacing: -.042em}
.legal-head p {margin: 0; color: var(--v-muted); font-size: 15px}
.legal-lede {margin: 20px 0 0 !important; color: var(--v-ink-2) !important; font-size: 18px !important; line-height: 1.6}
.legal-toc {margin: 0 0 48px; padding: 22px 24px; border-radius: 20px; background: var(--v-soft)}
.legal-toc p {margin: 0 0 10px; font: 600 12.5px/1 LandingSans, var(--v-sys); letter-spacing: .08em; text-transform: uppercase; color: var(--v-muted)}
.legal-toc ol {columns: 2; column-gap: 32px; margin: 0; padding-left: 20px; font-size: 15px; line-height: 1.9}
.legal-toc a {color: var(--v-ink-2)}
.legal-toc a:hover {color: var(--v-blue)}
.legal section {scroll-margin-top: 88px}
.legal h2 {margin: 44px 0 14px; font: 600 23px/1.25 LandingSans, var(--v-sys); letter-spacing: -.02em}
.legal h3 {margin: 26px 0 8px; font: 600 17px/1.35 LandingSans, var(--v-sys)}
.legal p, .legal li {color: var(--v-body); font-size: 16.5px; line-height: 1.7}
.legal p {margin: 0 0 14px}
.legal ul {margin: 0 0 16px; padding-left: 22px}
.legal li {margin: 0 0 8px}
.legal li b, .legal p b {color: var(--v-ink); font-weight: 600}
.legal section a {color: var(--v-blue); text-decoration: underline; text-underline-offset: 3px}
.v2 .foot nav a[aria-current=page] {color: var(--v-ink)}
.legal .caps {font-size: 15px; letter-spacing: .01em}
.legal address {margin: 0 0 14px; color: var(--v-body); font-size: 16.5px; font-style: normal; line-height: 1.7}
@media (max-width: 720px) {
  .legal {padding: 104px 18px 88px}
  .legal-toc ol {columns: 1}
  .legal h2 {font-size: 21px}
  .legal p, .legal li, .legal address {font-size: 16px}
}