/* Shared desktop mega menus and touch-friendly mobile disclosures. */
:root{--nav-header-height:88px}
.desktop-nav{align-self:stretch;gap:15px}
.nav-item{display:flex;align-items:center;gap:2px}
.desktop-nav .nav-link{font-size:12.5px}
.submenu-toggle{display:grid;place-items:center;width:19px;height:34px;padding:0;background:transparent;border:0;color:#9eb3ca;cursor:pointer;border-radius:4px}
.nav-chevron{display:block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .15s}
.submenu-toggle[aria-expanded=true] .nav-chevron{transform:rotate(225deg)}
.submenu-toggle:focus-visible,.mega-menu a:focus-visible,.mobile-nav summary:focus-visible{outline:2px solid #6edbff;outline-offset:4px}
.mega-menu{position:absolute;top:100%;left:0;right:0;background:#0a1525;border-block:1px solid #93b7d52b;box-shadow:0 24px 40px #0005;max-height:calc(100dvh - var(--nav-header-height) - 28px);overflow:auto;overscroll-behavior:contain;color:#d8e6f4}
.mega-inner{padding-block:25px 32px}
.mega-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;border-bottom:1px solid #8aa8c224;padding-bottom:17px}
.mega-intro>span{font-size:13px;font-weight:650;color:#f0f7ff}
.desktop-nav .mega-menu a{display:block;padding:0;color:#b7c9dd;font-size:13px;font-weight:400;line-height:1.65;white-space:normal}
.desktop-nav .mega-menu a:hover{color:#72d9ff}
.desktop-nav .mega-intro>a{font-size:12px;color:#7bd7ff}
.mega-columns{display:grid;gap:25px 34px}
.mega-columns-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}
.mega-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mega-columns-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.mega-column{min-width:0}
.mega-column h2{color:#78d7ff;font-size:14px;font-weight:650;margin:0 0 15px;line-height:1.5}
.mega-column ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.desktop-nav .mega-column .mega-more{font-size:11px;color:#7f9fbe;margin-top:15px;padding-top:12px;border-top:1px solid #8ca8c222}
.desktop-nav .mega-column .mega-more+.mega-more{margin-top:7px;padding-top:0;border:0}
.mobile-nav{max-height:calc(100dvh - var(--nav-header-height));overflow-y:auto;overscroll-behavior:contain}
.mobile-nav-group{border-bottom:1px solid #c2daef20}
.mobile-nav-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 4px;cursor:pointer;font-size:15px;color:#d4e4f4}
.mobile-nav-group summary::-webkit-details-marker{display:none}
.mobile-nav-group[open]>summary{color:#72d9ff}
.mobile-nav-group[open]>summary .nav-chevron{transform:rotate(225deg)}
.mobile-menu-panel{padding:0 14px 22px;background:#0b192a;border-radius:6px}
.mobile-nav .mobile-overview{font-size:12px;color:#83d8fb;padding:15px 0;border:0}
.mobile-menu-panel .mega-column{margin-top:18px}
.mobile-menu-panel .mega-column h2{font-size:13px;margin-bottom:10px}
.mobile-menu-panel .mega-column ul{gap:0}
.mobile-menu-panel .mega-column a{padding:9px 0;font-size:13px;border:0;color:#b3c7dd;display:block;line-height:1.6}
.mobile-menu-panel .mega-column a.mega-more{font-size:12px;color:#80b9dc}
.mobile-nav>a[aria-current]{color:#6edbff}
.catalog-card,.resource-cpu,.resource-detail,.docs-group{scroll-margin-top:115px}
@media(max-width:1180px){.desktop-nav{display:none}.menu-toggle{display:block}}
@media(max-width:980px){:root{--nav-header-height:76px}}
@media(max-width:700px){:root{--nav-header-height:70px}}
@media(prefers-reduced-motion:reduce){.nav-chevron{transition:none}}

/* Four workflow entry cards, with separate materials and molecular guides. */
@media(min-width:701px){.page-software .software-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}