/* Shared navigation; existing page sections retain their own styles. */
html{scroll-padding-top:160px}
.mx-navigation{position:sticky;top:0;z-index:100;background:#071c24;color:#fff;font-family:Arial,sans-serif;border-bottom:1px solid #24505b;box-sizing:border-box;padding:10px 5%;width:100%}
.mx-navigation *{box-sizing:border-box}
.mx-navigation .mx-top,.mx-navigation .mx-main{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 28px}
.mx-navigation .mx-top{padding-bottom:8px;border-bottom:1px solid #46616a;margin-bottom:6px}
.mx-navigation a,.mx-navigation summary{display:inline-block;color:#fff;font-size:13px;font-weight:400;text-decoration:none;padding:8px 5px;line-height:1.3;cursor:pointer}
.mx-navigation a:hover,.mx-navigation summary:hover,.mx-navigation a[aria-current=page]{color:#66f6ff}
.mx-navigation a:focus-visible,.mx-navigation summary:focus-visible{outline:2px solid #66f6ff;outline-offset:3px}
.mx-navigation details{position:relative}.mx-navigation summary{list-style:none}.mx-navigation summary::-webkit-details-marker{display:none}.mx-navigation summary:after{content:' ▾'}
.mx-navigation .mx-services{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:275px;max-width:90vw;background:#071c24;border:1px solid #27616a;padding:8px;box-shadow:0 12px 25px #0005;max-height:65vh;overflow:auto}
.mx-navigation .mx-services a{display:block;padding:11px 12px}.mx-navigation .mx-services a:hover{background:#13333d}
.mx-area{display:block!important;font-size:clamp(18px,2.4vw,28px)!important;color:#fff!important;margin-top:18px!important;line-height:1.3!important;text-shadow:0 2px 12px #000}
.mx-area strong{color:#66f6ff;font-weight:800}.mx-navigation+.hero{scroll-margin-top:120px}
@media(max-width:600px){.mx-navigation{padding:7px 12px}.mx-navigation .mx-top,.mx-navigation .mx-main{gap:3px 12px}.mx-navigation a,.mx-navigation summary{font-size:12px;padding:8px 3px}.mx-area{font-size:18px!important}.mx-navigation .mx-services{left:-65px;transform:none}}