.stories-hero { background: var(--section); }
.stories-library-hero { background: var(--section); }
.stories-hero__grid { align-items: center; }
.story-library-preview { gap: var(--s4); }
.story-library-preview > .bl-eyebrow { margin: 0; }
.story-library-preview__items { display: grid; gap: var(--s2); }
.story-library-preview__items article { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s3); align-items: center; padding: var(--s3); background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius); }
.story-library-preview__items .bl-icon { color: var(--blue); }
.story-library-preview__items p { margin: 0; color: var(--navy); font-size: var(--fs-small); font-weight: 700; }
.stories-tabs__panel[hidden] { display: none; }
.story-library-grid { align-items: start; margin-top: var(--s4); }
.story-library-grid[hidden], .story-card[hidden], .story-card-reveal[hidden], .story-section-label[hidden] { display: none !important; }
.story-section-label { margin: var(--s6) 0 0; color: var(--navy); font-size: var(--fs-label); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.story-section-label + .story-library-grid { margin-top: var(--s3); }
.story-card { min-height: 0; }
.story-card-reveal { display: flex; margin: var(--s5) auto 0; }
.story-card-reveal__status { margin: var(--s3) 0 0; color: var(--slate); font-size: var(--fs-small); text-align: center; }
.story-status { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; background: var(--tag); color: var(--slate); font-size: 10px; font-weight: 700; letter-spacing: .05em; line-height: 1.2; text-transform: uppercase; white-space: nowrap; }
.story-card .bl-uc__top { flex-wrap: wrap; align-items: flex-start; }
.story-card .bl-uc__cat { flex: 1 1 170px; overflow: visible; text-overflow: clip; white-space: normal; }
.story-card .story-status { max-width: 100%; white-space: normal; }
.story-status--record { background: var(--info); color: var(--navy); }
.story-status--alleged { background: #fff1df; color: #8a4a10; }
.story-feature-limit { max-width: 76ch; margin-top: var(--s5); }
@media (max-width: 560px) { .story-card .bl-uc__top { align-items: flex-start; } .story-card .bl-uc__cat { white-space: normal; } }
.stories-hero__note { margin-top: var(--s5); }
.story-crumb { display: flex; flex-wrap: wrap; gap: var(--s2); margin: 0 0 var(--s4); color: var(--slate); font-size: var(--fs-small); }
.story-crumb a { color: var(--navy); font-weight: 700; }
.story-other-link { margin: var(--s4) 0 0; color: var(--slate); }
.story-other-link .bl-link { margin-left: var(--s1); }
.story-more__card { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s5); margin-top: var(--s5); }
.story-more__card > div { flex: 1 1 32ch; }
.story-more__card h3 { margin: var(--s2) 0; }
.story-more__card p:last-child { margin-bottom: 0; color: var(--slate); }
.story-more__card .bl-btn { flex: 0 0 auto; }
.story-at-a-glance { gap: var(--s4); }
.story-at-a-glance dl { margin: 0; }
.stories-heading { display: grid; gap: var(--s2); max-width: 64ch; margin-bottom: var(--s5); }
.stories-heading > p, .consequences-grid > div > p { margin: 0; color: var(--slate); }
.record-rail h3 { margin: 0 0 var(--s2); font-size: var(--fs-h3); }
.record-rail a { margin-right: var(--s2); }
.consequences-grid { display: grid; gap: var(--s6); align-items: center; }
.story-impact { margin-block: var(--s5); }
.story-impact strong { font-size: var(--fs-stat); color: var(--navy); line-height: 1; }
.story-impact span { color: var(--slate); font-size: var(--fs-small); }
.consequence-panel { gap: var(--s4); }
.assessment-grid { grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); margin-top: var(--s5); }
.assessment-grid .bl-card { display: flex; flex-direction: column; align-items: center; gap: var(--s3); padding: var(--s6); text-align: center; }
.assessment-grid .bl-icon-tile { margin-inline: auto; }
@media (max-width: 720px) { .assessment-grid .bl-card { padding: var(--s5); } }
.assessment-limit { margin-top: var(--s5); max-width: 70ch; }
.sources-layout { display: grid; gap: var(--s6); }
@media (min-width: 960px) { .consequences-grid, .sources-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s7); } }