/* VELANS shared nav + footer for self-contained artefact pages */
/* ---------- SITE NAV ---------- */
.sitenav{background:var(--ground-2);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:60;}
.sitenav-in{max-width:var(--maxw);margin:0 auto;padding:11px 26px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.sitenav .brand{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);margin-right:auto;border:0;}
.sitenav .brand b{color:var(--ink);font-weight:600;}
.sitenav a.nl{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-2);border:1px solid var(--rule-2);border-radius:3px;padding:6px 11px;transition:.2s;}
.sitenav a.nl:hover,.sitenav a.nl[aria-current=page]{border-color:var(--amber);color:var(--amber);}
.sitenav a.nl.lock::after{content:' 🔒';font-size:9px;}

/* ---------- FOOTER ---------- */
footer{padding:40px 0 56px;background:var(--ground-2);border-top:1px solid var(--rule);}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;}
.foot-grid h4{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);font-weight:500;margin-bottom:12px;}
.foot-grid p,.foot-grid li{font-size:14px;color:var(--ink-2);}
.foot-grid ul{list-style:none;padding:0;margin:0;}
.foot-grid li{margin-bottom:7px;}
.foot-grid a{font-size:14px;}
.foot-meta{margin-top:32px;padding-top:20px;border-top:1px solid var(--rule);
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;}


@media(max-width:800px){.foot-grid{grid-template-columns:1fr;}}
@media(max-width:560px){.sitenav-in{padding:10px 18px;}}