.kr-related { margin-block: 40px; }
.articles:has(+ .kr-wrapper) > .articles__box { padding-bottom: 0; }
.kr-wrapper > .articles__box { padding-top: 0; }
.kr-wrapper .kr-related { margin-block: 24px 40px; }
.kr-related .kr-related__heading { margin: 0 0 20px; font-size: 24px; font-weight: 400; text-transform: uppercase; }
.kr-related__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.kr-related a.kr-card { display: block; min-width: 0; color: #004663; text-decoration: none; border: 0; box-shadow: none; }
.kr-card__image { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #f2f4f5; border-radius: 2px; }
.kr-card__image img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; }
.kr-card__image--video img { object-fit: contain; }
.kr-card__placeholder { display: grid; place-items: center; height: 100%; color: #536772; }
.kr-card__play { position: absolute; inset: auto 8px 8px auto; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(22, 57, 73, .8); color: white; font-size: 12px; }
.kr-card__copy { display: block; padding-block-start: 10px; }
.kr-card__kind { display: block; margin-block-end: 5px; color: #526570; font-size: 14px; line-height: 1.4; }
.kr-card__title { display: block; font-size: 17px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.kr-related a.kr-card:hover { color: #315d70; }
.kr-card:hover .kr-card__title { text-decoration: underline; text-underline-offset: .2em; }
.kr-related a.kr-card:focus-visible { outline: 2px solid #004663; outline-offset: 5px; }
@media (max-width: 900px) { .kr-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
    .kr-related { margin-block: 32px; }
    .kr-related__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .kr-related a.kr-card { display: grid; grid-template-columns: minmax(0, 30%) minmax(0, 1fr); align-items: start; gap: 14px; }
    .kr-card__copy { padding: 0; }
    .kr-card__title { font-size: 16px; }
    .kr-card__play { width: 24px; height: 24px; inset: auto 4px 4px auto; font-size: 11px; }
}