.story-hero{padding-top:var(--space-32);padding-bottom:var(--space-24)}.story-hero-layout{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(0,1fr);gap:var(--space-20);align-items:center}.story-hero-text h1{font-size:var(--font-size-4xl)}.story-hero-intro{font-size:var(--font-size-lg)}.story-hero-meta{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.story-hero-steps{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-top:var(--space-2)}.trajectory-dot{width:0.55rem;height:0.55rem;border-radius:999px;background:radial-gradient(circle at 30% 0,#fff,#ffd0e3);box-shadow:0 0 6px rgba(255,122,168,0.7)}.story-hero-actions{margin-top:var(--space-10);display:flex;flex-wrap:wrap;gap:var(--space-6)}.story-hero-visual{display:flex;justify-content:center}.story-hero-plate{max-width:24rem}.story-hero-bubbles{justify-content:space-between;margin-bottom:var(--space-12)}.story-hero-trajectory{margin-bottom:var(--space-8)}.story-hero-stars{margin-top:var(--space-4);display:flex;justify-content:flex-end}.story-timeline{display:flex;flex-direction:column;gap:var(--space-16);counter-reset:timeline}.story-chapter{position:relative}.story-chapter-grid{display:grid;grid-template-columns:minmax(0,1.3fr)minmax(0,1.1fr);gap:var(--space-16);align-items:center}.story-chapter-figure img{border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.story-chapter-figure--diagram,.story-chapter-figure--side,.story-chapter-figure--lab,.story-chapter-figure--rainbow,.story-chapter-figure--summit,.story-chapter-figure--community{display:flex;align-items:center;justify-content:center}.story-chapter-figure--diagram{min-height:12rem}.story-aim-diagram{position:relative;width:100%;max-width:16rem;padding:var(--space-12);border-radius:var(--radius-xl);background:radial-gradient(circle at top,#fffdf9 0,#f5e9ff 60%,#ffd0e3 100%);box-shadow:var(--shadow-medium)}.story-aim-target{position:absolute;top:18%;right:22%}.story-aim-target:nth-of-type(2){top:40%;right:8%}.story-aim-current{position:absolute;bottom:10%;left:12%}.story-aim-line{position:absolute;left:18%;bottom:22%;right:18%}.story-aim-stars{position:absolute;top:10%;left:10%}.story-core-loop{margin-top:var(--space-8)}.story-core-loop-list{display:flex;flex-direction:column;gap:var(--space-4)}.story-core-loop-list li{color:var(--color-text-soft);font-size:var(--font-size-sm)}.story-chapter-meta{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-4)}.story-tip-card{height:100%}.story-tip-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8);font-size:var(--font-size-sm)}.story-level-legend{margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.story-lab-bubbles{justify-content:center;gap:var(--space-4)}.story-rainbow-trajectory{margin-bottom:var(--space-6)}.story-rainbow-stars{justify-content:flex-end}.story-cta-row{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-6)}.section-related{padding-top:var(--space-24);padding-bottom:var(--space-32)}.story-related-grid{margin-top:var(--space-12)}.story-related-card h3{margin-bottom:var(--space-4)}.story-related-links{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--font-size-sm)}@media(max-width:960px){.story-hero-layout{grid-template-columns:1fr}.story-chapter-grid{grid-template-columns:1fr}.storybook-page{padding:var(--space-16)}.story-hero{padding-top:var(--space-24);padding-bottom:var(--space-20)}}@media(max-width:640px){.story-hero-actions{flex-direction:column;align-items:flex-start}.story-hero-text h1{font-size:var(--font-size-3xl)}.story-hero-intro{font-size:var(--font-size-base)}}