/* Navigation adapter for the compact guide templates. */
header.top { position: sticky; top: 0; z-index: 20; min-height: 80px; }
header.top > nav { display:flex; align-items:center; gap:18px; margin-left:auto; font:600 13px var(--sans); }
header.top > nav a { margin:0; color:var(--muted); text-decoration:none; white-space:nowrap; }
/* One nowrap row down to the 700px menu breakpoint: tighten the gap through
   the narrow band rather than letting a label break mid-word. */
@media(max-width:980px){ header.top > nav{gap:13px} }
header.top > nav a[aria-current="page"] { color:#066165; background:var(--teal-tint); border-radius:8px; }
header.top > nav a.btn { background:var(--dark); color:#fff; padding:10px 16px; border-radius:8px; font-weight:700; font-size:13px; }
.mobile-menu { display:none; }
:where(a,button,summary):focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
@media(max-width:900px){
  header.top > nav{display:none}
  .mobile-menu{display:block;margin-left:auto}
  .mobile-menu summary{cursor:pointer;border:1px solid var(--line-soft);padding:7px 12px;list-style:none;font:600 13px var(--sans)}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary::after{content:" +";color:var(--accent)}
  .mobile-menu[open] summary::after{content:" −"}
  .mobile-menu nav{position:absolute;right:0;top:62px;z-index:30;min-width:240px;padding:10px;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 55px rgba(33,54,69,.10);border-radius:12px;display:flex;flex-direction:column}
  .mobile-menu nav a{margin:0;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font:600 13px var(--sans)}
  .mobile-menu nav a.primary{margin-top:8px;background:var(--ink);color:var(--bg)}
}