.mh-section { padding: clamp(3rem, 6vw, 6rem) 0; border-top: 1px solid #e3ddd5; background: #fbf9f5; color: #1c1f2d; scroll-margin-top: 6rem; }
.mh-section h2 { max-width: 24ch; margin: .7rem 0 1.5rem; font-size: clamp(1.8rem, 3.4vw, 3.1rem); line-height: 1.12; }
.mh-section p { max-width: 85ch; line-height: 1.65; }
.mh-intro { font-size: 1.15rem; }
.mh-steps, .mh-columns { display: grid; gap: 2rem; margin: 2rem 0; }
.mh-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-left: 1.3rem; }
.mh-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mh-section h3 { font-size: 1.15rem; line-height: 1.35; }
.mh-steps li::marker { color: #b8522e; font-weight: 700; }
.mh-note { padding-left: 1rem; border-left: 3px solid #e76b45; }
.mh-section a { display: inline-block; margin-top: 1rem; color: #a94326; font-weight: 600; text-underline-offset: .2em; overflow-wrap: anywhere; }
@media (max-width: 700px) { .mh-steps, .mh-columns { grid-template-columns: 1fr; gap: 1rem; } }