.main-nav{min-width:0}
.main-nav a{white-space:nowrap}
.nav-group{position:relative}
.nav-group>button{padding:8px 0;border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.nav-group>button::after{content:"⌄";margin-left:5px;color:var(--muted)}
.nav-submenu{position:absolute;top:100%;left:-16px;display:none;min-width:205px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 35px rgba(17,24,32,.14)}
.nav-submenu a{display:block;padding:9px 10px;border-radius:7px}
.nav-submenu a:hover{background:var(--panel)}
.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{display:block}
.card h3 a{text-decoration:none}
.card h3 a:hover{color:var(--blue)}
@media(max-width:980px){
  .header-inner{flex-wrap:wrap}
  .main-nav{display:flex;width:100%;padding:2px 0 4px;overflow-x:auto;scrollbar-width:thin}
  .main-nav a:not(.nav-cta){display:block}
  .nav-group{display:flex;align-items:center;gap:5px}
  .nav-submenu{position:static;display:flex;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}
  .nav-submenu a{padding:8px 5px}
  .nav-group>button{display:none}
}
