/* Stories page (Figma 434:20625 / filtered 434:23076) */
.stories{background:var(--surface-background)}
.stories__band{background:var(--surface-elevated);padding-top:172px}   /* Figma 434:20638: title 172 from the top (navbar 116 + 56) */
.stories__lead{width:min(1400px,100% - 2*clamp(24px,3.7vw,56px));margin-inline:auto;padding-bottom:var(--space-24)}
.stories__divider{width:100%;margin:0}
.stories__hero,.stories__body{width:min(1288px,100% - 2*clamp(24px,7.78vw,112px));margin-inline:auto}
.stories__title{font:var(--text-7xl);text-transform:uppercase;color:var(--text-primary);margin:0;height:72px;display:flex;align-items:center}
.stories__intro{font:var(--text-lg);color:var(--text-secondary);max-width:842px;margin:var(--space-12) 0 0}
.stories__featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20);margin-top:var(--space-32);height:625px}
.stories__featured .story-card{height:100%}
.stories__filters{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);margin-top:var(--space-64)}
.stories__chips{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap;min-width:0}
.stories__filters .select{flex:none;min-width:103px}
.stories__filters .select__menu{left:auto;right:0;min-width:160px}
.stories__body{padding-top:var(--space-28)}
.stories__results{font:var(--text-xl);text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--space-28);height:28px;display:flex;align-items:center;white-space:pre}
.stories__results[hidden]{display:none}
.stories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-44) var(--space-24);align-items:stretch}
.stories__grid>div,.spotlight__slot>div{display:contents}
.stories__grid:empty{display:none}
.stories__grid{grid-auto-rows:1fr}.stories__grid .story-card,.spotlight__slot .story-card{height:auto}.stories__grid .story-card__content,.spotlight__slot .story-card__content{flex:1}.stories__grid .story-card__more,.spotlight__slot .story-card__more{margin-top:auto}
.spotlight{margin:var(--space-64) 0;padding:var(--space-48) var(--space-40);background:var(--surface-selected);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-24)}
.spotlight[hidden]{display:none}
.spotlight .section-header{min-height:36px}
.spotlight .section-header__title{font:var(--text-3xl);text-transform:uppercase}
.spotlight__row{display:grid;grid-template-columns:350px minmax(0,1fr) minmax(0,1fr);gap:var(--space-40);align-items:start}
.spotlight__slot{min-width:0}
.spotlight .author--large{max-width:350px}
.stories__more{display:flex;justify-content:center;margin:var(--space-48) 0 var(--space-80)}
.stories__more[hidden]{display:none}
.stories__body>.stories__grid[data-grid-b]:empty+.stories__more{margin-top:var(--space-48)}
.stories__grid[data-grid-a]:empty+.spotlight{margin-top:0}
.stories+.newsletter{margin-top:0}
@media (max-width:900px){
  .stories__band{padding-top:var(--space-96)}
  .stories__title{font:var(--text-5xl)}
  .stories__featured{grid-template-columns:1fr;height:auto}.stories__featured .story-card{aspect-ratio:690/625;height:auto}
  .stories__filters{flex-direction:column;align-items:stretch}
  .stories__chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-8);scrollbar-width:none}
  .stories__chips::-webkit-scrollbar{display:none}
  .stories__chips>*{flex:none}
  .stories__grid{grid-template-columns:1fr}
  .spotlight{padding:var(--space-24) var(--space-16)}
  .spotlight__row{grid-template-columns:1fr}
  .spotlight .author--large{max-width:none}
}
.spotlight__authors{min-width:0}.spotlight__slide[hidden]{display:none}.spotlight__slot:empty{visibility:hidden}
.spotlight__row{align-items:stretch}.spotlight__slot{display:flex}.spotlight__slot>.story-card{flex:1}
/* every card on this page has the same fixed height, whatever the title or byline length */
.stories .story-card__content{height:202px;flex:none;box-sizing:border-box}
.stories .story-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stories .story-card__byline{flex-wrap:nowrap;min-width:0}
.stories .story-card__byline .author{min-width:0;flex:0 1 auto}
.stories .story-card__byline .author__name{overflow:hidden;text-overflow:ellipsis}
.stories .story-card__meta{flex:none}
/* hero cards keep the full "main" story-card layout; Figma 914:24819 Topic badge: 14/20, 4 / 12, min 24 (desktop) */
@media (min-width:1024px){.stories .stories__featured>.story-card--main .badge{min-height:24px;padding:var(--space-4) var(--space-12);font:var(--text-sm)}}
.stories .stories__featured .story-card__content{height:auto;flex:none}
.stories .stories__featured .story-card__title{display:block;-webkit-line-clamp:unset;overflow:visible}

