/* Mobile navigation — shared by every page. */
.nav-toggle { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: -8px; padding: 0; border: 0; background: none; color: #d4d4d4; cursor: pointer; }
.nav-toggle-bars, .nav-toggle-bars::before, .nav-toggle-bars::after { display: block; width: 20px; height: 1.5px; background: currentColor; transition: transform .25s ease, opacity .2s ease; }
.nav-toggle-bars { position: relative; }
.nav-toggle-bars::before, .nav-toggle-bars::after { content: ""; position: absolute; left: 0; }
.nav-toggle-bars::before { top: -6px; }
.nav-toggle-bars::after { top: 6px; }
.menu-open .nav-toggle-bars { background: transparent; }
.menu-open .nav-toggle-bars::before { transform: translateY(6px) rotate(45deg); }
.menu-open .nav-toggle-bars::after { transform: translateY(-6px) rotate(-45deg); }

/* Menu numbers and note are for the phone menu only (full styles at the end of layout.css). */
.nav-num, .nav-menu-note { display: none; }
@media (max-width: 760px) {
    .site-header .navbar { position: relative; }
    .nav-toggle { display: inline-flex; }
}

/* Small questions under the menu links: phone menu only. */
.nav-q { display: none; }