/* dp3 nav: dropdown sub-menus + grouped mobile menu. Shared by all static sites; colours follow each site's header text. */
nav ul.dn{align-items:center}
nav ul.dn li.dd{position:relative}
nav ul.dn li.dd>a{display:inline-flex;align-items:center;gap:5px}
nav .dd-c{flex:none;opacity:.7;transition:transform .2s ease}
nav ul.dn li.dd:hover>a .dd-c,nav ul.dn li.dd:focus-within>a .dd-c,nav ul.dn li.dd.open>a .dd-c{transform:rotate(180deg)}
nav ul.dn li.dd::after{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:26px}
nav ul.dn .dd-m{position:absolute;top:calc(100% + 22px);left:50%;min-width:236px;padding:8px;display:grid;gap:2px;background:#fff;color:#16181D;border:1px solid rgba(17,17,17,.10);border-radius:18px;box-shadow:0 18px 40px -26px rgba(17,17,17,.40);opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:80}
nav ul.dn li.dd:hover .dd-m,nav ul.dn li.dd:focus-within .dd-m,nav ul.dn li.dd.open .dd-m{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
nav ul.dn .dd-m a{display:block;padding:10px 14px;border-radius:12px;font-size:14.5px;line-height:1.3;font-weight:500;white-space:nowrap;color:#16181D!important;text-decoration:none;opacity:1!important}
nav ul.dn .dd-m a:hover,nav ul.dn .dd-m a:focus-visible{background:rgba(17,17,17,.05)}
nav ul.dn .dd-m a[aria-current=page]{background:rgba(17,17,17,.06)}
#mpanel details.mp-g{border-bottom:1px solid rgba(17,17,17,.08)}
#mpanel details.mp-g>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:48px;padding:12px 0;font:inherit;font-weight:500;font-size:17px;color:inherit}
#mpanel details.mp-g>summary::-webkit-details-marker{display:none}
#mpanel details.mp-g>summary .dd-c{width:14px;height:14px;transition:transform .2s ease}
#mpanel details.mp-g[open]>summary .dd-c{transform:rotate(180deg)}
#mpanel details.mp-g>a{display:block;padding:10px 0 10px 14px!important;font-size:15.5px!important;border:0!important;min-height:0!important;opacity:.9}
#mpanel details.mp-g>a:last-child{margin-bottom:8px}
#mpanel a[aria-current=page]{font-weight:600}
@media (prefers-reduced-motion:reduce){nav ul.dn .dd-m,nav .dd-c{transition:none!important}}
/* dp3: menu button is a clean round icon that matches the CTA pill, no boxed outline */
nav .mbtn,nav#nav .mbtn{border:0!important;outline:0;box-shadow:none!important;width:44px!important;height:44px!important;border-radius:999px!important;background:rgba(0,0,0,.05)!important}
nav .mbtn:focus-visible{outline:2px solid currentColor;outline-offset:2px}