/* Filter bar (Figma 777:26382): 4 selects + Clear Filters, results row, empty state */
.stories__heading{font:var(--text-3xl);text-transform:uppercase;color:var(--text-primary);margin:0;height:36px;display:flex;align-items:center}
.stories__filters{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-24);margin-top:var(--space-28)}
.stories__selects{display:flex;gap:var(--space-16);align-items:flex-start;min-width:0}
.stories__selects .select{width:200px;flex:none}
.stories__filters .select__menu{left:0;right:auto;min-width:100%}
.stories__clear{height:48px;padding:var(--space-12) var(--space-24);gap:var(--space-8);font-size:14px;line-height:20px}
.stories__clear[hidden]{display:none}
.stories__resultsrow{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-28);min-height:55px;flex-wrap:wrap}
.stories__resultsrow[hidden]{display:none}
.stories__count{font:var(--text-xl);color:var(--text-secondary);white-space:nowrap}
.stories__chips{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}
.stories__comma{font:var(--text-xl);color:var(--text-secondary)}
.stories__query{font:var(--text-xl);color:var(--text-secondary)}
.stories__resultsrow .follow-item__img--logo{background:var(--neutral-0);border:.5px solid var(--border-default)}
.stories__resultsrow .follow-item__img--logo img{object-fit:contain;padding:3px;border:0;box-sizing:border-box}
.stories__resultsrow .follow-item__img--avatar img{object-position:top}
.stories__body{padding-top:var(--space-28)}
.stories__resultsrow+.stories__body{padding-top:var(--space-28)}
@media (max-width:900px){
  .stories__filters{flex-direction:column;align-items:stretch}
  .stories__selects{flex-wrap:wrap}
  .stories__selects .select{width:calc(50% - 8px)}
}
.stories__hero{padding-top:var(--space-64)}
.stories .select__input:focus,.stories .select__input:focus-visible{outline:0;box-shadow:none;border:0;background:transparent}
.stories__resultsrow .follow-item--topic.is-active.is-active{background:var(--neutral-0);border:1px solid var(--border-default);box-shadow:var(--shadow-button-default)}
.stories__resultsrow .follow-item__label{font:var(--text-base);color:var(--text-primary)}

/* Filters stay fixed while scrolling; the navbar does not (same as Game Day) */
.stories__hero--bar,.stories__hero--results{padding-top:0}
.stories__bar{position:sticky;top:0;z-index:40;background:var(--surface-background);padding:var(--space-28) 0 var(--space-16)}
.stories__bar .stories__filters{margin-top:0}
.stories__hero--results .stories__resultsrow{margin-top:0}
body[data-nav-active="stories"] .nav{position:absolute}

/* Small screens: List cards sit 12 apart (the 44px desktop row gap is for the 397-tall Default cards) */
@media (max-width:640px){.stories__grid{row-gap:var(--space-12);grid-auto-rows:auto}}
/* Small screens: the two leads use Story Card Main XS (Figma 1528:68082; base rules in story-card.css) */
@media (max-width:767px){
  .stories .stories__featured{gap:var(--space-16)}
  .stories .stories__featured .story-card{aspect-ratio:358/336;height:auto}
  .stories .stories__featured .story-card__title{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}
}

