/* Scoped navigation positioning; existing website styles remain intact. */
#header .desktop-nav .nav-group { position: relative; }
#header .desktop-nav .nav-group > .mega-menu {
 top: 100%; left: auto; right: 0; margin: 0;
 width: min(360px, calc(100vw - 32px));
 grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 24px;
 max-height: calc(100dvh - 160px); overflow-y: auto;
}
#header .desktop-nav .mega-menu .menu-intro h2 { font-size: 21px; margin-bottom: 0; }
#header .desktop-nav .mega-menu .menu-links { grid-template-columns: minmax(0, 1fr); gap: 10px; }
#header .desktop-nav .mega-menu .menu-links a { white-space: normal; overflow-wrap: anywhere; padding-bottom: 10px; }
#header .desktop-nav .nav-group > .mega-menu.mega-wide { width: min(680px, calc(100vw - 32px)); }
#header .desktop-nav .mega-wide .menu-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; }
.site-footer .developer-credit { margin: 0; padding: 16px 0 22px; text-align: center; font-size: 13px; line-height: 1.7; }
.site-footer .developer-credit a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) { .site-footer .developer-credit { font-size: 12px; padding: 14px 0 18px; } }
