.st-related {background:var(--ivory);}
.st-related-heading {align-items:center;}
.st-related-controls:not([hidden]) {display:flex;align-items:center;gap:10px;flex-shrink:0;}
.st-related-controls .icon-button {width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--brand);cursor:pointer;}
.st-related-controls .icon-button:hover:not(:disabled) {background:var(--brand);color:var(--paper);border-color:var(--brand);}
.st-related-controls .icon-button:disabled {opacity:.35;cursor:default;}
.st-related-controls [data-related-prev] .icon {transform:rotate(180deg);}
.st-related-status {font-size:12px;color:var(--muted);min-width:65px;text-align:right;margin-right:7px;}
.st-related-track {--st-columns:3;--st-gap:28px;display:flex;gap:var(--st-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain;padding:0 0 20px;}
.st-related-track>.news-card {flex:0 0 calc((100% - (var(--st-columns) - 1)*var(--st-gap))/var(--st-columns));min-width:0;scroll-snap-align:start;}
.st-related-track .news-card h3 {overflow-wrap:anywhere;}
.st-related-track:focus-visible,.st-related-controls button:focus-visible {outline:2px solid var(--brand);outline-offset:4px;}
@media(max-width:1000px){.st-related-track{--st-columns:2;--st-gap:22px;}}
@media(max-width:600px){.st-related-track{--st-columns:1;--st-gap:18px;}.st-related-heading{display:flex;align-items:flex-start;flex-direction:column;gap:20px;}.st-related-controls:not([hidden]){align-self:flex-end;}.st-related-heading h2{font-size:36px;}}