/* =====================================================================
   Tablet + phone (Prompt 14; Figma Stories tablet 1875:80380 Default / 1875:81339 Filtered / 1875:81889 Empty / 1875:82335 Filters,
   mobile 1558:73666: Viewport 1558:4256, full scroll 1558:72029, Filtered 1558:72615, Empty 1558:72866, Filters 1558:73324, Grid 1586:72648).
   Mobile filtering standard: one App / Filter Row above the list (Filters button + quick sport chips), the Filters sheet holds the rest;
   the desktop Selects and Clear Filters button are desktop only. Filtered: the lead and the list title give way to the results header.
   ===================================================================== */
.stories__frow,.stories__dots,.stories__view,.stories__clearlink{display:none}
.stories__restop{display:contents}
/* Desktop Results header (777:26370 / 1893:81756): count + topic chips, then a Spacer and the "Clear all" link at the right end;
   the filter row is the selects only (Figma no longer draws the Clear Filters button) */
@media (min-width:1024px){
  .stories__clear,.stories__clear:not([hidden]){display:none}
  .stories__resultsrow .stories__count{order:1}
  .stories__resultsrow .stories__chips{order:2}
  .stories__resultsrow .stories__clearlink{order:3;display:inline-flex;align-items:center;margin-left:auto;padding:var(--space-4) 0;border:0;background:none;cursor:pointer;font:var(--text-xs);color:var(--text-link);white-space:nowrap}
  .stories__resultsrow .stories__clearlink:hover{text-decoration:underline;text-underline-offset:2px}
}
@media (max-width:1023px){
  .stories__filters{display:none}
  .stories__frow{display:flex}
  .stories__frow .app-filter-row__chips .filter-chip{flex:none}
  .stories__bar{position:static;padding:0}
  .stories__listbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}
  .stories__clearlink{display:inline-flex;align-items:center;padding:var(--space-4) 0;border:0;background:none;cursor:pointer;font:var(--text-xs);color:var(--text-link);white-space:nowrap}
  .stories__clearlink:hover{text-decoration:underline;text-underline-offset:2px}
  .stories__resultsrow{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-12);min-height:0;margin-top:0}
  .stories__resultsrow[hidden]{display:none}
  .stories__restop{display:flex;align-items:center;gap:var(--space-12);min-height:22px}
  .stories__count{font:var(--text-mobile-label);letter-spacing:.44px;text-transform:uppercase;color:var(--text-secondary)}
  .stories__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:var(--space-4)}
  .stories__chips::-webkit-scrollbar{display:none}
  .stories__chips>*{flex:none}
  .stories__comma{font:var(--text-row-title);align-self:center;margin-right:var(--space-4)}
  .stories__resultsrow .follow-item__label{font:var(--text-xs)}
  .stories__query{font:var(--text-sm)}
  /* Filtered (and Empty): lead + divider + list title hidden, Filter Row right under the navbar / header */
  .stories.is-filtered :is(.stories__divider,.stories__listbar,.stories__featured,.stories__intro,.stories__dots){display:none}
  /* the band (and its h1) stays for screen readers: one h1 per page in every state (Prompt 28 1.8) */
  .stories.is-filtered .stories__band{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .spotlight .author--large{display:flex;flex-direction:row;align-items:center;gap:var(--space-12);max-width:none}   /* Author Medium (1902:62387) */
  .spotlight .author--large .author__avatar{width:40px;height:40px}
  .spotlight .author--large .author__info{flex:1;min-width:0;gap:var(--space-4)}
  .spotlight .author--large .author__name{font:var(--text-base);text-transform:none}
  .spotlight .author--large .author__role{font:var(--text-sm);color:var(--text-secondary)}
  .spotlight .author--large .author__bio{display:none}
  .spotlight .author--large .follow-btn{flex:none}
}
/* Tablet 600–1023 (1875:80381): navbar 120, hero 40 top (title 36, 12, intro 14/20, 24), featured 2 × 332×360 (40 / 40), 8 divider,
   More Stories 40 top: title 36, 20, Filter Row 56, 20, 2-col grid 332×332 16 apart, 32 bottom; Spotlight panel 40 / 40 outside,
   32 / 24 / 32 inside (Author Medium + 2 cards 308 wide); Load More 156×48, 48 below */
