/* Scoped to the related component. Existing photos, typography and content order remain. */
.elr-related{margin-block:2rem 3rem;padding-block:1.5rem;border-top:1px solid #b7c2cc;color:#25374b;background:#fbfbfa;scroll-margin-block:140px 90px}
.elr-related h2{font-family:inherit;font-size:1.125rem;line-height:1.6;margin:0 0 1rem}
.elr-related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 1.5rem}
.elr-related li{min-width:0;margin:0;padding:0}
.elr-related .elr-link{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;box-sizing:border-box;height:100%;padding:.9rem .3rem;border-bottom:1px solid #9baabb;color:#25374b;text-decoration:none;line-height:1.7;overflow-wrap:anywhere;scroll-margin-block:140px 90px}
.elr-link strong{font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:.25em}
.elr-description{display:block;font-size:.875rem;line-height:1.8;margin-top:.4rem;color:#415368}
.elr-link:hover strong{text-decoration-thickness:2px}
.elr-link:focus-visible{outline:3px solid #233f63;outline-offset:4px;background:#edf2f7}
[data-elr-target]:focus-visible{outline:3px solid #233f63;outline-offset:4px;scroll-margin-block:150px 90px}
@media(max-width:700px){.elr-related{margin-block:1.5rem 2rem}.elr-related ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.elr-related *{scroll-behavior:auto}}
