/* menu.css — mobile hamburger dropdown for the top nav links (home & about) */

@media (max-width: 620px) {
  #menu-btn { display: inline-flex; }
  .nav-tools { margin-left: auto; }
  .nav-links {
    position: fixed; top: 52px; left: 0; right: 0; flex-direction: column; gap: 0;
    background: var(--nav-bg);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid var(--border);
    padding: .4rem 1.3rem 1rem; margin-left: 0;
    opacity: 0; visibility: hidden; transform: translateY(-100%);
    transition: transform .32s cubic-bezier(.2, .7, .2, 1), opacity .32s ease, visibility 0s linear .32s;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.14);
  }
  .nav-links.open {
    opacity: 1; visibility: visible; transform: translateY(0);
    transition: transform .32s cubic-bezier(.2, .7, .2, 1), opacity .32s ease, visibility 0s;
  }
  .nav-links a { padding: .85rem .2rem; font-size: 1.05rem; color: var(--text); border-bottom: 1px solid var(--border); }
  .nav-links a:last-child { border-bottom: none; }
}