/* VLPremier Pro · legal placeholder page layout. DESIGN PROTOTYPE ONLY. */
.l-hero { padding-top: calc(var(--nav-h) + 64px); padding-bottom: 48px; }
.l-hero h1 { margin-top: 20px; }
.l-hero .callout { margin-top: 28px; }
.l-body { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: start; padding-bottom: var(--section-y); }
.toc { position: sticky; top: calc(var(--nav-h) + 32px); }
.toc p { margin-bottom: 12px; font: 600 14px/1.3 var(--font-display); color: var(--muted); }   /* 2026-10-29: sentence case, no mono capitals */
.toc ol { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--line); }
.toc a { display: block; padding: 8px 0 8px 16px; margin-left: -1px; border-left: 1px solid transparent; color: var(--muted); text-decoration: none; font-size: var(--fs-sm); transition: color var(--t-tap), border-color var(--t-tap); }
.toc a:hover { color: var(--text); }
.toc a[aria-current] { color: var(--text); border-left-color: var(--accent); }
.l-sec + .l-sec { margin-top: var(--s-14); padding-top: var(--s-14); border-top: 1px solid var(--line); }
.l-sec h2 { font-size: clamp(26px, 2.6vw, 34px); }
.l-sec p { margin-top: 16px; color: var(--muted); max-width: 68ch; }
@media (max-width: 860px) { .l-body { grid-template-columns: minmax(0, 1fr); } .toc { position: static; } }