/* P006-20: shared by H002 and the component catalog. */
.related-case-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;padding:0;margin:0;list-style:none}
.related-case-list li{min-width:0}.related-case-link{display:block;color:var(--color-text-primary);text-decoration:none}
.related-case-link>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-small)}
.related-case-info{padding-top:12px}.related-case-info time{font-size:12px;color:var(--color-text-secondary)}
.related-case-location{margin:2px 0;color:var(--color-brand-green-darker);font-size:14px;font-weight:700}
.related-case-info h3{margin:0;font-size:12px;font-weight:400;line-height:1.8;overflow-wrap:anywhere}
.related-case-link:hover h3{text-decoration:underline;text-underline-offset:3px}.related-case-link:hover img{opacity:.85}
@media(max-width:959px){.related-case-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
@media(max-width:479px){.related-case-list{grid-template-columns:1fr}.related-case-link{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px}.related-case-link>img{aspect-ratio:1}.related-case-info{padding-top:0}}

.related-case-link:focus-visible{outline:3px solid var(--color-brand-green-dark);outline-offset:4px}