/* Manual related-story carousel; native touch scrolling works without JavaScript. */
.mh-site .mh-recommendations{margin-top:36px;border-top:1px solid var(--mh-border);padding-top:18px;min-width:0;max-width:100%}
.mh-recommendation-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.mh-site .mh-recommendations h2{font-size:22px;line-height:1.35;font-weight:750;margin:0}
.mh-related-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.mh-related-controls[hidden]{display:none}
.mh-related-arrow{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--mh-border);border-radius:50%;background:var(--mh-card);color:var(--mh-brand);cursor:pointer}
.mh-related-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mh-related-arrow:hover:not(:disabled){background:var(--mh-soft)}
.mh-related-arrow:disabled{opacity:.35;cursor:default}
.mh-related-arrow:focus-visible,.mh-related-track:focus-visible,.mh-related-card a:focus-visible{outline:2px solid var(--mh-brand);outline-offset:3px}
.mh-related-track{display:flex;gap:14px;max-width:100%;min-width:0;padding:4px 2px 8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.mh-related-track::-webkit-scrollbar{display:none}
.mh-related-card{flex:0 0 calc((100% - 28px) / 3);min-width:0;scroll-snap-align:start}
.mh-related-card>a{display:block;text-decoration:none;color:var(--mh-navy)}
.mh-site .mh-related-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--mh-soft)}
.mh-site .mh-related-card h3{margin:10px 0 0;min-height:4.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.mh-related-card a:hover h3{color:var(--mh-blue)}
@media(max-width:1100px){.mh-related-card{flex-basis:calc((100% - 14px) / 2)}}
@media(max-width:767px){
 .mh-site .mh-recommendations h2{font-size:20px}
 .mh-related-card{flex-basis:85%}
 .mh-related-arrow{width:44px;height:44px}
 .mh-site .mh-related-card h3{}
}
@media print{.mh-recommendations{display:none}}