/* The legal pages (O-04, O-29): /terms, /privacy, /privacy-practices, /telehealth-consent, /payment-consent, /refunds and
   /chat-terms, built by scripts/legal/build_pages.py from docs/legal/. One stylesheet for all seven. The tokens, fonts, top bar
   and CTA are the sign-in page's (signin.html), the footer is the home page's (index.html); the column is a reading width. */
@font-face{font-family:'Season Mix';src:url(/fonts/SeasonMix-Regular.woff2) format('woff2');font-weight:420;font-style:normal;font-display:swap}
@font-face{font-family:'Season Mix';src:url(/fonts/SeasonMix-Medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Season Mix Fallback';src:local('Charter'),local('Bitstream Charter'),local('XCharter'),local('Charter BT'),local('Georgia');ascent-override:97.5%;descent-override:25.4%;line-gap-override:0%;font-weight:420;font-style:normal}
@font-face{font-family:'Season Mix Fallback';src:local('Charter'),local('Bitstream Charter'),local('XCharter'),local('Charter BT'),local('Georgia');ascent-override:97.5%;descent-override:25.4%;line-gap-override:0%;font-weight:500;font-style:normal}
:root{--field:#F0EEEB;--tile:#F7F8F8;--card:#FFFFFF;--ink:#231F20;--body:#34454C;--mut:#70727C;--accent-gray:var(--mut);--line:#D9DEE0;--steel:#40456A;--steel-deep:#051230;--navy:#051230;--tint:#ECECF0;--pale:#E6E7EC;--grey-tint:#EBEDEE;--sage:#EDF0EA;--sage-ink:#4F6350;--serif:'Season Mix','Season Mix Fallback','Charter','Bitstream Charter','XCharter','Charter BT','Source Serif 4',Georgia,serif;--sans:'Public Sans',sans-serif;--mono:'Geist','Public Sans',sans-serif;--num:'Geist','Public Sans',sans-serif;--bar:60px}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--tile)}
body{color:var(--body);font-family:var(--sans);font-size:15px;line-height:1.6;text-wrap:wrap;background:var(--tile);-webkit-font-smoothing:antialiased}
a{color:var(--steel);text-underline-offset:2px}@media (hover:hover){a:hover{color:var(--steel-deep)}}
[hidden]{display:none!important}

/* the top bar: the sign-in page's */
.topbar{position:sticky;top:0;z-index:30;background:var(--tile);border-bottom:1px solid var(--line)}
.topbar-in{position:relative;max-width:430px;margin:0 auto;display:flex;align-items:center;justify-content:center;min-height:var(--bar);padding:0 20px}
.wordmark{color:var(--ink);display:inline-flex}@media (hover:hover){.wordmark:hover{color:var(--ink)}}

/* the page's own CTA (DF-270): the privacy choices card and sheet copy it for Confirm and Got it (oona-privacy.js) */
.cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;background:#231F20;color:#FFFFFF;border:none;border-radius:12px;font-family:var(--sans);font-size:16px;font-weight:700;padding:0 16px;cursor:pointer;transition:background .15s}
@media (hover:hover){.cta:not(:disabled):hover{background:#34454C;color:#FFFFFF}}

/* the document */
.lg{max-width:720px;margin:0 auto;padding:32px 20px 56px}
.lg h1{font-family:var(--serif);font-weight:420;font-size:30px;line-height:1.15;letter-spacing:-.005em;color:var(--ink)}
.lg-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;font-size:13px;line-height:1.5;color:var(--mut)}
.lg-doc{margin-top:28px}
.lg-doc h2{font-family:var(--serif);font-weight:420;font-size:22px;line-height:1.2;letter-spacing:-.005em;color:var(--ink);margin:40px 0 12px}
.lg-doc h3{font-family:var(--sans);font-weight:600;font-size:16px;line-height:1.35;color:var(--ink);margin:28px 0 8px}
.lg-doc h2:first-child,.lg-doc .lg-alert+h2{margin-top:32px}
.lg-doc p,.lg-doc ul,.lg-doc ol,.lg-doc blockquote{margin:0 0 14px}
.lg-doc ul,.lg-doc ol{padding-left:22px}
.lg-doc li{padding-left:2px}.lg-doc li+li{margin-top:8px}
.lg-doc li::marker{color:var(--mut)}
.lg-doc strong{font-weight:600;color:var(--ink)}
.lg-doc em{font-style:normal;color:var(--accent-gray)}/* DF-246: no italics; upright in the accent gray */
.lg-doc code{font-family:var(--mono);font-size:.92em}
.lg-doc blockquote{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.lg-doc blockquote p{margin:0}
.lg-doc [id]{scroll-margin-top:calc(var(--bar) + 16px)}
.lg-anchor{height:0}
/* the emergency line at the top: the sign-in page's note */
.lg-alert{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:14.5px;line-height:1.5}
/* a fact not yet known: printed muted, in brackets */
.pending{color:var(--mut)}

/* contents: open from 768px, a tap to open on a phone */
.lg-toc{margin-top:24px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.lg-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-toc summary::after{content:'';width:8px;height:8px;margin-right:4px;border-right:1.5px solid var(--mut);border-bottom:1.5px solid var(--mut);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.lg-toc[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.lg-toc ol{margin:0;padding:0 16px 14px;list-style:none;font-size:14px;line-height:1.45}/* the headings carry their numbers */
.lg-toc li+li{margin-top:6px}
.lg-toc a{color:var(--body);text-decoration:none}@media (hover:hover){.lg-toc a:hover{color:var(--steel-deep);text-decoration:underline}}

/* tables: a card per row on a phone, each cell under its column's name; a table from 768px */
.lg-table{margin:0 0 16px}
.lg-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.5}
.lg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lg-table tr{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.lg-table tr+tr{margin-top:10px}
.lg-table td{display:block;padding:0}
.lg-table td+td{margin-top:8px}
.lg-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;line-height:1.4;color:var(--mut);margin-bottom:2px}
.lg-table td:first-child{color:var(--ink)}
.lg-table td:first-child::before{display:none}
.lg-table td strong{font-weight:600}
@media (min-width:768px){
  body{font-size:16px}
  .lg{padding:48px 32px 72px}
  .lg h1{font-size:40px}
  .lg-meta{font-size:14px}
  .lg-doc{margin-top:32px}
  .lg-doc h2{font-size:26px;margin-top:48px}
  .lg-alert{font-size:15px}
  .lg-toc ol{columns:2;column-gap:32px}
  .lg-toc li{break-inside:avoid}
  .lg-table thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
  .lg-table table{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
  .lg-table tr{display:table-row;background:none;border:none;border-radius:0;padding:0}
  .lg-table td,.lg-table th{display:table-cell;padding:12px 14px;vertical-align:top;text-align:left}
  .lg-table th{font-size:12.5px;font-weight:600;line-height:1.4;color:var(--mut);border-bottom:1px solid var(--line);background:var(--tile)}
  .lg-table tbody tr+tr td{border-top:1px solid var(--line)}
  .lg-table td+td{margin-top:0}
  .lg-table td::before{display:none}
}
/* the billing table's five columns: a card per row until the desktop column fits them */
@media (min-width:768px) and (max-width:1023px){
  .lg-table--wide thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lg-table--wide table{border:none;background:none}
  .lg-table--wide tr{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
  .lg-table--wide tr+tr{margin-top:10px}
  .lg-table--wide td{display:block;padding:0}
  .lg-table--wide tbody tr+tr td{border-top:none}
  .lg-table--wide td+td{margin-top:8px}
  .lg-table--wide td::before{display:block}
  .lg-table--wide td:first-child::before{display:none}
}

/* the billing table's five columns take more than the reading column on a desktop */
@media (min-width:1024px){.lg-table--wide{margin-left:-120px;margin-right:-120px}}

/* the footer: the home page's */
footer{background:var(--tile);border-top:1px solid var(--line)}
.ft{max-width:1280px;margin:0 auto;padding:36px 20px;font-size:13px;color:var(--mut)}
.ft nav{display:flex;flex-wrap:wrap;gap:8px 16px}
.ft nav a{color:var(--mut);text-decoration:none;font-family:var(--sans);font-size:12.5px;font-weight:400}
.ft nav a[aria-current="page"]{color:var(--ink)}
@media (hover:hover){.ft nav a:hover{color:var(--ink)}}
.ft .footnote{font-size:11.5px;line-height:1.55;color:var(--mut)}
.ft .footnote a{color:inherit;text-decoration:none}
@media (min-width:768px){.ft{padding:36px 32px}}