/* Responsive refinements for smaller phones, tablets, and compact laptops. */
html{scroll-padding-top:84px;overflow-x:clip}
body{max-width:100%;overflow-x:clip}
.shell,.mt-situation-heading>*,.mt-tab-main,.mt-tab-links,
.mt-reading-card,.mt-extra-row>*,.mt-contact-layout>*,.detail-hero-grid>*{min-width:0}
img,video,iframe{max-width:100%}
button,a{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1693a4;outline-offset:4px}
.mt-reading-card h3,.mt-extra-heading h2,.mt-services-head h2{overflow-wrap:break-word}
.mt-direct-form input,.mt-direct-form select,.mt-direct-form textarea{min-width:0;max-width:100%}
.mt-topic-services{margin:55px 0 0;padding:35px;background:#e9f3f2;border:1px solid #cbdede;border-radius:13px}
.mt-topic-services h2{font-size:clamp(1.7rem,2.8vw,2.5rem);letter-spacing:-.05em;line-height:1.15;margin:14px 0 27px}
.mt-topic-services-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mt-topic-services-links a{display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;border-radius:9px}
.mt-topic-services-links strong{font-size:1.1rem}.mt-topic-services-links span{color:#087e96;font-size:.78rem;font-weight:800}
@media(min-width:701px) and (max-width:1100px){
  .mt-service-lanes{grid-template-columns:1fr}
  .mt-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-tab-main .mt-tab-photo{max-height:360px}
}
@media(max-width:700px){
  .mt-topic-services{padding:23px 19px}
  .mt-topic-services-links{grid-template-columns:1fr}
  .mt-tab-main .mt-tab-photo{width:100%;max-height:none;height:auto}
  .mt-reading-grid{grid-template-columns:1fr}
  .mt-reading-card{min-height:0}
  .mt-reading-card img{max-height:320px}
  .mt-reading-card h3{font-size:1.65rem}
  .mt-contact-section{padding:64px 0}
  .mt-direct-form{padding:24px 20px}
  .mt-direct-form button[type=submit]{min-height:48px}
}
@media(max-width:390px){
  .mt-hero h1{font-size:clamp(2.1rem,9.4vw,3.2rem)}
  .mt-situation-heading h2{font-size:clamp(2.5rem,11vw,3.4rem)}
  .mt-tab-main h3{font-size:clamp(2rem,10vw,2.4rem)}
  .mt-reading-head h2,.mt-pricing-title h2{font-size:clamp(2.6rem,11vw,3.4rem)}
  .mt-tabs button{padding:13px 8px;font-size:11px}
  .mt-extra-row img{height:auto;max-height:330px;object-fit:contain}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}