/* Shared service-page mobile header: Menu, then the always-visible quote CTA. */
.service-header-quote{display:none}
@media(max-width:620px){
header .wrap{gap:8px;min-width:0}
header .wrap>.mobile-menu{margin-left:auto;flex:0 0 auto}
header .wrap>.service-header-quote{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:10px;font-size:12px;font-weight:750;line-height:1.4;white-space:nowrap;border:1px solid #174b3e;border-radius:9px;background:#174b3e;color:white}
header .wrap>.service-header-quote:hover{background:#0c352a}
}
/* No decorative gold circle on the close X; retain a neutral keyboard cue. */
dialog .close{min-width:44px;min-height:44px;border:0;background:transparent;box-shadow:none;border-radius:4px}
dialog .close:focus{outline:none;box-shadow:none}
dialog .close:focus-visible{outline:2px solid #52665b;outline-offset:1px;border-radius:4px}
@media(max-width:360px){
header .brandmark{width:54px;height:54px}
header .mobile-menu-trigger{gap:6px;padding:9px 10px;font-size:12px}
header .wrap>.service-header-quote{font-size:11px;padding:10px 9px}
}
/* Slightly quieter mobile controls; retain comfortable 44px hit areas. */
@media(max-width:620px){
header .mobile-menu-trigger{font-size:12px;padding:8px 11px;gap:6px;min-height:44px}
header .wrap>.service-header-quote,header .wrap>.button.quote-open{font-size:11px;padding:8px;min-height:44px;line-height:1.4}
}
@media(max-width:360px){header .mobile-menu-trigger{font-size:11px;padding:8px}}