/* Match the reference: unselected hover gets an underline; clicked/current items get the box. */
.sky>.cloud-layer,.landing-backdrop>.landing-clouds{position:absolute;inset:0;background-repeat:repeat-x;background-size:1440px 319px;background-position:0 50%;animation:mc-cloud-drift 45s linear infinite!important;animation-play-state:running!important;pointer-events:none}
.sky>.cloud-layer-one,.landing-backdrop>.landing-clouds.layer-one{background-image:url('/assets/clouds/one.svg');opacity:.05}
.sky>.cloud-layer-two,.landing-backdrop>.landing-clouds.layer-two{background-image:url('/assets/clouds/two.svg');opacity:.15;animation-duration:40s!important;animation-direction:normal}
.sky>.cloud-layer-three,.landing-backdrop>.landing-clouds.layer-three{background-image:url('/assets/clouds/three.svg');opacity:.3;animation-duration:35s!important}
@keyframes mc-cloud-drift{from{background-position-x:0}to{background-position-x:1440px}}
body:not(.portal-page) .sky>.cloud-layer{background-position-y:0}
body:not(.portal-page) .page-banner>small{color:#616b7d;opacity:1}
body:not(.portal-page) .page-banner:before,body:not(.portal-page) .page-banner:after{display:none}
body:not(.portal-page) .breadcrumb{color:#6b7587}
body:not(.portal-page) .breadcrumb a{color:#4a556b}
/* The store has its own five category buttons, separate from the network navigation. */
body:not(.portal-page) #site-nav{display:none}
body:not(.portal-page) #mainnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-top:25px;margin-bottom:30px;overflow:visible}
body:not(.portal-page) #mainnav .nav-link{min-width:0;min-height:43px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:rgba(255,255,255,.32);box-shadow:none;color:#35424a;font-size:14px;line-height:1.3;transition:background-color .2s,color .2s,opacity .2s}
body:not(.portal-page) #mainnav .nav-link.active{background:#fff;color:#238c63}
body:not(.portal-page) #mainnav .nav-link:not(.active):hover,body:not(.portal-page) #mainnav .nav-link:not(.active):focus-visible{background:rgba(255,255,255,.55);color:#238c63}
body:not(.portal-page) #mainnav .nav-symbol{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;margin:0;color:inherit}
body:not(.portal-page) #mainnav .nav-symbol svg{width:18px;height:18px}
@media(max-width:600px){body:not(.portal-page) #mainnav{gap:6px}body:not(.portal-page) #mainnav .nav-link{font-size:11px;min-height:48px;padding:8px 5px;gap:0}body:not(.portal-page) #mainnav .nav-symbol{display:none}}
.site-navigation .site-nav-link.current:after,.site-navigation .site-menu.open>.site-nav-link:after,.site-navigation .site-nav-link[aria-expanded="true"]:after,.site-navigation .site-nav-link:active:after{transform:scaleX(0)!important}
.network-footer li{padding-left:0;transition:padding-left .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}
.network-footer li:hover,.network-footer li:focus-within{padding-left:12px;color:#d1d5db}
.network-footer li>a{transition:color .15s cubic-bezier(.4,0,.2,1)}
.network-footer li>a:hover,.network-footer li>a:focus-visible{color:#d1d5db}
.header-server,.header-community,.network-footer .network-contact{opacity:1;transition:opacity .15s cubic-bezier(.4,0,.2,1)}
.header-server:hover,.header-server:focus-visible,.network-footer button.network-contact:hover,.network-footer button.network-contact:focus-visible{opacity:.75}
.header-community:hover,.header-community:focus-visible,.network-footer a.network-contact:hover,.network-footer a.network-contact:focus-visible{opacity:.8}
.network-footer .theme-choices button{transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}
.network-footer .theme-choices button:not([aria-pressed="true"]):hover,.network-footer .theme-choices button:not([aria-pressed="true"]):focus-visible{background:#171927;color:#e8eef5}
.portal-page .btn.red,.network-footer .btn{transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}
.portal-page .btn.red:hover,.portal-page .btn.red:focus-visible,.network-footer .btn:hover,.network-footer .btn:focus-visible{background:#ff7890}
.policy-categories button{transition:background-color .15s,color .15s,border-color .15s}
.policy-categories button:not([aria-pressed="true"]):hover,.policy-categories button:not([aria-pressed="true"]):focus-visible{background:var(--portal-soft);color:var(--portal-ink)}
.policy-tier summary{transition:background-color .2s}
.policy-tier summary:hover{background:color-mix(in srgb,var(--tier) 12%,var(--portal-card))}
@media(prefers-reduced-motion:reduce){.network-footer li,.network-footer li>a,.header-server,.header-community,.network-footer .network-contact,.network-footer .theme-choices button,.portal-page .btn.red,.network-footer .btn,.policy-categories button,.policy-tier summary{transition:none}}
/* Light and dark navigation share geometry, with theme-appropriate surfaces. */
:root{--nav-bg:#fff;--nav-active:#eceef4;--nav-ink:#303647}
html[data-site-theme=dark]{--nav-bg:#1e2130;--nav-active:#171927;--nav-ink:#e8eef5}
.site-navigation,.network-mobile-toggle{color:var(--nav-ink)}
.site-navigation .site-nav-link{color:var(--nav-ink)!important;box-sizing:border-box}
.network-menu{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:stretch}
.network-menu>.site-nav-link,.network-menu>.site-menu{width:100%;min-width:0;box-sizing:border-box;grid-column:auto}
.portal-page:not(.portal-home)>.sky{height:410px;border-radius:0 0 50% 50% / 0 0 18% 18%}
@media(max-width:800px){.portal-page:not(.portal-home)>.sky{height:335px}.network-menu{display:none;grid-template-columns:minmax(0,1fr);gap:3px}.mobile-open .network-menu{display:grid;grid-template-columns:minmax(0,1fr)}.site-navigation .network-dropdown{background:var(--portal-soft)}.site-navigation .network-dropdown a{color:var(--portal-ink)}.site-navigation .network-dropdown a:hover{background:var(--portal-card)}}