/* Homepage-only external navigation comparison CSS. */
/* TEMPORARY 1200PX NAVIGATION BREAKPOINT TEST */

/* Existing mobile rules are extended to 1200px. */
/* Mobile/tablet/small-laptop navigation. */
@media (min-width:1081px) and (max-width:1200px){
  .site-header .header-inner{min-height:78px;padding-left:4px;padding-right:4px}
  .menu-toggle{display:block;margin-left:auto}
  .theme-toggle{margin-left:6px}
  .theme-label{display:none}
  .main-nav{
    position:absolute;
    left:14px;
    right:14px;
    top:calc(100% + 8px);
    width:auto;
    max-width:none;
    max-height:calc(100dvh - 96px);
    overflow-y:auto;
    display:none;
    transform:none;
    padding:10px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:var(--shadow);
    -webkit-overflow-scrolling:touch;
  }
  .main-nav.open{display:block}
  .nav-list{display:block}
  .nav-item{display:block}
  .nav-link{padding:11px 10px;font-size:1rem;white-space:normal}
  .nav-expand{display:flex;width:40px;height:40px;flex:0 0 40px;font-size:1.15rem}
  .dropdown,.nested-dropdown{
    display:none!important;
    position:static;
    width:auto;
    min-height:0;
    margin:0 0 8px 12px;
    padding:0 0 0 8px;
    border:0;
    border-left:2px solid #d8e9f8;
    border-radius:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .nav-dropdown.is-open>.dropdown,
  .dropdown-group.is-open>.nested-dropdown{display:block!important}
  .dropdown-group{position:static}
  html[data-theme="dark"] .main-nav{background:#172536;border-color:#3b5068}
}



/* Ensure mobile menu controls appear in the extended range. */
@media (min-width:1081px) and (max-width:1200px) {
    #siteHeader .menu-toggle {
        display: block !important;
        margin-left: auto;
    }

    #siteHeader #mainNav {
        display: none;
    }

    #siteHeader #mainNav.open {
        display: block;
    }
}

/* END TEMPORARY 1200PX NAVIGATION BREAKPOINT TEST */