/**
 * Legal pages (Privacy Policy, Terms & Conditions).
 *
 * The `.legal` component exists in the approved build's pages.css and has no
 * counterpart anywhere in vgtme.css, so without this file the two legal pages
 * render as unstyled default text. Every rule below is a verbatim port of
 * ProjectHTML/pages.css lines 358-368 — including `var(--muted)`, which is
 * undefined in BOTH stylesheets and therefore resolves to the inherited body
 * colour. That is what the approved build does; reproducing it exactly is the
 * point, so the undefined variable is deliberate, not an oversight.
 *
 * Loaded only on posts flagged `_vgt_legal_page` (see includes/legal-pages.php),
 * so it cannot reach any other page. `.legal` appears nowhere else in the theme,
 * so unlike vgt-sections.css this needs no extra scoping — and because every
 * selector here carries a class, each one already outranks the Bootstrap reboot
 * in vendors.min.css (`p{margin-bottom:1rem}`, `h1..h6{margin-bottom:.5rem}`).
 */

.legal{color:var(--muted);font-size:1.02rem;line-height:1.8}
.legal h2{font-family:var(--ff-head);font-size:1.35rem;color:var(--ink);margin:2.4em 0 .5em;padding-bottom:10px;border-bottom:1px solid rgba(8,8,9,.1)}
.legal h2:first-of-type{margin-top:.6em}
.legal h3{font-family:var(--ff-head);font-size:1.06rem;color:var(--ink);margin:1.6em 0 .35em}
.legal p{margin:0 0 1em}
.legal ul{margin:.4em 0 1.4em 1.3em;padding:0}
.legal li{margin:.45em 0}
.legal strong{color:var(--ink)}
.legal em{font-style:italic}
.legal a{color:var(--gold);text-decoration:underline}
.legal .legal-updated{font-size:.92rem;color:var(--gold);font-weight:700;margin-bottom:2em}