/* vntr.vc legal pages, VERSION 2 only (terms-v2.html, privacy-v2.html, code-of-conduct-v2.html). Loaded after
   style.css and home.css; body carries .lg. One template for the three documents: a compact beige header (switcher
   between the three documents · title · date when the document has one) and a white body — a sticky contents list
   on the left, the document text on the right; the contents list hides below 1000px.
   Text is 1:1 with the live vntr.vc pages; only headings are set in sentence case.
   Rules: palette tokens only; no eyebrows; no trailing periods in headings; Taviraj for headings only, Poppins for the
   rest; no dark surfaces; no buttons. */

.lg section[class*="tone-"] { padding: calc(var(--section-y) / 2) 0; }

/* ——— 1 · header ——— */
.lg .lg-head { padding: clamp(32px, 4vw, 56px) 0 clamp(28px, 3.2vw, 44px); }
.lg-docs { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0 0 clamp(20px, 2.4vw, 32px); padding: 0; list-style: none; }
.lg-docs a { font: 500 14px/1.3 var(--sans); color: var(--mute); text-decoration: none; transition: color .2s ease; }
.lg-docs a:hover { color: var(--royal); }
.lg-docs a[aria-current="page"] { color: var(--ink); }
.lg .lg-head h1 { font-size: clamp(34px, 4.2vw, 62px); line-height: 1.02; letter-spacing: -.035em; margin: 0; color: var(--ink); text-wrap: balance; }
.lg-meta { margin: 16px 0 0; font: 400 16px/1.5 var(--sans); color: var(--mute); }

/* ——— 2 · body: contents | text ——— */
.lg #doc { padding-top: clamp(28px, 3.2vw, 44px); }
.lg-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(48px, 5vw, 80px); align-items: start; }
.lg-toc { display: none; }
@media (min-width: 1000px) {
  .lg-body { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  .lg-toc { display: block; position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow: auto; }
}
.lg-toc ol { margin: 0; padding: 0; list-style: none; }
.lg-toc a { display: block; padding: 5px 0; font: 400 14px/1.4 var(--sans); color: var(--mute); text-decoration: none; transition: color .2s ease; }
.lg-toc a:hover, .lg-toc a.is-on { color: var(--royal); }

.lg-text { min-width: 0; max-width: 44em; }
.lg-text section { scroll-margin-top: 96px; padding: clamp(24px, 2.6vw, 36px) 0 0; }
.lg-text section:first-child { padding-top: 0; }
.lg-text h2 { font-size: clamp(24px, 2.2vw, 32px); line-height: 1.1; letter-spacing: -.02em; margin: 0 0 20px; max-width: none; }
.lg-text h3 { font: 400 clamp(19px, 1.5vw, 22px)/1.25 var(--serif); letter-spacing: -.01em; margin: 24px 0 10px; color: var(--ink); }
.lg-text p, .lg-text li { font: 400 15.5px/1.65 var(--sans); color: var(--ice-2); text-wrap: pretty; }
.lg-text p { margin: 0 0 14px; }
.lg-text ul, .lg-text ol { margin: 0 0 14px; padding-left: 22px; }
.lg-text li { margin: 0 0 8px; padding-left: 4px; }
.lg-text strong { font-weight: 600; color: var(--ink); }
.lg-text a { color: var(--royal); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.lg-text a:hover { color: var(--navy); }
.lg-text .lg-caps { font-size: 14px; letter-spacing: .01em; }   /* the all-caps legal paragraphs, kept as written */

@media (prefers-reduced-motion: reduce) { .lg-docs a, .lg-toc a { transition: none; } }