/* Shared navigation surfaces, with the card layout limited to desktop. */
@media(max-width:1100px){
  .home-page .site-header.open,.site-header.sub-header.open{background:rgba(4,25,43,.36)!important;backdrop-filter:none}
  /* The glass stays in the viewport while the long navigation scrolls over it. */
  .site-header.open:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;backdrop-filter:blur(32px) saturate(1.15)}
  .site-header.open .nav-submenu{border:1px solid rgba(126,222,240,.2);border-radius:12px;backdrop-filter:blur(32px) saturate(1.15)}
  .site-header.open .menu-mobile-cards{padding:10px;gap:8px}
  .site-header.open .nav-dropdown>a:after{display:none}
  .site-header.open .menu-mobile-cards>a.submenu-card{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;grid-template-areas:"icon title arrow" "icon description arrow";gap:3px 12px;padding:12px;min-height:64px;border:1px solid rgba(84,217,232,.2);background:rgba(8,40,66,.12);border-radius:10px;color:var(--white)}
  .menu-mobile-cards .submenu-card-icon{grid-area:icon;display:block;width:26px;height:26px;color:var(--cyan)}
  .menu-mobile-cards .submenu-card-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .menu-mobile-cards .submenu-card>b{grid-area:title;font-size:14px;line-height:1.4;color:var(--white)}
  .menu-mobile-cards .submenu-card>small{grid-area:description;font-size:11px;line-height:1.5;color:#b4c9d9}
  .menu-mobile-cards .submenu-card-arrow{grid-area:arrow;color:var(--cyan);font-size:20px;font-style:normal}
  .menu-mobile-cards .submenu-card-heading{padding:6px 4px 10px}
  .menu-mobile-cards .submenu-card-heading:after{content:"";display:block;width:48px;height:2px;margin-top:12px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--orange))}
  .menu-mobile-cards .submenu-card-heading small{display:block;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1px}
  .menu-mobile-cards .submenu-card-heading b{display:block;margin-top:6px;font-size:15px;color:var(--white);line-height:1.4}
  .site-header.open .menu-mobile-cards>a.submenu-card:hover,.site-header.open .menu-mobile-cards>a.submenu-card:focus-visible{border-color:var(--cyan);background:rgba(16,60,97,.5)}
  .site-header.open{scrollbar-width:thin;scrollbar-color:var(--cyan) rgba(4,25,43,.65)}
}
@media(min-width:1101px){
  /* Keep the header blur on a separate layer so it does not limit the submenu backdrop. */
  .home-page .site-header,.site-header.sub-header{backdrop-filter:none}
  .home-page .site-header:before,.site-header.sub-header:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;backdrop-filter:blur(16px) saturate(1.15)}
  .nav-submenu.menu-cards{position:fixed;top:var(--submenu-top,82px);left:50%;width:min(1080px,calc(100vw - 48px));max-height:calc(100svh - var(--submenu-top,82px) - 20px);overflow:auto;padding:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:1px solid rgba(126,222,240,.2);border-radius:16px;background:linear-gradient(rgba(4,25,43,.3),rgba(4,25,43,.3)),linear-gradient(105deg,rgba(7,29,50,.38) 0%,rgba(10,41,68,.38) 54%,rgba(18,63,91,.38) 100%);backdrop-filter:blur(32px) saturate(1.15);box-shadow:0 10px 34px rgba(3,20,35,.2);transform:translate(-50%,8px);scrollbar-width:thin;scrollbar-color:var(--cyan) rgba(4,25,43,.65);scrollbar-gutter:stable;overscroll-behavior:contain}
  .menu-cards::-webkit-scrollbar{width:8px;height:8px}
  .menu-cards::-webkit-scrollbar-track{background:rgba(4,25,43,.65);border-radius:999px;margin-block:16px}
  .menu-cards::-webkit-scrollbar-thumb{background:var(--cyan);border:2px solid #082842;border-radius:999px}
  .menu-cards::-webkit-scrollbar-thumb:hover{background:var(--blue)}
  .nav-dropdown:hover .menu-cards,.nav-dropdown:focus-within .menu-cards{transform:translate(-50%,0)}
  .submenu-card-heading{grid-column:1/-1;text-align:center;padding:2px 8px 10px}
  .submenu-card-heading small{display:block;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:1.6px}
  .submenu-card-heading b{display:block;margin-top:10px;color:var(--white);font-size:25px;line-height:1.3}
  .menu-cards>a.submenu-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;min-height:156px;padding:18px 18px 32px;margin:0;border:1px solid rgba(84,217,232,.28);border-radius:12px;background:rgba(8,40,66,.45);color:var(--white);font-weight:700;grid-column:auto;white-space:normal;transition:background .2s,border-color .2s}
  .menu-cards>a.submenu-card:hover,.menu-cards>a.submenu-card:focus-visible{background:#103c61;color:var(--white);border-color:var(--cyan)}
  .menu-cards>a.submenu-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
  .submenu-card-icon{display:block;width:28px;height:28px;color:var(--cyan);font-style:normal}
  .submenu-card-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .submenu-card>b{color:var(--white);font-size:14px;line-height:1.4}
  .submenu-card>small{color:#a7becd;font-size:12px;font-weight:500;line-height:1.5}
  .submenu-card-arrow{position:absolute;right:17px;bottom:10px;color:var(--cyan);font-size:21px;font-style:normal}
  .menu-cards>a.submenu-all{border-top:3px solid var(--orange)}
}