@media (min-width:600px) and (max-width:1023px){
  .stories__band{background:var(--surface-background);padding-top:calc(var(--nav-h,120px) + var(--space-40))}
  .stories__lead,.stories__hero,.stories__body{width:calc(100% - 2 * var(--space-32))}
  .stories__lead{padding-bottom:var(--space-40)}
  .stories__title{font:var(--text-3xl);height:36px}
  .stories__intro{font:var(--text-sm);max-width:none;margin-top:var(--space-12)}
  .stories .stories__featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16);height:360px;margin-top:var(--space-64)}
  .stories .stories__featured .story-card{aspect-ratio:auto;height:360px}
  /* Featured Story Card tablet (1875:80422): Mobile/08 18/24 title on 2 lines, badge 10/14 with 4 / 12 */
  .stories .stories__featured>.story-card--main .story-card__title{font:var(--text-mobile-2xl);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .stories .stories__featured>.story-card--main .badge{min-height:20px;padding:var(--space-4) var(--space-12);font:var(--text-xxs)}
  /* Story Card tablet (1875:80570): Mobile/09 text-xl 16/20 title, up to 3 lines (max 60) */
  .stories :is(.stories__grid,.spotlight__slot) .story-card:not(.story-card--main) .story-card__title{font:var(--text-card-title);-webkit-line-clamp:3}   /* same values as Mobile/09 · text-xl (16/20); no mobile-xl token yet */
  /* Author Medium in the Spotlight (1896:69815): Info hugs its text, Follow sits 12 after it */
  .spotlight .author__info{flex:none}
  /* tablet cards show author + read time only (1875:80570; Isabel's date rule is for desktop cards) so names are not cut */
  .stories :is(.stories__grid,.spotlight__slot) .story-card:not(.story-card--main) .story-card__meta>span:not(:first-child){display:none}
  .stories__intro{color:var(--text-primary)}   /* tablet 1875:80522 binds text/primary (desktop: text/secondary) */
  .stories__hero{padding-top:var(--space-40)}
  .stories__hero--bar,.stories__hero--results{padding-top:0}
  .stories__frow{margin-top:var(--space-20);padding:0;min-height:56px}   /* App / Filter Row keeps its border/subtle rule (1875:80538) */
  /* Filtered / Empty tablet (1875:81339): the "All Stories" header stays, 40 under the navbar, Filter Row 20 below; Clear all at the right end */
  .stories.is-filtered .stories__listbar{display:flex;padding-top:calc(var(--nav-h,120px) + var(--space-40))}
  .stories__restop .stories__clearlink{margin-left:auto}
  .stories.is-filtered .stories__resultsrow{margin-top:var(--space-20)}   /* Results Header 20 under the Filter Row (1897:81526) */
  .stories__resultsrow .stories__chips{margin-bottom:calc(-1 * var(--space-8))}   /* keeps the 8 shadow room without adding height (Topics row is 36) */
  .stories__hero--results .stories__resultsrow{padding-top:var(--space-16);padding-bottom:var(--space-4)}
  .stories__body{padding-top:var(--space-20)}
  .stories__resultsrow+.stories__body,.stories__hero--results:has(.stories__resultsrow:not([hidden]))+.stories__body{padding-top:var(--space-20)}
  .stories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16);grid-auto-rows:332px}
  .stories__grid .story-card{height:332px}
  .stories .story-card__content{height:auto;flex:1}
  .spotlight{margin:var(--space-72) 0;padding:var(--space-32) var(--space-24);gap:var(--space-24)}
  .spotlight .section-header__title{font:var(--text-3xl)}
  .spotlight__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24) var(--space-16)}
  .spotlight__authors{grid-column:1 / -1}
  .spotlight__slot{height:332px}
  .stories__more{margin:var(--space-32) 0 var(--space-48)}
}
/* Phone <600 (1558:72029): App / Header; Lead 16 top / 16 left / 8 bottom with 326×336 cards 12 apart that scroll sideways + dots (12 / 4);
   8 divider; List Bar 24 top (App / List Header + View Toggle); Filter Row 56 (16 left, border/subtle); Story List 16 / 16, rows 16 apart;
   Spotlight panel 24 / 16 / 8 outside, 20 / 16 / 16 inside; Story List 2 + Load More (full width, Small); Newsletter CTA */
