/* Terms of Service and Privacy Policy (terms.html, privacy.html), on top of
   docs.css: the document is a .article, so its type, lists, links and
   callouts are the help centre's. Here: the layout (contents pinned beside
   the document on a wide screen; legal-toc.js lights the section you're in),
   the header, numbered sections, the capitals notices, and a print sheet that
   keeps only the document.

   legal-sheet.js lifts this page's .wrap into a popup elsewhere on the site,
   skipping .head, nav.toc and .foot, so those stay direct children of .wrap. */

.lg .wrap{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:56px 28px 104px}
@media(min-width:1100px){
  .lg .wrap{display:grid;grid-template-columns:248px minmax(0,720px);column-gap:72px;justify-content:center}
  .lg .wrap > *{grid-column:2}
  .lg .wrap > .head{grid-column:1 / -1}
  .lg .wrap > .toc{grid-column:1;grid-row:2 / span 60;position:sticky;top:96px;align-self:start;margin:0;
    max-height:calc(100vh - 116px);overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
  .lg .wrap > .toc::-webkit-scrollbar{display:none}
  /* the notices sit over the first section, with room between */
  .lg .wrap > .toc + section{margin-top:56px}
}

/* ---------- header ---------- */
.lg .head{margin:0 0 40px;padding-bottom:32px;border-bottom:1px solid var(--d-line)}
.lg .head .eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;font:600 13.5px/1.2 'Geist',sans-serif;color:#93C5FD;
  background:var(--accent-grad,linear-gradient(100deg,#93C5FD,#7DD3FC 42%,#5EEAD4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.lg .head h1{margin:0;font:600 clamp(36px,4.6vw,54px)/1.04 'Geist',sans-serif;letter-spacing:-.035em;color:var(--d-ink);text-wrap:balance}
.lg .head .meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:22px;font:400 13.5px/1 'Geist',sans-serif;color:var(--d-mute)}
.lg .head .meta > span{display:inline-flex;align-items:center;gap:8px}
/* the date it took effect: a status, said with a tint and a dot */
.lg .head .meta > span:first-child{height:28px;padding:0 11px;border-radius:999px;font:600 12.5px/1 'Geist',sans-serif;font-variant-numeric:tabular-nums;color:#86EFAC;
  background:rgba(74,222,154,.1);box-shadow:inset 0 0 0 1px rgba(74,222,154,.22)}
.lg .head .meta > span:first-child::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--d-ok)}
.lg .head .meta > span + span{font-size:13px;color:var(--d-faint)}
.lg-print{display:inline-flex;align-items:center;gap:7px;height:32px;margin-left:auto;padding:0 12px;border-radius:9px;cursor:pointer;
  font:600 13px/1 'Geist',sans-serif;color:var(--d-ink);background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.2);transition:color .15s,border-color .15s,background .15s}
.lg-print:hover{color:var(--d-ink);border-color:var(--d-line-3);background:var(--d-surface-2)}
.lg-print svg{width:14px;height:14px}

/* the opening paragraph: a lede */
.lg .head + p{margin-top:0!important;font-size:18.5px;line-height:1.7;color:#CDD1DA;text-wrap:pretty}

/* the up-front notices: the help centre's callouts (docs.css). Their title
   is a bold lead-in rather than a heading. */
.lg .callout{margin:24px 0}
.lg .callout b{display:block;margin:5px 0 4px;font:600 15px/1.4 'Geist',sans-serif;letter-spacing:-.01em;color:var(--d-ink)}

/* ---------- contents ---------- */
.lg .toc{margin:8px 0 48px;padding:0}
.lg .toc .lg-docs{display:flex;flex-direction:column;gap:2px;margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--d-line)}
.lg .toc .lg-docs a{position:relative;display:flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:8px;
  font:500 14px/1.35 'Geist',sans-serif;color:var(--d-mute);text-decoration:none;transition:color .15s,background .15s}
.lg .toc .lg-docs a:hover{color:var(--d-ink);background:var(--d-surface)}
.lg .toc .lg-docs a[aria-current]{color:var(--d-ink);background:var(--d-surface-2)}
.lg .toc h2{margin:0 0 12px;padding:0 10px;font:600 12px/1 'Geist',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--d-faint)}
.lg .toc h2::before,.lg .toc h2::after{display:none}
.lg .toc ol{list-style:none;margin:0;padding:0;counter-reset:t;border-left:1px solid var(--d-line)}
.lg .toc ol > li{counter-increment:t;margin:0;padding:0}
.lg .toc ol > li::before,.lg .toc ol > li::after{display:none}
.lg .toc a{position:relative;display:flex;gap:10px;margin-left:-1px;padding:6px 8px 6px 14px;border-left:1px solid transparent;
  font:400 13.5px/1.45 'Geist',sans-serif;color:var(--d-mute);text-decoration:none;transition:color .15s}
