.mh-c08-article { --mh-green:#254d43; --mh-paper:#fffefa; --mh-sage:#f0f6f0; color:var(--mh-green); background:var(--mh-paper); max-width:1040px; margin:24px auto; padding:clamp(18px,5vw,62px); border:1px solid #d6e2d9; border-radius:24px; box-shadow:0 18px 50px #193e3210; font:17px/1.7 system-ui,sans-serif; overflow-wrap:anywhere; box-sizing:border-box; }
.mh-c08-article *, .mh-c08-article *::before, .mh-c08-article *::after { box-sizing:border-box; }
.mh-c08-article [hidden] { display:none !important; }
.mh-c08-article > :not(.mh-c08-overview) { max-width:750px; margin-left:auto; margin-right:auto; }
.mh-c08-article h2 { color:var(--mh-green); font:600 clamp(1.5rem,3vw,2rem)/1.25 Georgia,serif; margin-top:2.6rem; scroll-margin-top:100px; }
.mh-c08-article h2::before { content:''; display:block; width:38px; height:3px; background:linear-gradient(90deg,#406958 65%,#ba8949 65%); margin-bottom:14px; }
.mh-c08-article h3 { font:600 1.25rem/1.4 Georgia,serif; }
.mh-c08-article a { color:#235b51; text-decoration:underline; text-underline-offset:3px; }
.mh-c08-article :focus-visible { outline:3px solid #a66917; outline-offset:4px; }
.mh-c08-article .mh-c08-overview { max-width:900px; margin:28px auto; }
.mh-c08-article figure { margin:0 0 24px; border:1px solid #d6e2d9; border-radius:18px; overflow:hidden; }
.mh-c08-article figure img { display:block; width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:auto; object-fit:contain; }
.mh-c08-article figcaption { padding:12px 20px; font-size:.78rem; text-align:center; }
.mh-c08-evidence { padding:24px; background:var(--mh-sage); border:1px solid #cdded3; border-radius:18px; display:grid; grid-template-columns:1fr; gap:20px; }
.mh-c08-evidence p { margin:0; }
.mh-c08-evidence .mh-c08-dates { border-top:1px solid #cdded3; padding-top:18px; font-size:.85rem; }
.mh-c08-article nav { padding:16px 20px; border:1px solid #d6e2d9; border-radius:14px; font-size:.92rem; }
.mh-c08-article nav summary { cursor:pointer; font-weight:650; }
.mh-c08-article nav ol { padding-left:24px; }
.mh-c08-article blockquote { margin:24px 0; padding:16px 22px; border-left:3px solid #ae7e3a; background:#f8f5ed; }
.mh-c08-article pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:18px; background:#f3f4ee; border-radius:12px; font-size:.87rem; }
.mh-c08-article fieldset { min-width:0; padding:20px; margin:24px 0; border:1px solid #b9cfc1; border-radius:12px; }
.mh-c08-article legend { max-width:100%; padding:0 8px; font-weight:700; }
.mh-c08-article label { display:block; font-weight:600; margin:18px 0 7px; }
.mh-c08-article input, .mh-c08-article select { display:block; width:100%; min-width:0; min-height:48px; padding:10px; font:inherit; color:#203e36; background:#fff; border:1px solid #7d998b; border-radius:7px; }
.mh-c08-article select { font-size:.9rem; }
.mh-c08-article .mh-c08-help { font-size:.9rem; }
.mh-c08-actions { display:flex; flex-wrap:wrap; gap:12px; }
.mh-c08-actions button { min-height:48px; padding:12px 20px; border:1px solid #254d43; border-radius:8px; color:#fff; background:#254d43; font:600 1rem system-ui,sans-serif; cursor:pointer; }
.mh-c08-actions button[type=reset] { background:#fff; color:#254d43; }
.mh-c08-actions button:disabled { opacity:.55; cursor:not-allowed; }
.mh-c08-results { margin:24px 0; padding:24px; border:1px solid #9fb7a7; border-radius:14px; background:#edf5ed; }
.mh-c08-results dl > div { padding:12px 0; border-bottom:1px solid #d2e2d3; }
.mh-c08-results dt { font-weight:700; } .mh-c08-results dd { margin:4px 0; }
.mh-c08-errors { margin-top:20px; color:#76251d; background:#fff1eb; padding:18px; border-left:4px solid #a13e27; }
.mh-c08-byline { font-size:.9rem; }
@media(min-width:960px) { .mh-c08-evidence { grid-template-columns:2fr 1fr; gap:32px; } .mh-c08-evidence .mh-c08-dates { border-top:0; padding-top:0; border-left:1px solid #cdded3; padding-left:24px; } }
@media(max-width:689px) { .mh-c08-article { font-size:16px; line-height:1.68; border-radius:18px; } .mh-c08-article fieldset,.mh-c08-evidence { padding:16px; } }
@media print { .mh-c08-article { max-width:none; box-shadow:none; border:0; padding:0; color:#000; } .mh-c08-article nav,.mh-c08-actions { display:none; } .mh-c08-article figure { break-inside:avoid; } }
@media(prefers-reduced-motion:reduce) { .mh-c08-article { scroll-behavior:auto; } }

/* Scoped WordPress frame; calculator input and result styles above are retained. */
body.mh-design-system.mh-c08-reader-page .hero-section[data-type="type-1"] {min-height:0;padding-block:48px 36px;margin-bottom:28px}
body.mh-design-system.mh-c08-reader-page .hero-section .entry-header .page-title {font-size:clamp(2.9rem,4.25vw,4.35rem);max-width:18ch;line-height:1.08;letter-spacing:-.045em}
body.mh-c08-reader-page .entry-content {max-width:1040px!important;width:calc(100% - 32px);margin-inline:auto;padding-bottom:0}
.mh-c08-reader-page .mh-c08-article {width:100%;margin:0 auto 42px}
.mh-c08-reader-page .mh-c08-byline {font-size:.88em;color:#516259;padding-bottom:18px;border-bottom:1px solid #dce3d8}
.mh-c08-reader-page .mh-c08-breadcrumb {font-size:.88em;margin-bottom:18px}
.mh-c08-reader-page .mh-quick-answer {border-left:3px solid #b6c8a7;padding-left:22px}
.mh-c08-reader-page .mh-quick-answer h2 {margin-top:0}
.mh-c08-reader-page .mh-article-toc {margin-block:24px 30px}
.mh-c08-reader-page .mh-article-toc summary {min-height:44px;padding-block:14px;cursor:pointer}
.mh-c08-reader-page .mh-article-toc ol {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;padding:18px 22px 20px 42px;columns:auto}
.mh-c08-reader-page .mh-article-toc a {display:inline-block;padding-block:5px}
.mh-c08-reader-page .mh-c08-article h2 {scroll-margin-top:150px}
@media(max-width:689px){body.mh-design-system.mh-c08-reader-page .hero-section[data-type="type-1"]{padding-block:28px 24px}body.mh-design-system.mh-c08-reader-page .hero-section .entry-header .page-title{font-size:clamp(2.15rem,10.3vw,2.8rem);max-width:100%}.mh-c08-reader-page .mh-article-toc ol{grid-template-columns:minmax(0,1fr);padding:16px 14px 20px 30px}.mh-c08-reader-page .mh-quick-answer{padding-left:16px}}
@media print{body.mh-c08-reader-page #header,body.mh-c08-reader-page #wpadminbar,body.mh-c08-reader-page .ct-footer,body.mh-c08-reader-page .mhfr-trust-footer,body.mh-c08-reader-page .mh-c08-breadcrumb,body.mh-c08-reader-page .mh-reading-progress,body.mh-c08-reader-page .mh-back-to-top{display:none!important}body.mh-c08-reader-page .entry-content{max-width:none!important;width:100%}body.mh-c08-reader-page .hero-section{background:none!important;padding:0!important;margin:0 0 18px!important}body.mh-c08-reader-page .hero-section::before,body.mh-c08-reader-page .hero-section::after,body.mh-c08-reader-page .entry-header::before{display:none!important}body.mh-design-system.mh-c08-reader-page .hero-section .entry-header .page-title{font-size:25pt;max-width:none}body.mh-c08-reader-page h2,body.mh-c08-reader-page h3{break-after:avoid;break-inside:avoid}.mh-c08-reader-page .mh-quick-answer,.mh-c08-reader-page figure{break-inside:avoid}.mh-c08-reader-page .mh-c08-results{break-inside:avoid}.mh-c08-reader-page fieldset{break-inside:avoid}.mh-c08-reader-page .mh-c08-article{margin:0}}

/* Match the live C04 reference font stacks; method and controls unchanged. */
body.mh-c08-reader-page .mh-c08-article {font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.mh-c08-reader-page .mh-c08-article :is(h2,h3) {font-family:ui-serif,Georgia,Cambria,"Times New Roman",serif}
body.mh-c08-reader-page .mh-c08-actions button {font-family:inherit}

/* At narrow widths the progressive Top link remains available after the footer,
   outside article/form content instead of covering its lower-right corner. */
@media(max-width:689px){body.mh-c08-reader-page .mh-back-to-top{position:static;display:flex;width:max-content;margin:16px auto 32px;transform:none}}