/* Mano a Mano — shared site navigation (2026-10-17 revamp)
   Desktop: inline links. ≤1040px: a "Menu" button opens the links as a panel under the header.
   Used by every page (the home page's fixed night-sky header and the ivory sticky header on sub-pages). */
.menu-btn{display:none;font:inherit;font-weight:400;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;background:none;
  border:1px solid currentColor;border-radius:999px;padding:7px 16px;color:inherit;cursor:pointer;opacity:.9}
.menu-btn:hover{opacity:1}
@media (max-width:1040px){
  .menu-btn{display:inline-block}
  .top nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--ivory,#f7f2e9);color:var(--ink,#2c2118);
    border-bottom:1px solid rgba(185,138,60,.35);padding:4px 0 10px;box-shadow:0 14px 30px rgba(10,12,34,.14);white-space:normal}
  .top nav.open{display:flex}
  .top nav a{display:block;margin:0;padding:12px clamp(18px,4vw,44px);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ink,#2c2118);opacity:1;border-top:1px solid rgba(185,138,60,.18);border-bottom:0}
  .top nav a.on{color:var(--gold,#b98a3c)}
}