/* T22 Text / legal page */
.lg-hero { padding-bottom: 40px; }
.psb h1.lg-title { color: var(--text-primary); line-height: 1.05; font-size: clamp(2.5rem, 1.5rem + 3.6vw, 4rem); }
.lg-hero .psb-note { font-size: 13px; }

.lg-toc-h { font: 700 var(--fs-caption)/1.33 var(--font-body) !important; letter-spacing: .06em !important; text-transform: uppercase; color: var(--text-muted); margin-bottom: 4px !important; }

.lg-body { max-width: 760px; }
.lg-body section { scroll-margin-top: 104px; }
.lg-body > section + section { margin-top: 1.4em; }
.lg-body h2 { margin: 0 0 .5em; font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem); }
.lg-body a { font-weight: 600; }

.lg-short { --media-bg: var(--butter-100); gap: 6px; padding: 22px 26px; font-size: 17px; line-height: 1.6; }
.lg-short h2 { margin: 0; font: 700 var(--fs-h5)/1.4 var(--font-body); color: var(--ink-900); }
.lg-short p { color: var(--ink-900); }

.lg-draft { margin-top: 2em !important; color: var(--accent); }
/* templates.css collapses .psb-layout--toc to "1fr" (= minmax(auto,1fr)) - wide children (tables) then overflow the viewport */
@media (max-width: 1100px) { .psb-layout.psb-layout--toc { grid-template-columns: minmax(0, 1fr); } }