*{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}
li::marker{color:#C54342}
@keyframes mrChkIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform: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}}
@media (max-width:1024px){.mr-svcacc{padding-bottom:340px}.mr-svcacc-img{top:auto !important;bottom:0 !important;height:340px !important}.mr-svcacc-ov{width:100% !important;bottom:340px !important;border-left:0 !important;box-shadow:none !important}.mr-svcacc-empty{display:none}}
@media (max-width:640px){.mr-titlerow{flex-direction:column;align-items:flex-start !important}.mr-svcacc>.mr-split{padding:72px 0 !important}}

/* ---- WP port additions ---- */
/* Accordion state (was DC renderVals(): opacity:bgN, max-height:hN, opacity:oN, rotate(rN) written inline).
   Now one element per state; services.js toggles .is-open on the item and .is-active on the matching background image.
   Values are the design's verbatim: open panel max-height 2400px (do not lower - long panels clip on phones). */
/* Background images: bg{i} = 1 for the open item, 0 otherwise; bg0 = 1 when nothing is open (server renders bg0 .is-active). */
.mr-svcacc-img{opacity:0}
.mr-svcacc-img.is-active{opacity:1}
/* Panel: h{i} = open ? '2400px' : '0px', o{i} = open ? 1 : 0. */
.mr-svcacc-panel{max-height:0px;opacity:0}
.mr-svcacc-item.is-open .mr-svcacc-panel{max-height:2400px;opacity:1}
/* Plus icon: r{i} = open ? '45deg' : '0deg'. */
.mr-svcacc-icon{transform:rotate(0deg)}
.mr-svcacc-item.is-open .mr-svcacc-icon{transform:rotate(45deg)}
/* WYSIWYG blocks (moir_rich wrappers, display:contents). Paragraph values are the design's inline styles verbatim;
   links / strong / lists are additions so editor-added formatting matches the dark palette. */
/* Header intro (was one <p>, margin 0). */
.mr-rich--svchdr p{font:400 17px/1.65 'Open Sans',sans-serif;color:rgba(255,255,255,.78);margin:0;max-width:680px;text-wrap:pretty}
.mr-rich--svchdr p+p{margin-top:14px}
/* Accordion intro (was one <p>, margin 0 0 40px before the list). */
.mr-rich--svcintro p{font:400 17px/1.62 'Open Sans',sans-serif;color:rgba(255,255,255,.82);max-width:760px;margin:0 0 16px;text-wrap:pretty}
.mr-rich--svcintro>:last-child{margin-bottom:40px}
/* Accordion panel text (paragraphs margin 0 0 16px, last one 0). */
.mr-rich--svcpanel p{font:400 16px/1.62 'Open Sans',sans-serif;color:rgba(255,255,255,.82);margin:0 0 16px;text-wrap:pretty}
.mr-rich--svcpanel>:last-child{margin-bottom:0}
.mr-rich--svchdr a,.mr-rich--svcintro a,.mr-rich--svcpanel a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mr-rich--svchdr a:hover,.mr-rich--svcintro a:hover,.mr-rich--svcpanel a:hover{color:#E57B7A}
.mr-rich--svchdr strong,.mr-rich--svcintro strong,.mr-rich--svcpanel strong{font-weight:700;color:#fff}
.mr-rich--svchdr em,.mr-rich--svcintro em,.mr-rich--svcpanel em{font-style:italic}
.mr-rich--svcintro ul,.mr-rich--svcintro ol,.mr-rich--svcpanel ul,.mr-rich--svcpanel ol{font:400 16px/1.62 'Open Sans',sans-serif;color:rgba(255,255,255,.82);margin:0 0 16px;padding:0 0 0 22px}
.mr-rich--svchdr ul,.mr-rich--svchdr ol{font:400 17px/1.65 'Open Sans',sans-serif;color:rgba(255,255,255,.78);margin:14px 0 0;padding:0 0 0 22px;max-width:680px}
.mr-rich--svcintro li,.mr-rich--svcpanel li,.mr-rich--svchdr li{margin:0 0 6px}