/* The storylines panel, on the tutor's studio and on a founder's family card. */
.storylines { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.storylines > .eye { margin: 0 0 4px; }
.storylines > .small { margin: 0 0 12px; color: var(--ink-soft); }
.storylines .cta-row { margin: 0; }
.storyline-cards:not(:empty) { display: grid; gap: 12px; margin-top: 14px; }
.storyline-card { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.storyline-title { font: 500 20px/1.3 var(--serif); margin: 0 0 4px; }
.storyline-world, .storyline-bands, .storyline-ready { margin: 0 0 4px; color: var(--ink-soft); }
.storyline-ready { font-variant-numeric: tabular-nums; }
.storyline-because { margin: 8px 0 10px; color: var(--ink); }
.storyline-next { margin: 0 0 10px; font-weight: 600; }
.storyline-band-note { margin: 10px 0 0; color: var(--oxblood); }
.storyline-card .cta-row { margin: 0; gap: 10px; align-items: center; flex-wrap: wrap; }
.storylines.compact { margin-top: 12px; padding-top: 12px; }
.storylines.compact .storyline-title { font-size: 18px; }