.legal-hero { background: var(--cream); border-bottom: 1px solid var(--line); }
.legal-hero__inner { padding: 32px var(--gutter) 24px; display: flex; flex-direction: column; gap: 10px; }
.legal-hero__meta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; color: var(--graphite); }
.legal-hero__updated { padding: 5px 12px; border-radius: var(--radius-pill); background: var(--forest-100); color: var(--forest-900); font-weight: 600; font-size: 13px; }
.legal-hero__subtitle { max-width: 640px; margin: 0; }

@media (min-width: 768px) { .legal-hero__inner { padding: 48px var(--gutter) 32px; } }
