/* ==========================================================================
   LEGAL PAGES — small additions on top of secondary.css's .page-hero /
   .legal-layout / .legal-content / .legal-toc / .notice-block. Only what
   secondary.css doesn't already cover.
   ========================================================================== */

/* Smaller, less cinematic hero for legal pages */
.page-hero--legal { padding: calc(var(--nav-h) + 56px) 0 48px; }
.page-hero--legal .page-hero__title { font-size: clamp(30px, 4vw, 46px); }
.page-hero--legal .page-hero__lede { max-width: 600px; }

/* Pure-CSS :target active state for the desktop TOC */
.legal-toc a:target,
.legal-content h2:target ~ * {}
.legal-toc a { border-left: 2px solid transparent; padding-left: 12px; margin-left: -14px; transition: border-color var(--transition-fast), color var(--transition-fast); }

.legal-content .notice-block { margin: 8px 0 24px; }
.legal-content .notice-block p { margin-bottom: 0; }