/* Shared compact navigation with native, script-free disclosure on phones. */
.ga-migration-nav .ga-mobile-menu { display:none; }
.ga-migration-nav a:focus-visible,
.ga-migration-nav summary:focus-visible { outline:3px solid #1357cb; outline-offset:3px; }
@media(max-width:767px) {
  body .ga-migration-nav .inner {
    min-height:76px; padding:12px 15px; flex-direction:row;
    align-items:center; gap:16px;
  }
  .ga-migration-nav .ga-desktop-menu { display:none; }
  .ga-migration-nav .ga-mobile-menu { display:block; margin-left:auto; }
  .ga-mobile-menu summary {
    display:flex; align-items:center; justify-content:center; gap:10px;
    min-height:44px; min-width:94px; padding:10px 12px;
    border:1px solid #cfdbeb; border-radius:10px;
    background:#f3f7fd; color:#123c74; font-size:14px;
    font-weight:700; line-height:1.5; list-style:none; cursor:pointer;
  }
  .ga-mobile-menu summary::-webkit-details-marker { display:none; }
  .ga-menu-symbol { width:18px; height:14px; border-block:2px solid currentColor; position:relative; }
  .ga-menu-symbol::after { content:''; position:absolute; left:0; right:0; top:4px; border-top:2px solid currentColor; }
  .ga-mobile-menu[open] summary { background:#e5efff; border-color:#8caddb; }
  .ga-mobile-menu[open] .ga-menu-symbol { border:0; }
  .ga-mobile-menu[open] .ga-menu-symbol::before,
  .ga-mobile-menu[open] .ga-menu-symbol::after {
    content:''; position:absolute; left:0; right:0; top:6px;
    border-top:2px solid currentColor; transform:rotate(45deg);
  }
  .ga-mobile-menu[open] .ga-menu-symbol::after { transform:rotate(-45deg); }
  .ga-mobile-menu-panel {
    position:absolute; top:100%; left:0; right:0; z-index:1;
    display:grid; gap:4px; padding:12px 15px 16px;
    max-height:calc(100vh - 90px); max-height:calc(100dvh - 90px);
    overflow-y:auto; background:#fff; border-bottom:1px solid #dce5f0;
    box-shadow:0 14px 24px #1427471a;
  }
  .ga-mobile-menu-panel a {
    display:flex; align-items:center; justify-content:space-between;
    min-height:48px; padding:12px 16px; border-radius:8px;
    color:#142747; font-size:16px; font-weight:700; line-height:1.5;
  }
  .ga-mobile-menu-panel a:hover { background:#edf4ff; color:#1357cb; }
  .ga-mobile-menu-panel .ga-menu-whatsapp { background:#087d4e; color:#fff; margin-top:8px; }
  .ga-mobile-menu-panel .ga-menu-whatsapp:hover { background:#06613c; color:#fff; }
}