.stories .story-carousel{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 52px)/3);overflow-x:auto;scroll-snap-type:x mandatory;gap:26px;padding:8px 4px 30px;scrollbar-width:thin;scrollbar-color:#bccce7 transparent}
.story-carousel .story-card{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}
.story-card .story-body{flex:1;display:flex;flex-direction:column}.story-card .story-body>span{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:6px}.story-card .ui-icon{width:17px;height:17px}
.story-carousel-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.story-carousel-controls .secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;background:white}.story-carousel-controls .more-stories{color:var(--blue);margin-left:10px}.story-carousel-controls [hidden]{display:none}
.stories-page{min-height:65vh}.stories-page h1{font-size:clamp(34px,4vw,54px);line-height:1.15;margin:16px 0 22px}.stories-search-row{display:flex;align-items:center;gap:24px;margin:36px 0}.stories-search-row .search{max-width:none;flex:1;width:100%;background:white}.stories-search-row .search>span{width:100%;font-size:12px}.stories-search-row input{display:block;width:100%;margin-top:5px}.stories-search-row>p{white-space:nowrap;color:var(--muted);font-size:13px}.stories-page .empty{grid-column:1/-1}.stories-page .story-card{display:flex;flex-direction:column}
@media(max-width:900px){.stories .story-carousel{grid-auto-columns:calc((100% - 26px)/2)}}
@media(max-width:600px){.stories .story-carousel{grid-auto-columns:86%;gap:18px}.stories-search-row{align-items:stretch;flex-direction:column;gap:8px}.stories.stories-page .grid{grid-template-columns:1fr}.story-carousel-controls .more-stories{margin-left:0}}
.story-carousel-controls a.more-stories{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 12px rgb(7 91 255 / 12%)}
.story-carousel-controls a.more-stories:hover{background:#0349d6;border-color:#0349d6;color:#fff}
.story-carousel-controls a.more-stories .ui-icon{color:inherit}
.stories-search-row{width:100%;scroll-margin-top:115px}