@media (max-width:599px){
  .stories__band{background:var(--surface-background);padding-top:0}
  .stories__lead{width:100%;padding:var(--space-16) 0 var(--space-8)}
  .stories__intro{display:none}
  /* the page h1 stays for screen readers (one h1 per page, Prompt 28 1.8); Figma draws no visible title on phones */
  .stories__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
  .stories .stories__featured{display:flex;gap:var(--space-12);height:auto;margin:0;padding:0 var(--space-16);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-16);scrollbar-width:none}
  .stories .stories__featured::-webkit-scrollbar{display:none}
  .stories .stories__featured>.story-card{flex:none;width:326px;height:336px;aspect-ratio:auto;scroll-snap-align:start}
  .stories__dots{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-12) var(--space-16) var(--space-4)}
  .stories__dots i{width:6px;height:6px;border-radius:var(--radius-full);background:var(--border-strong);transition:width .2s}
  .stories__dots i.is-active{width:16px;background:var(--text-primary)}
  .stories__hero,.stories__body{width:100%}
  .stories__listbar{padding:var(--space-24) var(--space-12) 0 var(--space-16);box-sizing:border-box}
  .stories__heading{height:32px;font:var(--text-mobile-label);letter-spacing:.44px;color:var(--text-secondary)}
  .stories__view{display:flex}
  .stories__frow{box-sizing:border-box;height:56px;min-height:0;padding:0 0 0 var(--space-16);gap:var(--space-8);border-bottom:1px solid var(--border-subtle);background:var(--surface-background)}
  .stories__frow .app-filter-row__chips{padding-right:var(--space-16)}
  .stories__hero--results .stories__resultsrow{padding:var(--space-16) 0 var(--space-4) var(--space-16)}
  .stories__restop{padding-right:var(--space-12)}
  .stories__resultsrow>.stories__chips{max-width:100%}   /* the Topics row scrolls inside the screen (it pushed the page 16 px sideways when filtered) */
  .stories__restop .stories__view{margin-left:auto}
  .stories__body{padding:var(--space-16) var(--space-16) 0;box-sizing:border-box}
  .stories__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-16);grid-auto-rows:auto}
  .stories[data-view="grid"] .stories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}
  .stories .story-card__content{height:auto}
  .spotlight{margin:var(--space-24) 0 var(--space-8);padding:var(--space-20) var(--space-16) var(--space-16);gap:var(--space-16)}
  .spotlight .section-header{min-height:40px}
  .spotlight .section-header__title{font:var(--text-mobile-label);letter-spacing:.44px;color:var(--text-secondary)}
  .spotlight__row{grid-template-columns:minmax(0,1fr);gap:var(--space-12)}
  .spotlight[hidden]+.stories__grid{margin-top:0}
  .stories__grid[data-grid-b]{padding-top:var(--space-8)}
  .stories__more{margin:var(--space-16) 0 var(--space-24)}
  .stories__more .btn{width:100%;height:40px;padding:var(--space-8) var(--space-16);font:var(--text-xs)}
  .stories.is-filtered .stories__body{padding-top:var(--space-16)}
}
@media (prefers-reduced-motion:reduce){.stories__dots i{transition:none}}
/* Phone Grid view (Figma 1586:72648): two columns of Story Card Size=Grid 173×195 (16:9 image on top, 8 padding, 2-line 14/18 title, author) */
@media (max-width:599px){
  .stories[data-view="grid"] .stories__grid .story-card:not(.story-card--main){flex-direction:column;align-items:stretch;gap:0;padding:0}
  .stories[data-view="grid"] .stories__grid .story-card:not(.story-card--main) .story-card__media{width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--radius-md) var(--radius-md) 0 0}
  .stories[data-view="grid"] .stories__grid .story-card:not(.story-card--main) .story-card__content{flex:none;width:auto;justify-content:flex-start;padding:var(--space-12) var(--space-12) var(--space-12);gap:var(--space-6)}
  .stories[data-view="grid"] .stories__grid .story-card:not(.story-card--main) .story-card__meta{display:none}
}
/* Tablet leads (Figma 1875:80422 Featured Story Card, 332×360): the Main XS anatomy, as on phones (panel inset 12, 2-line 18/24 title,
   1-line description, author + read time) */
