/* === Shared Header / Logo / Nav styles (extracted from index.html) === */
/* Editing these will update all pages that link to style.css */
header{position:fixed; inset:0 0 auto 0; z-index:1000;
      display:flex; align-items:center; justify-content:space-between;
      height:72px; padding:0 2.5%;
      background:rgba(255,255,255,0.75);
      backdrop-filter:blur(6px);
      border-bottom:1px solid var(--border);
      transition:background .25s ease, box-shadow .25s ease;}

.logo{font-size:.95rem; font-weight:200}

.logo a{color:inherit; text-decoration:none}

nav{display:flex; gap:28px}

nav a{font-weight:200; text-decoration:none; color:var(--muted); position:relative; font-size:.95rem}

nav a:hover{color:var(--ink)}

nav a::after{content:""; position:absolute; left:0; bottom:-4px; height:1px; width:0; background:var(--ink); transition:width .25s ease}

nav a:hover::after{width:100%}