/* Legal pages — plain, readable, brand-consistent. Reuses style.css tokens. */
.legal-wrap{max-width:48rem;margin-inline:auto;padding:var(--sp) var(--sp) var(--sec)}
.legal-hero{background:var(--blue);color:#fff;padding:var(--sec) 0 calc(var(--sec) * .7)}
.legal-hero .wrap{max-width:48rem}
.legal-hero h1{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em}
.legal-hero p{margin-top:.6rem;opacity:.85;font-size:var(--fs-sm)}
.legal-wrap h2{font-size:var(--fs-lg);font-weight:800;margin:var(--gap) 0 .6rem;color:var(--blue-d)}
.legal-wrap h2:first-child{margin-top:0}
.legal-wrap p,.legal-wrap li{font-size:var(--fs-md);color:var(--ink);line-height:1.75}
.legal-wrap ul{padding-inline-start:1.3rem;display:grid;gap:.5rem;margin:.5rem 0}
.legal-wrap .updated{color:var(--muted);font-size:var(--fs-sm);margin-bottom:var(--gap)}
.legal-wrap a{color:var(--blue);font-weight:600}
.legal-note{background:var(--gold-soft);border-inline-start:4px solid var(--gold);border-radius:0 var(--r) var(--r) 0;padding:1rem 1.2rem;margin:var(--gap) 0;font-size:var(--fs-sm)}
.backlink{display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--gap);font-weight:700;text-decoration:none;color:var(--blue)}

/* Footer on legal/policy pages: a clean padded bar with a horizontal link row. */
.foot > .wrap{padding:1.8rem 0}
.foot > .wrap > p{margin:0 0 1rem;color:#B9C6D2}
.foot .foot-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem 1.5rem}
.foot .foot-links a{color:#B9C6D2;text-decoration:none;font-size:var(--fs-sm)}
.foot .foot-links a:hover{color:#fff;text-decoration:underline}