/* The terms page (theme/pages/terms-conditions/, served at /terms-conditions/): the privacy page's plain legal layout
   (theme/pages/privacy/style.css, whose header has the why), its rules equal those but the H3s, the lists and the
   tables, which this page has none of. Every rule scoped to .pg-terms-conditions, every class lg-, and no k- class
   restyled. Tokens only, so the dark theme follows. 2026-10-28, the cutover's legal pages (CUTOVER_PLAN B9). */

.pg-terms-conditions .lg{padding:36px 0 120px;background:var(--ground)}
.pg-terms-conditions .lg-head{max-width:760px}
.pg-terms-conditions .lg-grid{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:72px;align-items:start;margin-top:56px}

/* the contents: a numbered list of the H2s, kept in view while the page scrolls */
.pg-terms-conditions .lg-toc{position:sticky;top:calc(var(--nav-h) + 32px)}
.pg-terms-conditions .lg-toc p{margin:0 0 14px;font:500 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.pg-terms-conditions .lg-toc ol{margin:0;padding:0;list-style:none;counter-reset:lg;border-left:1px solid var(--line)}
.pg-terms-conditions .lg-toc li{counter-increment:lg;margin:0}
.pg-terms-conditions .lg-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);padding:7px 0 7px 16px;font:500 14.5px/1.4 var(--sans);color:var(--k-text);text-decoration:none}
.pg-terms-conditions .lg-toc a::before{content:counter(lg,decimal-leading-zero);font:500 12px/1.6 var(--mono);color:var(--mute)}
.pg-terms-conditions .lg-toc a:hover{color:var(--ink)}

/* the text */
.pg-terms-conditions .lg-body{max-width:720px;min-width:0}
.pg-terms-conditions .lg-body h2{margin:0 0 16px;font:600 clamp(23px,2vw,28px)/1.25 var(--display);letter-spacing:-.02em;color:var(--ink2);text-wrap:balance;scroll-margin-top:calc(var(--nav-h) + 24px)}
.pg-terms-conditions .lg-body h2:not(:first-child){margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
.pg-terms-conditions .lg-body p{margin:0 0 16px;font:400 17px/1.7 var(--sans);color:var(--k-text);text-wrap:pretty}
.pg-terms-conditions .lg-body a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}

.pg-terms-conditions :where(.lg-toc a,.lg-body a):focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}

@media (max-width:1000px){
  .pg-terms-conditions .lg-grid{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:40px}
  .pg-terms-conditions .lg-toc{position:static;max-width:720px}
}
@media (max-width:760px){
  .pg-terms-conditions .lg{padding:28px 0 72px}
  .pg-terms-conditions .lg-body h2:not(:first-child){margin-top:36px;padding-top:30px}
  .pg-terms-conditions .lg-body p{font-size:16px}
}