*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff}
a{color:#A93635;text-decoration:none}a:hover{color:#8C2B2A}
a[style*="border-radius"]:hover,button:hover{text-decoration:none}
::selection{background:rgba(197,67,66,.22)}
.sc-host:has(>div>header){display:contents}
.mr-formcard:has(:is(input,textarea,select):focus){box-shadow:0 0 28px rgba(226,45,44,.45),0 0 60px rgba(226,45,44,.25) !important}
li::marker{color:#C54342}
input,textarea,select,button{font-family:'Open Sans',system-ui,sans-serif}
input:focus,textarea:focus,select:focus{outline:none}
@media (max-width:1024px){.mr-split{grid-template-columns:1fr !important}}
@media (max-width:768px){.mr-2,.mr-3{grid-template-columns:1fr !important}}

/* ---- WP port additions (not in the design's helmet; each replaces something the DC runtime / QuoteForm markup did) ---- */
/* The quote form is now Gravity Forms #2 inside <div class="mr-formcard"> (template-parts/quote-form.php).
   ".mr-formcard:has(:is(input,textarea,select):focus)" above still matches the new structure unchanged (the GF inputs are
   descendants of the .mr-formcard div), so it needs no re-expression. This helmet has no "#contact form ..." selectors
   (those are home.css only; this page has no #contact id). */
/* The <=768 GF stacking rule that used to be here moved to shell.css (the quote form is shared with Home). */

/* A11y addition (approved 2026-09-28, desktop-visible): the design's Contact fields had no focus ring (outline:none only).
   Same ring as Home's quote form. */
input:focus,textarea:focus,select:focus{outline:none;border-color:#C54342 !important;box-shadow:0 0 0 3px rgba(212,99,98,.45)}

/* <=768, when the location cards stack (Jesica 2026-09-28, not in the design): wordmark moves above
   Contact Information, and the contact block goes full width and centred. */
@media (max-width:768px){
  .mr-cinfo{flex-direction:column-reverse !important;align-items:center !important}
  .mr-cinfo-text{width:100%;align-items:center;text-align:center}
  .mr-cinfo-logo{flex:0 0 auto !important;width:min(240px,75%) !important;max-width:none !important}
  /* Even 18px visible gaps logo / label / phone / email. The phone + email links keep their 44px tap height
     (site.css .mr-tap), so the spacing is compensated around them instead of shrinking them. */
  .mr-cinfo{gap:20px !important}
  .mr-cinfo-text{gap:0 !important}
  .mr-cinfo-text>:first-child{margin-bottom:7px}
  .mr-cinfo-text>:last-child{margin-top:-5px}
}