
/* V8 — accessible, nested mobile Services nav. Exactly one mobile service list, hidden until opened. */
#preview-mobile[hidden], #mobile-services-list[hidden]{display:none!important}
#preview-mobile .mobile-services-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #31444c;gap:12px}
#preview-mobile .mobile-services-main{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;color:#eef5f8;text-decoration:none;font-size:24px;padding:13px 0}
#preview-mobile .mobile-services-header button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#edf7fc;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.24);border-radius:2px;cursor:pointer}
#preview-mobile .mobile-services-header button[aria-expanded=true] svg{transform:rotate(180deg)}
#preview-mobile .mobile-services-list{background:rgba(25,49,64,.44);padding:8px 16px 16px;border-bottom:1px solid #31444c}
#preview-mobile .mobile-services-list a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:10px 2px;color:#cbe2e9;font-size:14px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.08)}
#preview-mobile .mobile-services-list a:last-child{border-bottom:0}
#preview-mobile .mobile-services-list a.mobile-all-services{font-weight:700;color:#70dcef}
#preview-mobile .mobile-services-list a:hover,#preview-mobile .mobile-services-list a:focus-visible{color:#fff}
#preview-menu-toggle:focus-visible,#mobile-services-toggle:focus-visible{outline:2px solid #75e8f1;outline-offset:4px}
@media(min-width:1001px){#preview-mobile{display:none!important}}
@media(max-width:700px){#preview-mobile .mobile-services-main{font-size:22px}}

/* V8 desktop contact form: keep both columns inside the viewport. */
@media(min-width:1001px){.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);gap:clamp(28px,3.5vw,58px)}.contact-form-wrap{min-width:0}}
