
.mk-related-section{padding:72px 0;border-top:1px solid rgba(255,255,255,.08)}
.mk-related-heading{max-width:760px;margin-bottom:28px}
.mk-related-heading>span{display:inline-block;margin-bottom:10px;font-size:.78rem;font-weight:800;letter-spacing:.14em;color:var(--primary,#60a5fa)}
.mk-related-heading h2{margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.15}
.mk-related-heading p{margin:0;color:var(--text-secondary,#9fb0bf);line-height:1.7}
.mk-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mk-related-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(14,27,37,.72);box-shadow:0 14px 40px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease}
.mk-related-card:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.38)}
.mk-related-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#0b1720}
.mk-related-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}
.mk-related-card:hover .mk-related-media img{transform:scale(1.025)}
.mk-related-body{padding:20px}
.mk-related-body h3{margin:0 0 9px;font-size:1.08rem;line-height:1.35}
.mk-related-body h3 a{color:inherit;text-decoration:none}
.mk-related-body p{margin:0 0 16px;color:var(--text-secondary,#9fb0bf);font-size:.93rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mk-related-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary,#60a5fa);font-weight:750;text-decoration:none}
.mk-related-link span{transition:transform .2s ease}.mk-related-link:hover span{transform:translateX(4px)}
@media(max-width:900px){.mk-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mk-related-section{padding:52px 0}.mk-related-grid{grid-template-columns:1fr}.mk-related-heading{margin-bottom:20px}.mk-related-card{border-radius:16px}}
