/* Shared nav/footer parity rules (code-review dedupe) — linked by every
   legal page instead of a pasted <style> block. Served at /js/nav-parity.css
   (no-cache) so style changes propagate immediately. */
/* nav/footer parity with the homepage (same classes, same look) */
    :root { --text: var(--fg); --on-accent: #FFFFFF; --radius: 10px; --maxw: 1080px; --gutter: 24px; }
    .nav { position: sticky; top: 0; z-index: 50; background: rgba(244,247,251,.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
    .nav-inner { max-width: var(--maxw); margin: 0 auto; padding: 14px var(--gutter); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
    .brand, a.brand { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.08rem; letter-spacing: -.035em; text-decoration: none; }
    .wm-web { color: var(--text); } .wm-profile { color: var(--accent); }
    .nav-links { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; }
    .nav-links a { display: block; padding: 8px 12px; border-radius: 999px; color: var(--muted); font-size: .95rem; font-weight: 500; text-decoration: none; }
    .nav-links a:hover { color: var(--text); background: rgba(37,99,235,.08); }
    .btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 999px; font-weight: 600; font-size: .95rem; border: 0; background: var(--accent); color: var(--on-accent); cursor: pointer; text-decoration: none; transition: filter .15s; }
    .btn:hover { filter: brightness(1.08); }
    .btn.ghost { background: transparent; color: var(--accent); border: 1px solid var(--border); }
    .btn.ghost:hover { background: rgba(37,99,235,.06); filter: none; }
    .footer { background: var(--bg); border-top: 1px solid var(--border); padding: 28px var(--gutter); color: var(--muted); font-size: .88rem; max-width: var(--maxw); margin: 0 auto; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; }
    .footer a { color: var(--muted); } .footer a:hover { color: var(--text); }
    @media(max-width:820px){ .nav-links { display: none; } .nav .btn { padding: 7px 14px; font-size: .85rem !important; } .footer { flex-direction: column; text-align: center; gap: 8px; } }