/* doc.css — the document pages (/company, /privacy, /terms), layered over corona.css
   which supplies fonts, tokens, header and footer. Served under a content-hashed key
   (doc.<md5-8>.css) with the same park-before-edit rule as corona.css. The pages carry
   no canvas: body.nf gives them the void directly (see corona.css); body.doc-page is the page hook, .doc the article box. */
body.doc-page main{padding:0 var(--gutter)}
.doc{max-width:720px;margin:0 auto;padding:clamp(120px,18vh,180px) 0 clamp(64px,10vh,120px)}
.doc .kicker{margin-bottom:22px}
.doc h1{font-size:clamp(2.4rem,6vw,4.6rem);margin-bottom:26px}
.doc .lede{margin-top:0;max-width:52ch}
.doc .meta{margin-top:18px}
.doc h2{font-variation-settings:"opsz" 48;font-weight:400;font-size:clamp(1.25rem,2.2vw,1.6rem);letter-spacing:-.01em;margin:52px 0 14px;padding-top:18px;border-top:1px solid var(--hair)}
/* body copy only — .mono (kicker, meta) and .lede keep their corona.css scale */
.doc p:not(.mono):not(.lede),.doc li{font-size:1.02rem;line-height:1.6;opacity:.86;max-width:62ch}
.doc p+p{margin-top:14px}
.doc ul{padding-left:1.1em;margin-top:8px}
.doc li+li{margin-top:6px}
.doc a{border-bottom:1px solid rgba(244,242,236,.35)}
.doc a:hover,.doc a:focus-visible{border-color:var(--flare)}
.doc .facts{display:grid;grid-template-columns:auto 1fr;column-gap:32px;row-gap:12px;margin-top:32px;font-family:var(--mono);font-size:.82rem;letter-spacing:.02em;line-height:1.5}
.doc .facts dt{color:var(--ash);white-space:nowrap}
.doc .facts dd{color:var(--corona);opacity:.86}
@media (max-width:760px){
  .doc .facts{grid-template-columns:1fr;row-gap:4px}
  .doc .facts dt{margin-top:10px}
}
.doc code{font-family:var(--mono);font-size:.9em}