/* A short list attached to the existing Menu button. */
#site-menu {
  inset: 79px 33px auto auto;
  width: 270px;
  max-width: calc(100vw - 32px);
  max-height: calc(100svh - 96px);
  overflow: auto;
  padding: 0 17px 17px;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  animation: compact-menu-enter 180ms ease-out both;
}
.compact-menu-links {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 0;
  padding-top: 12px;
}
.compact-menu-links a {
  display: block;
  padding: 8px 0;
  text-align: right;
  font-family: var(--hand);
  font-size: 29px;
  font-weight: 600;
  line-height: 1.2;
  color: #ead6cd;
  transition: color 140ms ease, transform 140ms ease;
}
.compact-menu-links a:hover,
.compact-menu-links a:focus-visible { color: #fff5e9; transform: translateX(-4px); }
.compact-menu-links a[aria-current="page"] { color: #fff5e9; }
.compact-menu-links a:focus-visible { outline-offset: 3px; }
@keyframes compact-menu-enter { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 900px) {
  #site-menu { top: 68px; right: 16px; width: 244px; }
  .compact-menu-links a { font-size: 27px; }
}
.no-motion #site-menu { animation: none; }
@media (prefers-reduced-motion: reduce) {
  #site-menu { animation: none; }
  .compact-menu-links a { transition: none; }
}

/* Quiet icon navigation, with one shared music state on every inner page. */
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto;pointer-events:auto}
.site-nav .nav-button{width:54px;height:54px;min-height:54px;justify-content:center;padding:9px}
.site-nav .nav-button svg{width:36px;height:36px;flex-shrink:0}
.site-nav .nav-button:hover,.site-nav .nav-button:focus-visible{background:transparent;transform:none;color:#fff1da}
.site-nav .nav-button:hover svg,.site-nav .nav-button:focus-visible svg{filter:brightness(1.25) drop-shadow(0 0 3px #ffe5b830)}
#nav-music .nav-music-off{display:none}
#nav-music[aria-pressed="false"] .nav-music-on{display:none}
#nav-music[aria-pressed="false"] .nav-music-off{display:block}