/* Shared related-information component. Page styles only control placement. */
ul.related-links {display:block;list-style:none;width:100%;max-width:46rem;margin:12px 0 0;padding:4px 0 0;container:related-links / inline-size}
ul.related-links>li {display:block;min-width:0;max-width:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
ul.related-links>li:first-child {border-top:1px solid var(--line)}
ul.related-links>li>a {display:grid;grid-template-columns:3rem minmax(0,1fr) 1em;align-items:center;gap:10px;min-height:44px;margin:0;padding:6px 4px;color:var(--brand);text-decoration:none;line-height:1.5;font-weight:400}
.related-link-category {font-size:.75rem;color:var(--muted);white-space:nowrap}
.related-link-title {min-width:0;font-size:.875rem;font-weight:600;overflow-wrap:anywhere}
.related-link-arrow {justify-self:end}
ul.related-links>li>a:hover {background:var(--tint);color:var(--brand-hover)}
ul.related-links>li>a:hover .related-link-title {text-decoration:underline;text-underline-offset:4px}
ul.related-links>li>a:focus-visible {outline:2px solid var(--focus);outline-offset:2px;background:var(--tint)}
ul.related-links--card {max-width:none;margin:auto 0 0}
@container related-links (max-width:260px){
 ul.related-links>li>a {grid-template-columns:minmax(0,1fr) 1em;gap:2px 10px}
 .related-link-category {grid-column:1;grid-row:1}
 .related-link-title {grid-column:1;grid-row:2}
 .related-link-arrow {grid-column:2;grid-row:1 / 3}
}