/* Stories index: layout only. Typography and colours inherit the shared style guide. */
.stories-index .page-intro h1 { max-width: 950px; }
.stories-index .page-intro .lede { max-width: 760px; }
.story-collection { padding-bottom: 64px; }
.story-collection + .story-collection { padding-top: 48px; border-top: 1px solid var(--line); }
.story-collection .section-head { margin-bottom: 24px; }
.story-collection-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 48px; }
.story-index-card { min-width: 0; padding: 28px 0 32px; border-top: 1px solid var(--line); }
.story-index-card .kicker { margin: 0 0 14px; }
.story-index-card h3 { margin: 0 0 16px; }
.story-index-card h3 a { text-decoration: none; }
.story-index-card h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.story-index-card h3 span { color: var(--accent); white-space: nowrap; }
.story-index-card > p:last-child { margin: 0; color: var(--muted); max-width: 58ch; }
@media (max-width: 760px) {
 .story-collection-grid { grid-template-columns: minmax(0,1fr); }
 .story-collection { padding-bottom: 40px; }
 .story-collection + .story-collection { padding-top: 32px; }
}