.kyrat-related{margin:40px 0 12px;padding-top:28px;border-top:1px solid #e2e8f0;clear:both}
.kyrat-related .kyrat-related__heading{font-size:26px;font-weight:750;line-height:1.25;color:#18243b;margin:0 0 22px}
.kyrat-related .kyrat-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kyrat-related a.kyrat-related__card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#18243b;text-decoration:none;box-shadow:0 4px 14px #19233b05;transition:transform .18s,border-color .18s,box-shadow .18s}
.kyrat-related a.kyrat-related__card:hover{transform:translateY(-3px);border-color:#b9cafa;color:#245be8;box-shadow:0 10px 24px #19233b0d}
.kyrat-related a.kyrat-related__card:focus-visible{outline:3px solid #245be8;outline-offset:4px}
.kyrat-related .kyrat-related__cover{aspect-ratio:16/10;background:#edf2ff;overflow:hidden}
.kyrat-related .kyrat-related__image{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.kyrat-related .kyrat-related__placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:18px;background:linear-gradient(130deg,#e8f0ff,#f4f6ff);color:#245be8;font:700 17px/1.4 monospace;overflow-wrap:anywhere}
.kyrat-related .kyrat-related__placeholder small{font:600 9px/1.4 sans-serif;letter-spacing:1px;color:#64748b}
.kyrat-related .kyrat-related__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px}
.kyrat-related .kyrat-related__category{font-size:11px;line-height:1.4;font-weight:700;color:#d9364f}
.kyrat-related .kyrat-related__title{font-size:17px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.kyrat-related .kyrat-related__read{margin-top:auto;padding-top:8px;font-size:12px;line-height:1.5;font-weight:700;color:#245be8}
@media(max-width:600px){.kyrat-related .kyrat-related__grid{grid-template-columns:1fr}.kyrat-related .kyrat-related__heading{font-size:23px}.kyrat-related .kyrat-related__cover{aspect-ratio:16/8}}
@media(prefers-reduced-motion:reduce){.kyrat-related a.kyrat-related__card{transition:none}.kyrat-related a.kyrat-related__card:hover{transform:none}}