/* Shared navigation preserves the approved mockup typography and spacing. */
.spine a { color:inherit; text-decoration:none; }
.nav-items { position:absolute; left:0; top:16.5%; width:100%; display:grid; gap:.55cqw; }
.nav-button { display:flex; align-items:center; border:0; padding:0 0 0 1.5cqw; background:none; text-align:left; font-size:1.144cqw; line-height:1.2; min-height:3.05cqw; position:relative; transform:scale(.8); transform-origin:1.5cqw center; }
.nav-button:hover,.nav-button:focus-visible { color:#fff; text-shadow:0 0 15px #fff8; }
.nav-button[aria-current="page"] { color:#fff; }
a:focus-visible { outline:2px solid #fff; outline-offset:5px; }
@media(max-width:760px) {
 .nav-items { position:static; display:flex; justify-content:space-between; gap:8px; width:100%; }
 .nav-button { font-size:15.4px; min-height:36px; padding:4px 2px; text-shadow:0 1px 5px black; }
}