/* The five legal pages: privacy, terms, refund, disclaimer, delete-account. Tokens and .p3-read come from p3.css.
   Loaded by the one-line privacy.css, terms.css, refund.css, disclaimer.css, delete-account.css (the build adds a sheet by page name).
   Sober on purpose: no pictures, no motion, the words carry the page. */
.lg{--lg-w:44rem}
.lg--rows{--lg-w:60rem}
.lg-w{width:100%;max-width:calc(var(--wrap) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
.lg>.lg-body{max-width:calc(var(--wrap) + var(--gutter)*2)}
.lg>.lg-body>*{max-width:var(--lg-w)}

/* ---------- first band ---------- */
.lg-intro{padding-block:clamp(28px,4vw,56px) 0}
.lg-intro .p3-intro__h{font-size:clamp(32px,3.6vw,48px)}
.lg-intro .p3-intro__meta{margin-block:var(--s2) 0;padding-block-end:clamp(24px,3vw,32px)}
.lg-intro .fine span{font-variant-numeric:tabular-nums}
/* the other legal pages: from 760 px. On a phone the footer has the same list */
.lg-docs{display:none}
@media (min-width:760px){
  .lg-intro .p3-intro__meta{padding-block-end:var(--s4)}
  .lg-docs{display:flex;flex-wrap:wrap;gap:0 var(--s5);padding-block-end:0}
  .lg-docs a{display:inline-flex;align-items:center;min-height:44px;color:var(--text);font-size:var(--t-15);text-decoration:none;box-shadow:inset 0 0 0 transparent;transition:box-shadow .15s,color .15s}
  .lg-docs a:hover{color:var(--ink);box-shadow:inset 0 -2px 0 var(--line-2)}
  .lg-docs a[aria-current=page]{color:var(--ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--navy)}
}

/* ---------- text ---------- */
.lg-body{padding-block-start:clamp(32px,4.5vw,56px)}
.lg-sec:first-child>div>h2,.lg-body>div>h2:first-child{margin-block-start:0}
/* a link inside running text: a taller touch area, no change to the lines */
.lg-body a{padding-block:10px}
/* lists: rows between hairlines, so a long list can be scanned by its bold labels. No bullets */
.lg-body ul{list-style:none;padding-inline-start:0;margin-block-end:var(--s4)}
.lg-body ul>li{margin:0;padding-block:var(--s3);border-top:1px solid var(--line)}
.lg-body ul>li:first-child{padding-block-start:0;border-top:0}
.lg-body ul>li:last-child{padding-block-end:0}
.lg-body ul ul{margin-block:var(--s3) 0;padding-inline-start:var(--s5)}
/* the part that must not be missed */
.lg-key{margin-block-start:var(--s7);padding:clamp(20px,3vw,32px);background:var(--pale);border-radius:var(--r)}
.lg-key h2{margin-block-start:0}
.lg-key p:last-child{margin-block-end:0}
.lg-key a{text-decoration-color:currentColor}

/* ---------- contents list of the two long pages: a bar under the header up to 1099 px, a side column from 1100 px ---------- */
.lg-toc{align-self:start;min-width:0}
.lg-toc__h{margin-block-end:var(--s2);font-weight:700;color:var(--ink);font-size:var(--t-15)}
.lg-toc__btn{display:none}
.lg-toc a{line-height:1.35;padding-block:var(--s2)}
.lg-toc a[aria-current=true]{color:var(--ink);font-weight:700}
.js .lg-toc__h{display:none}
@media (max-width:1099px){
  .lg--long .lg-grid{grid-template-columns:minmax(0,1fr)}
  .lg-toc__btn{min-width:0;max-width:100%}
  .lg-toc{margin:0 calc(var(--gutter)*-1);padding:0;background:var(--white);border-radius:0;border-bottom:1px solid var(--line)}
  html:not(.js) .lg-toc{padding:var(--s4) var(--gutter)}
  .js .lg-toc{z-index:40}
  .js .lg-toc__btn{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:52px;padding:var(--s2) var(--gutter);border:0;background:none;color:var(--ink);font:400 var(--t-15)/1.35 var(--sans);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .js .lg-toc__btn::after{content:"";flex:none;width:9px;height:9px;margin-inline:auto 4px;border-inline-end:2px solid var(--muted);border-block-end:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px)}
  .js .lg-toc__btn[aria-expanded=true]::after{transform:rotate(-135deg) translate(-2px,-2px)}
  html[dir=rtl].js .lg-toc__btn::after{transform:rotate(-45deg) translate(2px,-2px)}
  html[dir=rtl].js .lg-toc__btn[aria-expanded=true]::after{transform:rotate(135deg) translate(2px,-2px)}
  .lg-toc__t{flex:none;font-weight:700}
  .lg-toc__now{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}
  .js .lg-toc ul{display:none;position:absolute;top:100%;left:0;right:0;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--s2) var(--gutter) var(--s4);background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--sh-2)}
  .js .lg-toc.is-open ul{display:block}
  .lg-toc li+li{border-top:1px solid var(--line)}
  .lg-toc a{min-height:48px}
}
/* the bar stays in view while reading, except on a very low screen (a phone on its side) */
@media (max-width:1099px) and (min-height:560px){
  .js .lg-toc{position:sticky;top:var(--hdr)}
  html{scroll-padding-top:calc(var(--hdr) + 68px)}
}
@media (max-width:1099px) and (max-height:559px){.js .lg-toc{position:relative}}
@media (min-width:1100px){
  .lg-toc{padding:var(--s4);font-size:var(--t-s)}
  .lg-toc__h,.js .lg-toc__h{display:block}
  .lg-toc a{min-height:44px;padding-inline:var(--s2);margin-inline:calc(var(--s2)*-1);border-radius:var(--r-s)}
  .lg-toc a:hover{background:var(--pale-2);text-decoration:none}
  .lg-toc a[aria-current=true]{background:var(--white)}
  .lg-toc ul{display:block}
}