.lg .toc ol a::before{content:counter(t,decimal-leading-zero);flex:none;font:600 12px/1.75 'Geist',sans-serif;font-variant-numeric:tabular-nums;color:var(--d-faint);transition:color .15s}
.lg .toc a:hover{color:var(--d-ink)}
.lg .toc a.on{color:var(--d-ink)}
.lg .toc a.on::before{color:#A5B4FC}
/* the section you're in: the nav's lit line, on the rail */
.lg .toc a.on::after{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(180deg,#60A5FA,#2563EB);box-shadow:0 0 10px rgba(59,130,246,.6)}
@media(max-width:1099px){
  .lg .toc{padding:18px 16px 12px;border-radius:var(--d-r);border:1px solid var(--d-line);background:var(--d-surface)}
  .lg .toc .lg-docs{flex-direction:row;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding-bottom:16px}
  .lg .toc .lg-docs a{min-height:30px;padding:0 12px;border:1px solid var(--d-line);font-size:13.5px}
  .lg .toc ol{columns:2;column-gap:24px;border-left:0}
  .lg .toc li{break-inside:avoid}
  .lg .toc a{padding-left:8px;border-left:0}
  .lg .toc a.on::after{display:none}
}
@media(max-width:640px){.lg .toc ol{columns:1}}

/* ---------- sections ---------- */
.lg section{margin-bottom:56px;scroll-margin-top:96px}
/* the number on a hex medallion, the title beside it */
.lg .article section > h2{position:relative;margin:0 0 18px;padding-left:46px;
  font-size:clamp(22px,2.3vw,26px);line-height:1.25;letter-spacing:-.028em;text-wrap:balance}
.lg .article section > h2 .n{position:absolute;left:0;top:calc((1.25em - 32px) / 2);display:grid;place-items:center;width:32px;height:32px;
  font:600 12.5px/1 'Geist',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;color:#EEF2FF;
  clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);
  isolation:isolate;background:linear-gradient(160deg,rgba(147,197,253,.7),rgba(37,99,235,.35))}
.lg .article section > h2 .n::before{content:"";position:absolute;inset:1.5px;z-index:-1;
  clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);
  background:radial-gradient(90% 90% at 30% 20%,#17306B,#0A1024)}
.lg .article section h3{margin:32px 0 10px}
.lg .article ol.body > li::before{color:#93C5FD}
/* the notices the law asks to be conspicuous: kept in capitals, framed */
.lg .article p.caps{margin:0 0 16px;padding:16px 18px;border-radius:12px;border:1px solid var(--d-line-2);background:var(--d-surface);
  text-transform:uppercase;font-size:13px;letter-spacing:.02em;line-height:1.8;color:#C3C8D2}
/* tables: a framed panel, hairline rows */
.lg .article table{border-collapse:separate;border-spacing:0;margin:8px 0 24px;border-radius:12px;overflow:hidden;border:1px solid var(--d-line);background:rgba(255,255,255,.012)}
.lg .article th + th,.lg .article td + td{border-left:1px solid var(--d-line)}
.lg .article tr:last-child td{border-bottom:0}
@media(max-width:640px){.lg .article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* ---------- end of the document ---------- */
.lg .foot{margin-top:24px;padding:20px 22px;border-radius:var(--d-r);border:1px solid var(--d-line);background:var(--d-surface)}
.lg .foot p{margin:0;font-size:14.5px;color:var(--d-mute)!important}

@media(max-width:640px){
  .lg .wrap{padding:32px 18px 80px}
  .lg .head{margin-bottom:28px;padding-bottom:24px}
  .lg-print{display:none}
  .lg .head + p{font-size:17.5px}
  .lg section{margin-bottom:44px}
  .lg .article section > h2{padding-left:40px}
  .lg .article section > h2 .n{width:26px;height:26px;top:calc((1.25em - 26px) / 2);font-size:12px}
}

/* ---------- print: the document alone, in ink ---------- */
@media print{
  @page{margin:18mm 16mm}
  html,body{background:#fff!important;color:#111}
  .docs::before,.docs::after,.snav,.snav-wrap,#snavSpacer,.sfoot,.toc,.lg-print,.agent-dock,[data-site-footer]{display:none!important}
  .lg .wrap{display:block!important;max-width:none;padding:0}
  .lg .head{border-color:#bbb}
  .lg .head h1,.lg section h2,.lg section h3,.lg strong,.lg td:first-child{color:#000!important}
  .lg p,.lg li,.lg td,.lg .caps,.lg .callout,.lg .head .meta,.lg .head .meta > span{color:#222!important}
  .lg .head .meta > span:first-child{background:none;outline-color:#999}
  .lg .article section > h2 .n{color:#000;background:none;box-shadow:inset 0 0 0 1px #999}
  .lg .callout,.lg .caps,.lg .article table,.lg .foot{background:none!important;border-color:#bbb!important;outline-color:#999!important;box-shadow:none}
  .lg .callout::before,.lg .callout::after{display:none}
  .lg .callout{padding-left:18px;box-shadow:none}
  .lg .callout b{color:#000}
  .lg a{color:#000!important;text-decoration:underline}
  .lg section{break-inside:auto}
  .lg section h2{break-after:avoid}
}