html,body{margin:0;padding:0;background:#f4efe6;color:#26231f;font-family:'Public Sans',sans-serif;-webkit-font-smoothing:antialiased;}
  a{color:#7c2f24;text-decoration:none;}
  a:hover{color:#a3823f;}
  html{scroll-behavior:smooth;}
  @media (max-width:940px){ #mp-nav{display:none !important;} }
  .sticky-call{position:fixed}
  @media (max-width:820px){ #mp-sticky{display:flex !important;} body{padding-bottom:66px;} }
  @media (max-width:780px){ #mp-hero{grid-template-columns:1fr !important;} #mp-heroimg{min-height:360px !important;} #mp-heater{grid-template-columns:1fr !important;} }
  @media (max-width:1000px){ #mp-steps{grid-template-columns:1fr !important;} }
img{display:block;max-width:100%}

/* Sprint 2 fold-fit remediation: simplify the mobile field-card composition
   so the in-page call action clears the persistent call control. */
@media (max-width:780px){
  header>div{padding:12px 20px!important;flex-wrap:nowrap!important}
  header>div>a:last-child{display:none!important}
  section#top{padding:32px 20px!important}
  #mp-hero{gap:24px!important}
  #mp-hero h1{font-size:40px!important;line-height:1.02!important}
  #mp-hero>div:first-child>p{margin-bottom:18px!important}
  #mp-hero>div:first-child>div:nth-of-type(2){display:none!important}
  #mp-heroimg{min-height:150px!important}
  #mp-heroimg>div:last-child{left:10px!important;bottom:10px!important;max-width:255px!important;padding:10px 12px!important}
}
@media (max-width:380px){
  section#top{padding:24px 20px 6px!important}
  #mp-hero{gap:16px!important}
  #mp-heroimg{min-height:122px!important}
}

.h1-location{display:block;margin-top:14px;font-family:inherit;font-size:16px;line-height:1.25;font-weight:700;letter-spacing:0;text-transform:uppercase}

/* Contextual service photography: root intrusion evidence */
#signs{background-image:linear-gradient(100deg,rgba(28,26,23,.96),rgba(28,26,23,.72)),url("/__site-assets/plumber-mansfieldtx.com/images/mansfield-drain-roots-bg.jpg?cfv=assetfix-20260513d-1788144668731")!important;background-size:cover!important;background-position:center!important}
#signs h2,#signs h3,#signs p,#signs span{color:#fff!important}
#signs article,#signs>div>div{background:rgba(38,35,31,.78)!important;border-color:rgba(255,255,255,.22)!important}
/* Mobile readability guard: keep long display headings scannable without changing this site's visual identity. */
@media (max-width: 600px) {
  h1 {
    max-width: 100% !important;
    font-size: clamp(36px, 10.25vw, 42px) !important;
    line-height: 1.04 !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  h2 {
    max-width: 100% !important;
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal;
    word-break: normal;
  }
}