/* SitePro / Stage 2: mobile navigation (no Tailwind build required). */
.sitepro-mobile-nav > summary {
    list-style: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}
.sitepro-mobile-nav > summary::-webkit-details-marker { display: none; }
.sitepro-mobile-nav:not([open]) .sitepro-mobile-nav__icon--close { display: none; }
.sitepro-mobile-nav[open] .sitepro-mobile-nav__icon--menu { display: none; }
.sitepro-mobile-nav[open] > summary { background-color: #eff6ff; color: #2563eb; border-color: #bfdbfe; }
.sitepro-mobile-nav__panel {
    box-sizing: border-box;
    width: min(20rem, calc(100vw - 2rem));
    max-height: calc(100vh - 5.75rem);
    max-height: calc(100dvh - 5.75rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    z-index: 60;
}
.sitepro-mobile-nav__link:focus-visible,
.sitepro-mobile-nav__panel a:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}
@media (max-width: 639px) {
    .sitepro-mobile-nav__panel { max-height: calc(100dvh - 4.75rem); }
}
@media (min-width: 1536px) {
    .sitepro-mobile-nav { display: none !important; }
}