/* Shared marketing navigation. Header layer 50; dropdown lives inside it. */
.product-navigation .nav-wrap{min-height:76px;gap:24px}
.product-navigation .nav-links{gap:24px;white-space:nowrap}
.product-navigation .nav-links>a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.nav-group{position:relative}
.nav-group>summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;padding:14px 0;color:inherit;font-weight:650;font-size:13px}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary .nb-icon{width:14px;height:14px;transition:transform .18s}
.nav-group[open]>summary .nb-icon{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:100%;right:0;z-index:1;width:320px;padding:10px;background:#fff;border:1px solid #d9e3dd;border-radius:16px;box-shadow:0 16px 40px #173c2418;white-space:normal}
.nav-dropdown>a{display:grid;gap:2px;padding:11px 13px;border-radius:9px;line-height:1.5}
.nav-dropdown>a:hover,.nav-dropdown>a[aria-current=page]{background:#eef4f0;color:#176b4d}
.nav-dropdown strong{font-size:14px;font-weight:700}
.nav-dropdown small{font-size:12px;font-weight:450;color:#5b6c63}
.product-navigation .button{white-space:nowrap;border-radius:100px}
@media(max-width:1120px){
 /* The logo/toggle row keeps its size; the menu overlays content below it. */
 .product-navigation .nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;height:76px;min-height:76px;gap:0}
 .product-navigation .nav-wrap>.brand{justify-self:start}
 .product-navigation .nav-toggle{display:grid;place-items:center;border:1px solid #d9e3dd;border-radius:10px;width:42px;height:42px;background:white;color:#176b4d}
 .product-navigation .nav-toggle[aria-expanded=true] .nav-toggle-menu{display:none}
 .product-navigation .nav-toggle[aria-expanded=true] .nav-toggle-close{display:inline-flex}
 .product-navigation .nav-links{position:absolute;inset:100% 0 auto;display:none;width:auto;flex-basis:auto;align-items:stretch;gap:0;padding:8px 24px 18px;max-height:calc(100dvh - 76px);overflow:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid #d9e3dd;box-shadow:0 16px 28px #173c2418}
 .product-navigation .nav-links.is-open{display:flex;flex-direction:column}
 .product-navigation .nav-links>a:not(.button),.nav-group>summary{padding:12px 5px;font-size:15px}
 .nav-group>summary{justify-content:space-between}
 .nav-dropdown{position:static;width:auto;box-shadow:none;border:0;border-left:2px solid #d9e3dd;border-radius:0;margin:0 0 8px 5px;padding:0 4px}
 .product-navigation .nav-links>.button{margin-top:10px;align-self:flex-start}
 html:not(.js):not(.gp-js) .product-navigation .nav-links{position:static;grid-column:1/-1;display:flex;flex-direction:column;max-height:none;box-shadow:none;padding-inline:0}
 html:not(.js):not(.gp-js) .product-navigation .nav-wrap{height:auto;grid-template-rows:76px auto}
 html:not(.js):not(.gp-js) .product-navigation .nav-toggle{display:none}
 html:not(.js):not(.gp-js) .product-navigation{position:static}
}
@media(prefers-reduced-motion:reduce){.nav-group>summary .nb-icon{transition:none}}

/* The blog keeps its article layout but shares the current marketing menu. */
.blog-navigation .nav-shell{display:flex;justify-content:space-between;gap:24px;min-height:76px}
.blog-navigation .main-nav{display:flex;align-items:center;gap:24px;white-space:nowrap}
.blog-navigation .nav-dropdown>a{white-space:normal}
.blog-navigation .nav-dropdown>a[aria-current=page]{background:#eef4f0;color:#176b4d}
.blog-navigation .nav-group>summary{color:#5f6f67}
@media(max-width:1120px){
 .blog-navigation .nav-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;height:76px;min-height:76px;gap:0}
 .blog-navigation .nav-shell>.brand{justify-self:start}
 .blog-navigation .menu-toggle{display:block;grid-column:2;margin-left:auto}
 .blog-navigation .main-nav{position:absolute;inset:100% 0 auto;display:none;width:auto;flex-basis:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;max-height:calc(100dvh - 76px);overflow:auto;overscroll-behavior:contain;background:#fff;border:0;border-bottom:1px solid #d9e3dd;border-radius:0;box-shadow:0 16px 28px #173c2418}
 .blog-navigation .main-nav.is-open{display:flex}
 .blog-navigation .main-nav>a:not(.button){padding:12px 5px;font-size:15px}
 .blog-navigation .main-nav>.button{align-self:flex-start;margin-top:10px}
 .blog-navigation .nav-group{border:0}
 html:not(.js) .blog-navigation .main-nav{position:static;grid-column:1/-1;display:flex;max-height:none;box-shadow:none;padding-inline:0}
 html:not(.js) .blog-navigation .nav-shell{height:auto;grid-template-rows:76px auto}
 html:not(.js) .blog-navigation .menu-toggle{display:none}
 html:not(.js) .blog-navigation{position:static}
}
@media(max-width:540px){
 .product-navigation .nav-links,.blog-navigation .main-nav{padding-inline:18px}
}