*{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}
@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 ---- */
/* The post body is now editor content (the_content) inside .mr-post-content. The design styled each element inline;
   these rules carry the same values so seeded and newly edited content look identical. */
/* Body paragraphs (inline: font:400 16px/1.62 'Open Sans';margin:0 0 14px). */
.mr-post-content p{font:400 16px/1.62 'Open Sans',sans-serif;margin:0 0 14px}
/* Paragraphs that had text-wrap:pretty inline in the design carry class="mr-pretty" in the content. */
.mr-post-content p.mr-pretty{text-wrap:pretty}
/* Last FAQ paragraph before the closing note (inline: margin:0 0 24px). */
.mr-post-content p:has(+.mr-post-note){margin-bottom:24px}
/* Section headings (inline: font:700 22px/1.3 Montserrat;color:#262626;margin:28px 0 10px). */
.mr-post-content h2{font:700 22px/1.3 'Montserrat',sans-serif;color:#262626;margin:28px 0 10px}
/* Bullet lists (inline: margin:0 0 14px;padding-left:22px;flex column gap 8px;font 16px/1.62). */
.mr-post-content ul{margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:8px;font:400 16px/1.62 'Open Sans',sans-serif}
/* Closing "Moir Electric ..." note: red rule on the left + muted 15px text (both were inline on the div and its <p>). */
.mr-post-content .mr-post-note{border-left:6px solid #C54342;padding:4px 0 4px 20px}
.mr-post-content .mr-post-note p{font:400 15px/1.62 'Open Sans',sans-serif;margin:0;color:#7A7A7A}