.story-references{text-align:left;margin:42px auto 0}.story-references-heading{margin-bottom:22px}.story-references h2{color:var(--foreground);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(24px,3vw,32px);font-weight:750;line-height:1.2}.story-references-heading>p{max-width:72ch;color:var(--muted-foreground);margin:10px 0 0;font-size:15px;line-height:1.65}.story-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px 24px;display:grid}.story-reference{min-width:0;margin:0}.story-reference>video{aspect-ratio:16/9;object-fit:contain;background:var(--background);border-radius:12px;width:100%;height:auto;display:block}.story-reference figcaption{padding:14px 0 0}.story-reference-title{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.story-reference h3{color:var(--foreground);text-wrap:balance;margin:0;font-size:18px;font-weight:700;line-height:1.4}.story-reference-title>span{color:var(--trend-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px}.story-reference figcaption>p{color:var(--muted-foreground);margin:6px 0 0;font-size:14px;line-height:1.6}.story-reference-storyboard{border-top:1px solid var(--border);margin-top:10px}.story-reference-storyboard summary{min-height:44px;color:var(--primary);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:650;list-style:none;display:flex}.story-reference-storyboard summary::-webkit-details-marker{display:none}.story-reference-storyboard summary:hover{color:var(--foreground)}.story-reference-storyboard[open] summary svg{transform:rotate(180deg)}.story-reference-storyboard a{border-radius:8px;display:block;overflow:hidden}.story-reference-storyboard img{width:100%;height:auto;display:block}.story-reference-error{color:var(--muted-foreground);margin:10px 0 0;font-size:14px;line-height:1.6}.story-reference-error a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}@media (width<=800px){.trend-hero:not(.trend-preview-hero) .story-references{margin-inline:16px}}@media (width<=640px){.story-references{margin-top:32px}.story-reference-grid{grid-template-columns:minmax(0,1fr);gap:28px}.story-references-heading>p{font-size:14px}}
