@media (max-width: 760px) {
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .unified-related-grid.article-related-scroll { display: flex; align-items: stretch; gap: 16px; overflow-x: auto; width: 100%; max-width: 100%; padding: 2px 2px 14px; scroll-snap-type: x proximity; overscroll-behavior-x: contain; scrollbar-width: thin; }
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .article-related-scroll > .guide-card { flex: 0 0 240px; align-self: stretch; min-width: 0; max-width: none; width: 240px; height: auto; }
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .article-related-scroll .guide-card-link { display: flex; flex: 1; flex-direction: column; height: 100%; }
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .article-related-scroll .guide-card-link:focus-visible { outline-offset: -3px; }
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .article-related-scroll .guide-card-image { flex: 0 0 auto; width: 100%; height: auto; aspect-ratio: 16/10; margin: 0; padding: 0; }
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .article-related-scroll .guide-card-image img { width: 100%; height: 100%; aspect-ratio: 16/10; object-fit: contain; }
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .article-related-scroll .guide-card-body { flex: 1; padding: 14px; min-width: 0; }
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .article-related-scroll .guide-card-body h3 { display: block; margin: 0; overflow: visible; -webkit-line-clamp: unset; overflow-wrap: anywhere; }
    :is(.guide-article .unified-article-related, .kids-local-related-scroll) .article-related-scroll .guide-card-body > p { display: none; }
    .article-related-scroll:focus-visible { outline: 3px solid #189384; outline-offset: -3px; }
}