/* Homepage journal: one continuous row, with native touch scrolling. */
.home-page .journal-section{overflow:clip;position:relative}
.journal-carousel{--journal-gap:28px;--journal-width:clamp(280px,26vw,360px);position:relative}
.journal-viewport{display:flex;align-items:stretch;gap:var(--journal-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:auto!important;scrollbar-width:none;padding:20px max(32px,calc((100% - 1200px)/2)) 30px;scroll-padding-inline:32px;-webkit-overflow-scrolling:touch}
.journal-viewport::-webkit-scrollbar{display:none}
.journal-viewport>.article-card{flex:0 0 var(--journal-width);height:auto;min-height:100%;scroll-snap-align:start}
.journal-viewport .card-title{min-height:5.25em}
.journal-viewport:focus-visible{outline-offset:-5px;border-radius:8px}
.journal-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 0;padding-inline:20px}
.journal-controls button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c6d9e7;background:#ffffffc9;border-radius:50%;height:44px;min-width:44px;line-height:1;color:#155c91;transition:background .2s,border-color .2s,box-shadow .2s}
.journal-controls button:hover{background:#fff;border-color:#0878e8;box-shadow:0 4px 16px #0878e818}
.journal-controls button>span[aria-hidden]{font-size:23px;translate:0 -1px}
.journal-controls .journal-play{gap:9px;border-radius:99px;padding:0 17px;font-size:11px;font-weight:600;min-width:192px}
.journal-play svg{width:16px;height:16px;flex:none}
.carousel-play-icon,.journal-play[aria-pressed=true] .carousel-pause-icon{display:none}
.journal-play[aria-pressed=true] .carousel-play-icon{display:block}
.journal-controls button:disabled{opacity:.5}
html.rise-editing .journal-viewport{scroll-snap-type:x proximity}
@media(max-width:767px){.journal-carousel{--journal-gap:18px;--journal-width:min(78vw,318px)}.journal-viewport{padding:16px 20px 25px;scroll-padding-inline:20px}.journal-viewport .card-body{padding:19px 19px 22px}.journal-viewport .card-title{font-size:16px}.journal-controls{gap:10px;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.journal-controls button{transition:none}.journal-viewport{scroll-snap-type:x proximity}}
html[data-motion=off] .journal-controls button{transition:none}