/* Stories page (Figma 434:20625 / filtered 434:23076) */
.stories{background:var(--surface-background)}
.stories__band{background:var(--surface-elevated);padding-top:144px}
.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:12px;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:44px 24px;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:96px}
  .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 */
.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:12px 24px;gap:8px;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:#fff;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:#fff;border:1px solid var(--border-default);box-shadow:var(--button-shadow),var(--button-inset)}
.stories__resultsrow .follow-item__label{font:var(--text-base);color:var(--text-primary)}