/* Native horizontal scrolling keeps touch gestures and article buttons intact. */
#journal[data-journal-slider] .section-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px}
#journal[data-journal-slider] .news-grid{--journal-visible:3;--journal-gap:28px;display:flex;gap:var(--journal-gap);align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:6px;margin-block:-6px}
#journal[data-journal-slider] .news-grid::-webkit-scrollbar{display:none}
#journal[data-journal-slider] .news-card{flex:0 0 calc((100% - (var(--journal-visible) - 1)*var(--journal-gap))/var(--journal-visible));min-width:0;display:flex;flex-direction:column;align-items:stretch;scroll-snap-align:start;scroll-margin-inline:0;outline-offset:-2px}
#journal[data-journal-slider] .news-image{flex-shrink:0}
#journal[data-journal-slider] .news-card h3{max-width:100%}
#journal[data-journal-slider] .news-read{margin-top:auto}
.journal-slider-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-inline-start:auto}
.journal-slider-controls[hidden]{display:none}
.journal-slider-arrow{width:48px;height:48px;padding:0;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--fg);transition:background .2s,border-color .2s,opacity .2s}
.journal-slider-arrow .icon{width:24px;height:24px}
.journal-slider-prev .icon{transform:rotate(180deg)}
[dir="rtl"] .journal-slider-prev .icon{transform:none}
[dir="rtl"] .journal-slider-next .icon{transform:rotate(180deg)}
.journal-slider-arrow:hover:not([aria-disabled="true"]){background:var(--soft);border-color:var(--fg)}
.journal-slider-arrow[aria-disabled="true"]{opacity:.3;cursor:default}
.journal-slider-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){#journal[data-journal-slider] .news-grid{--journal-visible:2;--journal-gap:24px}}
@media(max-width:760px){#journal[data-journal-slider] .news-grid{--journal-visible:1;--journal-gap:20px}#journal[data-journal-slider] .section-heading{gap:20px}.journal-slider-arrow{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.journal-slider-arrow{transition:none}}