/* Section layout only; article cards keep their existing listing styles. */
.sofl-public-detail .article-related-section { padding-block:var(--public-section-space,72px); background:var(--public-section-background, #faf8f4); }
.sofl-public-detail .article-related-heading { text-align:center; margin:0 auto 36px; }
.sofl-public-detail .article-related-heading .public-section-eyebrow { justify-content:center; }
.sofl-public-detail .article-related-heading .public-section-description { max-width:680px; margin-inline:auto; }
.sofl-public-detail .article-related-carousel { position:relative; padding:0 56px; }
.sofl-public-detail .article-related-track { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 1px 16px; }
.sofl-public-detail .article-related-track::-webkit-scrollbar { display:none; }
.sofl-public-detail .article-related-track > .sofl-related-content-item { flex:0 0 calc((100% - 48px)/3); min-width:0; display:flex; scroll-snap-align:start; }
.sofl-public-detail .article-related-track > .sofl-related-content-item > article { width:100%; }
.sofl-public-detail .article-related-carousel > button { position:absolute; top:45%; width:44px; height:44px; border:1px solid #edf0f5; border-radius:50%; background:white; color:var(--public-heading-color); box-shadow:0 4px 16px #08264c0a; display:grid; place-items:center; }
.sofl-public-detail .article-related-prev { left:0; }
.sofl-public-detail .article-related-next { right:0; }
.sofl-public-detail .article-related-carousel > button:disabled { opacity:.35; cursor:default; }
.sofl-public-detail .article-related-section :is(a,button,[tabindex]):focus-visible { outline:3px solid #bb8c2b; outline-offset:3px; }
@media(max-width:1199.98px) { .sofl-public-detail .article-related-track > .sofl-related-content-item { flex-basis:calc((100% - 24px)/2); } }
@media(max-width:575.98px) {
 .sofl-public-detail .article-related-carousel { padding:0 0 54px; }
 .sofl-public-detail .article-related-track > .sofl-related-content-item { flex-basis:100%; }
 .sofl-public-detail .article-related-carousel > button { top:auto; bottom:0; }
 .sofl-public-detail .article-related-prev { left:calc(50% - 52px); }
 .sofl-public-detail .article-related-next { right:calc(50% - 52px); }
}

/* Featured articles use bottom pagination; shared cards remain unchanged. */
.sofl-public-detail[data-featured-dots] .article-related-carousel { padding:0; }
.article-featured-dots { display:flex; justify-content:center; gap:8px; margin-top:16px; }
.article-featured-dots[hidden] { display:none; }
.article-featured-dots button { width:10px; height:10px; padding:0; border:0; border-radius:50%; background:#dce3ef; }
.article-featured-dots button[aria-current="true"] { background:#08764e; }
.article-featured-dots button:focus-visible { outline:2px solid #0b1830; outline-offset:3px; }

[data-featured-dots] [data-related-track] { cursor:grab; }
[data-featured-dots] [data-related-track].is-dragging { cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; user-select:none; }
[data-featured-dots] [data-related-track].is-dragging * { cursor:grabbing; user-select:none; }