/* Existing Afternow palette, type and gutters; original report-page wording. */
.mh-report-home { --mh-rule: #d9d9d4; }
.mh-report-lead { padding: 36px var(--an-gutter) 72px; display:grid; grid-template-columns:minmax(0, 900px) auto; justify-content:space-between; align-items:start; gap:40px; }
.mh-report-lead p { font-size:clamp(24px,2.35vw,40px); line-height:1.2; letter-spacing:-.035em; }
.mh-report-lead .an-pill { white-space:nowrap; }
.mh-report-section { padding-top:68px; padding-bottom:68px; }
.mh-report-section::before { content:''; display:block; height:1px; background:var(--mh-rule); margin-bottom:30px; }
.mh-report-section .an-section-head { margin-bottom:48px; }
.mh-report-section .an-section-head > div { width:min(100%,1000px); max-width:1000px; }
.mh-report-section .an-section-intro { font-size:clamp(17px,1.5vw,22px); max-width:68ch; }
.mh-copy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.mh-copy-grid article { padding:28px 0 10px; border-top:1px solid var(--mh-rule); min-width:0; }
.mh-copy-grid h3 { font-size:clamp(24px,2.1vw,34px); line-height:1.13; margin-bottom:24px; }
.mh-copy-grid p { font-size:17px; line-height:1.5; color:var(--an-muted); }
.mh-types { grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
.mh-types article { background:var(--an-field); border:0; border-radius:10px; padding:28px; }
.mh-types p:first-of-type { font-family:var(--font-mono,monospace); font-size:12px; margin-bottom:24px; }
.mh-proof { margin-top:48px; }
.mh-process-step { display:grid; grid-template-columns:48px minmax(0,1fr) minmax(0,1.55fr); gap:36px; border-top:1px solid var(--mh-rule); padding:32px 0; align-items:start; }
.mh-process-step h3 { font-size:clamp(25px,2.3vw,38px); line-height:1.15; }
.mh-process-step p { max-width:65ch; font-size:18px; line-height:1.5; color:var(--an-muted); }
.mh-process-step img { display:block; width:100%; max-width:760px; max-height:460px; object-fit:contain; object-position:left; border-radius:10px; margin-top:28px; }
.mh-awards { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:36px; align-items:center; }
.mh-awards img { width:100%; height:140px; object-fit:contain; padding:0; }
.mh-publications > a { display:grid; grid-template-columns:minmax(110px,1fr) minmax(0,3fr) 24px; gap:36px; padding:28px 0; border-top:1px solid var(--mh-rule); align-items:start; }
.mh-publications h3,.mh-faq h3 { font-size:clamp(23px,2vw,32px); line-height:1.2; }
.mh-publications a:hover h3 { text-decoration:underline; text-underline-offset:.15em; }
.mh-faq details { border-top:1px solid var(--mh-rule); padding:26px 0; }
.mh-faq summary { list-style:none; display:flex; align-items:start; justify-content:space-between; gap:24px; cursor:pointer; }
.mh-faq summary::-webkit-details-marker { display:none; }
.mh-faq summary > span { font-size:32px; line-height:1; transition:transform .2s; }
.mh-faq details[open] summary > span { transform:rotate(45deg); }
.mh-faq details p { max-width:70ch; margin-top:24px; color:var(--an-muted); font-size:18px; line-height:1.5; }
@media(max-width:1000px) { .mh-types { grid-template-columns:repeat(2,minmax(0,1fr)); } .mh-copy-grid:not(.mh-types) { gap:24px; } .mh-process-step { grid-template-columns:36px minmax(0,1fr) minmax(0,1.6fr); gap:24px; } .mh-awards { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:640px) { .mh-report-lead { grid-template-columns:1fr; padding-bottom:45px; gap:26px; } .mh-report-lead .an-pill { justify-self:start; } .mh-copy-grid,.mh-types { grid-template-columns:1fr; } .mh-report-section { padding-top:35px; padding-bottom:35px; } .mh-report-section .an-section-head { margin-bottom:28px; } .mh-types article { padding:24px; } .mh-process-step { grid-template-columns:28px minmax(0,1fr); gap:16px; padding:26px 0; } .mh-process-step > div { grid-column:2; } .mh-process-step p,.mh-faq details p { font-size:17px; } .mh-awards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } .mh-awards img { height:100px; padding:0; } .mh-publications > a { grid-template-columns:minmax(0,1fr) 24px; gap:16px; } .mh-publications .an-label { grid-column:1/-1; } .mh-proof { margin-top:28px; } }