/* "Further reading" on service pages (inc/related-content.php). The section frame, eyebrow and heading use the page
   family's own classes (sv / ec3 / cr3 / ga3); this file only lays out the two lists. Colours follow the section text. */
.ibs-related__grid { display: grid; gap: clamp(1.75rem, 4vw, 3.5rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); }
.ibs-related__title { margin: 0 0 .9rem; font-size: clamp(1.125rem, 1.05rem + .35vw, 1.375rem); font-weight: 700; line-height: 1.35; }
.ibs-related__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
.ibs-related__list li { border-bottom: 1px solid color-mix(in srgb, currentColor 22%, transparent); }
.ibs-related__list a, .ibs-related__more a { color: inherit; }
.ibs-related__list a { display: block; padding: .85rem 0; font-size: clamp(1rem, .97rem + .15vw, 1.0625rem); line-height: 1.5; text-decoration: none; }
.ibs-related__list a:hover, .ibs-related__list a:focus-visible { text-decoration: underline; text-underline-offset: .2em; }
.ibs-related__more { margin: 1rem 0 0; font-weight: 700; }
.ibs-related__more a { text-decoration: underline; text-underline-offset: .2em; }