/* Shared navigation, extending MyM's existing identity. */
.nav-disclosure summary { display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; list-style: none; font-size: .9rem; font-weight: 500; }
.nav-disclosure summary::-webkit-details-marker { display: none; }
.nav-disclosure[open] summary { color: var(--copper-ink); }
.nav-disclosure[open] summary svg { transform: rotate(180deg); }
.mega-panel { position: absolute; inset: 100% 0 auto; background: var(--paper); border-block: 1px solid var(--line); max-height: calc(100dvh - 100px); overflow-y: auto; }
.mega-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 48px; padding-block: 34px; }
.mega-main { min-width: 0; }
.mega-heading { margin: 0 0 12px; color: var(--muted); font-size: .875rem; }
.mega-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 30px; }
#main-nav a.mega-link { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; padding: 16px 12px; min-width: 0; }
.mega-icon { color: var(--copper-ink); margin-top: 1px; }
.mega-copy { display: block; min-width: 0; }
#main-nav a.mega-link:hover { background: var(--mist); text-decoration: none; }
.mega-link strong { display: block; font-size: 1rem; line-height: 1.4; font-weight: 550; }
.mega-description { display: block; margin-top: 7px; font-size: .875rem; font-weight: 400; color: var(--muted); line-height: 1.55; }
.mega-feature { padding: 28px; background: var(--mist); align-self: stretch; }
.mega-feature h2 { font-size: 1.4rem; line-height: 1.3; margin-bottom: 16px; }
.mega-feature p { color: var(--muted); font-size: 1rem; }
#main-nav .mega-feature a { display: inline-flex; min-height: 44px; align-items: center; text-decoration: none; }
.menu-toggle svg { display: block; }
.menu-icon-close, .menu-toggle[aria-expanded="true"] .menu-icon-open { display: none; }
.menu-toggle[aria-expanded="true"] .menu-icon-close { display: block; }
.menu-toggle:hover { background: var(--mist); color: var(--copper-ink); }
@media (max-width: 1100px) and (min-width: 801px) {
  #main-nav { gap: 16px; } .navigation { gap: 20px; } .mega-layout { gap: 24px; }
}
@media (max-width: 800px) {
  #main-nav { max-height: calc(100dvh - 100px); overflow-y: auto; }
  .nav-disclosure summary { padding: 9px 15px; justify-content: space-between; }
  .mega-panel { position: static; border: 0; box-shadow: none; max-height: none; overflow: visible; }
  .mega-layout { width: 100%; grid-template-columns: 1fr; gap: 20px; padding: 0 0 20px; }
  .mega-main { padding-inline: 15px; } .mega-heading { margin-top: 12px; }
  .mega-links { grid-template-columns: 1fr; gap: 0; }
  #main-nav a.mega-link { padding: 12px 0; }
  .mega-feature { margin-inline: 15px; padding: 22px; } #main-nav .mega-feature a { padding: 0; }
}