/* The studio's phone Menu for the sections built before the rebuild (writing, blog, podcasts,
   goonies). Their own inline styles stay; this file adds the Menu so every link is reachable at
   phone width. Written by scripts/sitegen/build_lastgoonie.py; the rules match css/style.css. */
nav .nav-more { display: none; position: relative; }
nav .nav-more summary { white-space: nowrap; list-style: none; cursor: pointer; font-family: var(--sans, 'Bricolage Grotesque', system-ui, sans-serif); font-weight: 700; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink, #2A2018); padding: 0.55rem 0.3rem; }
nav .nav-more summary::-webkit-details-marker { display: none; }
nav .nav-more[open] summary { color: var(--oxblood, #7A1E1E); }
nav .nav-more .nav-more__panel { position: absolute; right: 0; top: calc(100% + 0.7rem); min-width: 12rem; display: grid; padding: 0.5rem 0; background: var(--paper, #FAF5EA); border: 1px solid var(--border, rgba(42, 32, 24, 0.1)); border-top: 3px solid var(--oxblood, #7A1E1E); box-shadow: 0 14px 30px rgba(42, 32, 24, 0.18); z-index: 200; }
nav .nav-links .nav-more .nav-more__panel a { display: block; padding: 0.7rem 1.2rem; font-size: 0.98rem; border: 0; color: var(--ink, #2A2018); text-decoration: none; }
nav .nav-links .nav-more .nav-more__panel a.current,
nav .nav-links .nav-more .nav-more__panel a:hover { color: var(--oxblood, #7A1E1E); }
@media (max-width: 720px) {
  nav .nav-links > a:not(.btn-nav) { display: none; }
  nav .nav-links .nav-more { display: block; }
}