@media (min-width:600px) and (max-width:1023px){
  .stories__featured>.story-card--main{border-radius:var(--radius-md)}
  .stories__featured>.story-card--main .story-card__content{left:12px;right:12px;bottom:12px;padding:var(--space-16);gap:var(--space-8);box-shadow:var(--shadow-card-content-up)}
  .stories__featured>.story-card--main .story-card__title{font:var(--text-2xl);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .stories__featured>.story-card--main .story-card__desc{font:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stories__featured>.story-card--main .badge{min-height:20px;padding:var(--space-2) var(--space-12);font:var(--text-xxs)}
  .stories__featured>.story-card--main .author__avatar{width:20px;height:20px}
  .stories__featured>.story-card--main :is(.author__name,.story-card__meta){font:var(--text-xs)}
  .stories__featured>.story-card--main .story-card__meta>span:not(:first-child){display:none}
}
/* 1024–1279: five 200 px Selects + Clear Filters did not fit (sideways scroll at 1024); the Selects share the row instead */
@media (min-width:1024px) and (max-width:1279px){
  .stories__filters{gap:var(--space-16)}
  .stories__selects{flex:1 1 auto;gap:var(--space-12)}
  .stories__selects .select{width:auto;flex:1 1 0;min-width:0}
  .stories__clear{flex:none}
}
/* Select options show image + label only (Figma 777:26174, 1751:70638: no counts) */
.stories__filters .select__count{display:none}
/* Results chips = Follow Item · Show remove. Desktop 777:27198: 55 tall, padding 8, 32 image 4 from a 16/24 label, Follow Button 39 tall
   (radius full, border/subtle, surface/default, 14/20); tablet + phone 1897:81532: the compact 36 chip with the same 26-tall pill Follow Button. */
.stories__resultsrow .follow-item.is-active .follow-btn:not(.is-following){background:var(--surface-default);border-color:var(--border-subtle)}
.stories__resultsrow .follow-item .follow-btn{border-radius:var(--radius-full);font:var(--text-sm)}
@media (min-width:1024px){
  .stories__resultsrow .follow-item--compact,.stories__resultsrow .follow-item--compact.is-active{height:55px;padding:var(--space-8);gap:var(--space-12)}
  .stories__resultsrow .follow-item--compact .follow-item__img{width:32px;height:32px;margin-right:calc(-1 * var(--space-8))}
  .stories__resultsrow .follow-item--compact .follow-btn,.stories__resultsrow .follow-item--compact.is-active .follow-btn{height:39px;padding:var(--space-8) var(--space-16)}
  .stories__hero--results .stories__resultsrow{margin-top:var(--space-12)}   /* 28 under the selects (bar padding 16 + 12) */
}
/* Empty State / No stories found, desktop (783:9083): 96 above and below inside the 440 grid area, 12 apart, 48-tall Secondary button */
@media (min-width:1024px){
  .stories__body>.empty-state{padding:var(--space-96) 0;gap:var(--space-12)}
  .stories__body>.empty-state .btn{height:48px}
}