.mhp-related{margin-top:28px;padding:30px;background:var(--mhp-surface,#fff);border:1px solid var(--mhp-border,#e2e8f0);border-radius:12px;box-shadow:var(--mhp-shadow)}.mhp-related-heading{margin-bottom:20px}.mhp-related-heading span{color:var(--mhp-accent);font-size:.67rem;font-weight:900;letter-spacing:.16em}.mhp-related-heading h2{margin:3px 0 0;font-size:1.3rem}.mhp-related-grid{display:grid;gap:16px}.mhp-related-grid.cols-2{grid-template-columns:repeat(2,1fr)}.mhp-related-grid.cols-3{grid-template-columns:repeat(3,1fr)}.mhp-related-grid.cols-4{grid-template-columns:repeat(4,1fr)}.mhp-related-grid article{min-width:0}.mhp-related-thumb{display:grid;place-items:center;aspect-ratio:16/10;border-radius:7px;background:linear-gradient(145deg,var(--mhp-accent),var(--mhp-accent-2));overflow:hidden;color:#fff;text-decoration:none;font-size:1.5rem;font-weight:900}.mhp-related-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.mhp-related article:hover img{transform:scale(1.04)}.mhp-related h3{margin:9px 0 0;font-size:.84rem;line-height:1.55}.mhp-related h3 a{color:var(--mhp-text);text-decoration:none}.mhp-related h3 a:hover{color:var(--mhp-accent)}@media(max-width:700px){.mhp-related{padding:22px 16px}.mhp-related-grid.cols-3,.mhp-related-grid.cols-4{grid-template-columns:repeat(2,1fr)}}