/* ---------- service limits: heading beside its sentence, so eight short rules can be scanned ---------- */
.lg-lead{font-size:var(--t-l);line-height:1.6;max-width:44rem;margin-block-end:var(--s6)}
html[lang=ar] .lg-lead{line-height:1.8}
.lg-row{padding-block:var(--s5);border-top:1px solid var(--line)}
.lg-row h2{margin-block:0 var(--s2);font-size:var(--t-h3)}
.lg-row p{margin:0;max-width:40rem}
@media (min-width:760px){
  .lg-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,9fr);gap:var(--s6);align-items:baseline}
  .lg-row h2{margin:0}
}

/* ---------- delete your account: numbered steps, a time line ---------- */
.lg-steps,.lg-body .lg-steps{padding:0;list-style:none;counter-reset:lg}
.lg-steps>li{position:relative;counter-increment:lg;margin:0;padding-inline-start:52px;padding-block-end:var(--s5)}
.lg-steps>li::before{content:counter(lg);position:absolute;inset-inline-start:0;top:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--white);font:700 var(--t-15)/1 var(--sans);font-variant-numeric:tabular-nums}
.lg-case{display:block;padding-block:var(--s3);border-top:1px solid var(--line)}
.lg-case:first-child{padding-block-start:0;border-top:0}
.lg-case:last-child{padding-block-end:0}
.lg-note{margin-block:var(--s2) var(--s4)}
.lg-note p{margin:0}
.lg-note a{overflow-wrap:anywhere;padding-block:12px}
.lg-body .lg-time{margin-block:var(--s4) var(--s5)}
.lg-body .lg-time>li,.lg-body .lg-time>li:first-child,.lg-body .lg-time>li:last-child{position:relative;padding-block:0 var(--s5);padding-inline-start:32px;border:0}
.lg-body .lg-time>li:last-child{padding-block-end:var(--s3)}
.lg-time>li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:14px;height:14px;border-radius:50%;background:var(--navy)}
.lg-time>li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:6px;top:calc(.55em + 14px);bottom:calc(-.55em);width:2px;background:var(--line-2)}

/* ---------- on paper: the text only ---------- */
@media print{
  .hdr,.ftr,.skip,.lg-docs,.lg-toc{display:none!important}
  .lg-intro{background:none;padding:0}
  .lg-grid{display:block;padding:0}
  .lg-body{padding:var(--s4) 0 0;max-width:none;font-size:12pt}
  .lg-key{background:none;padding:0;border-radius:0}
  .lg-body a{color:inherit}
}
@media (forced-colors:active){.lg-time li::before,.lg-steps>li::before{forced-color-adjust:none;background:CanvasText;color:Canvas}.lg-docs a[aria-current=page]{text-decoration:underline}}
@media (max-width:479px){.lg-steps .lg-case:first-child{min-height:6.4em}}
