.oprl-related{margin:2rem 0;padding:1.25rem;background:#f8fbfd;border:1px solid #cfdde7;border-radius:12px;color:#203b50}
.oprl-related h2{margin:0 0 1rem;font-size:1.5rem;color:inherit}
.oprl-related .oprl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.oprl-related .oprl-card{min-width:0;margin:0;padding:0;overflow:hidden;background:#fff;border:1px solid #cfdde7;border-radius:10px;box-shadow:0 2px 5px #203b5010}
.oprl-card>a{display:block;color:inherit;text-decoration:none}
.oprl-card>a:focus-visible{outline:3px solid #385873;outline-offset:-3px}
.oprl-card>a:hover .oprl-name{text-decoration:underline}
.oprl-photo{aspect-ratio:4/3;overflow:hidden}
.oprl-photo img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.oprl-name{display:block;padding:.8rem;font-size:1rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.oprl-related .oprl-reasons{margin:0;padding:0 .8rem .8rem;font-size:.85rem;line-height:1.4;color:#4b6172;overflow-wrap:anywhere}
@media(max-width:900px){.oprl-related .oprl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.oprl-related .oprl-grid{grid-template-columns:1fr}.oprl-related{padding:1rem}}