/* runAtlas legal pages (v1.2: Privacy notice, TTS terms of service, TTS acceptable use policy; policies/*.txt from the team).
   The documents' text as given, in the site's type roles and tokens only: the opening as on the other text pages, then a column that
   stays in view (the contents, and the three documents) beside a reading column with the numbered sections as in the documents.
   A placeholder the team has still to fill ([email address], [insert email], [INSERT URL]) is marked .lg-ph so it cannot ship unnoticed. */
.lg-open{padding-bottom:clamp(40px,4vw,64px)}
.lg-open .h1{max-width:11.5em}
.lg-open .lede{margin-top:28px}
.lg-body{padding:0 0 var(--sec)}
.lg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:start;border-top:1px solid var(--line)}

/* the side column: contents, then the three documents */
.lg-side{grid-column:1 / 4;position:sticky;top:calc(var(--navh) + 24px);max-height:calc(100svh - var(--navh) - 48px);overflow:auto;padding:32px 8px 24px 0;scrollbar-width:thin}
.lg-side .lg-lab{font:500 var(--s-small)/1.4 var(--f);color:var(--fg);margin-bottom:12px}
.lg-side ol,.lg-side ul{display:grid;row-gap:8px}
.lg-side a{display:block;font:500 var(--s-small)/1.4 var(--f);color:var(--fg2);transition:color .2s}
.lg-side a:hover,.lg-side a[aria-current="page"]{color:var(--fg)}
.lg-side .lg-docs{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}

/* the reading column */
.lg-text{grid-column:5 / 12;max-width:44em;padding-top:32px}
.lg-text>*+*{margin-top:14px}
.lg-text p,.lg-text li{font:400 var(--s-body)/1.65 var(--f);color:var(--fg2)}
.lg-text strong{font-weight:600;color:var(--fg)}
.lg-h{font:var(--w-h3) var(--s-lede)/1.3 var(--f);letter-spacing:-.012em;color:var(--fg);padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--navh) + 24px)}
.lg-text>*+.lg-h{margin-top:56px}
.lg-h .lg-n,.lg-sub .lg-n{color:var(--fg2);margin-right:.45em}
.lg-sub{font:600 var(--s-body)/1.5 var(--f);color:var(--fg)}
.lg-text>*+.lg-sub{margin-top:28px}
.lg-text ul{display:grid;row-gap:10px}
.lg-text li{position:relative;padding-left:22px}
.lg-text li::before{content:'';position:absolute;left:4px;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--fg2)}
.lg-text li ul{margin-top:10px}
.lg-text li li::before{background:none;box-shadow:inset 0 0 0 1px var(--fg2)}
.lg-cl{position:relative;padding-left:2.4em}
.lg-cl>.lg-n{position:absolute;left:0;top:0;color:var(--fg2)}
.lg-notice{padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:var(--glass-edge)}
.lg-text a{color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px;overflow-wrap:anywhere;transition:text-decoration-color .2s}
.lg-text a:hover{text-decoration-color:#fff}
.lg-ph{background:rgba(226,70,42,.24);color:#fff;box-shadow:inset 0 0 0 1px var(--verm);border-radius:4px;padding:1px 5px}

@media (max-width:760px){
  .lg-side{grid-column:1 / -1;position:static;max-height:none;overflow:visible;padding:24px 0 8px}
  .lg-side .lg-docs{margin-top:24px}
  .lg-text{grid-column:1 / -1;max-width:none;padding-top:24px}
  .lg-text>*+.lg-h{margin-top:44px}
}