/* Legal pages (lg-): Privacy policy and Terms. Same file in pages/privacy-policy and pages/terms. */
.lg-hero{padding:132px 0 34px;text-align:left}
.lg-hero .phero-copy{align-items:flex-start;width:min(1080px,100% - 40px);margin:0 auto}
.lg-eyebrow{margin:0 0 14px;font:500 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--coral)}
.lg-hero .phead{font-size:clamp(38px,5vw,64px);padding-inline:0;text-shadow:var(--glow-h2)}
.lg-hero .psub{margin:18px 0 0;max-width:62ch;padding-inline:0;text-wrap:pretty}
.lg-date{margin:20px 0 0;font:400 13.5px/1.5 var(--mono);color:var(--tx3)}
.lg-date b{font-weight:500;color:var(--tx2)}
.lg-body{display:grid;grid-template-columns:230px minmax(0,72ch);gap:56px;justify-content:center;width:min(1080px,100% - 40px);margin:0 auto;padding:26px 0 120px;position:relative;z-index:var(--z-base)}
.lg-toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding:18px 18px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(180deg,var(--s2),var(--s1))}
.lg-toc h2{margin:0 0 10px;font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.lg-toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.lg-toc li{counter-increment:t}
.lg-toc a{display:flex;gap:8px;padding:5px 0;font-size:14px;line-height:1.4;color:var(--tx2);text-decoration:none}
.lg-toc a::before{content:counter(t);min-width:1.5em;font:400 12px/1.7 var(--mono);color:var(--tx3)}
.lg-toc a:hover{color:var(--tx)}
.lg-toc a:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:4px}
.lg-doc{min-width:0;font-size:16.5px;line-height:1.7;color:#C9C9D1;counter-reset:s}
.lg-doc section{scroll-margin-top:96px;padding-top:8px}
.lg-doc section+section{margin-top:36px;padding-top:36px;border-top:1px solid var(--line)}
.lg-doc h2{counter-increment:s;margin:0 0 14px;font:600 24px/1.25 var(--display);letter-spacing:-.012em;color:var(--head)}
.lg-doc h2::before{content:counter(s) ". ";color:var(--coral)}
.lg-doc h3{margin:26px 0 8px;font:600 17.5px/1.35 var(--sans);color:var(--tx)}
.lg-doc p{margin:0 0 14px}
.lg-doc ul{margin:0 0 16px;padding-left:1.25em}
.lg-doc li{margin:0 0 8px;padding-left:.2em}
.lg-doc li::marker{color:var(--coral)}
.lg-doc strong{color:var(--tx);font-weight:600}
.lg-doc a{color:var(--coral-h);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.lg-doc a:hover{color:var(--tx)}
.lg-doc a:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:3px}
.lg-doc .caps{font-size:14.5px;line-height:1.65;letter-spacing:.005em}
.lg-note{margin:0 0 28px;padding:14px 16px;border:1px solid var(--line-2);border-left:3px solid var(--coral);border-radius:10px;background:var(--s1);font-size:15px;line-height:1.6;color:var(--tx2)}
@media (max-width:900px){
  .lg-body{grid-template-columns:minmax(0,1fr);gap:28px}
  .lg-toc{position:static;max-height:none}
}
@media (max-width:640px){
  .lg-hero{padding-top:112px}
  .lg-hero .phero-copy,.lg-body{width:calc(100% - 32px)}
  .lg-hero .phead{font-size:clamp(34px,10vw,44px)}
  .lg-doc{font-size:16px}
  .lg-doc h2{font-size:21px}
  .lg-toc a{padding:7px 0}
}
