/* Legal / policy documents — a narrow, readable prose column. */
.legal { max-width: 760px; padding: 44px 0 80px; }
.updated { display: inline-block; font: 500 0.85rem 'Space Grotesk', sans-serif; color: var(--text-muted); margin-top: 10px; }
.legal .lead { font-size: 1.15rem; color: var(--text-muted); margin: 0 0 10px; max-width: 66ch; }
.legal h2 { font-size: 1.45rem; margin: 42px 0 12px; }
.legal h3 { font-size: 1.12rem; margin: 26px 0 8px; }
.legal p { margin-bottom: 14px; max-width: 68ch; }
.legal ul { margin: 0 0 16px; padding-left: 20px; display: grid; gap: 8px; }
.legal li { max-width: 64ch; }
.legal li::marker { color: var(--orange); }
.legal a { font-weight: 600; }
.legal-note { background: var(--cream); border-radius: var(--r-media); padding: 16px 20px; font-size: 0.92rem; color: var(--text-muted); margin: 0 0 26px; max-width: 68ch; }
.legal-note b { color: var(--ink); }

/* section menu (aside) for multi-page content sections (e.g. About) */
.content-nav { display: flex; flex-direction: column; gap: 2px; }
.content-nav .eyebrow { margin-bottom: 10px; }
.content-nav a { padding: 9px 0; color: var(--text-muted); font-weight: 500; border-top: 1px solid var(--border); }
.content-nav a:first-of-type { border-top: none; }
.content-nav a.active { color: var(--orange-deep); font-weight: 700; }
.content-nav a:hover { color: var(--ink); }