/* "Unsere Geschichte" (P6): a section of the event page (review #6) — the
   shell, heading and type come from public/addons/lib/eventpage.css (the
   card's palette and fonts); this is the timeline inside it. Mobile first. */
.story { color: var(--ink, #6f6a66); }
.story-intro { white-space: pre-line; }
.story-list { list-style: none; margin: 0; padding: 0 0 0 22px; position: relative; }
.story-list::before { content: ""; position: absolute; left: 6px; top: 6px; bottom: 6px; width: 2px; background: rgba(181,138,90,0.35); }
.story-ch { position: relative; padding: 0 0 var(--sp-4); }
.story-ch:last-child { padding-bottom: 0; }
.story-dot { position: absolute; left: -21px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--gold, #b58a5a); box-shadow: 0 0 0 3px var(--cream-2, #f7f3ee); }
.story-when { margin: 0 0 2px; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold, #b58a5a); }
.story-ch-title { margin: 0 0 2px; font-family: var(--serif); font-size: clamp(20px, 3vw, 24px); font-weight: 600; color: var(--ink, #6f6a66); }
.story-text { margin: 0; font-family: var(--serif); font-size: clamp(16px, 2.4vw, 18px); line-height: 1.55; white-space: pre-line; overflow-wrap: anywhere; }
.story-fig { margin: var(--sp-2) 0 0; }
.story-fig img { display: block; width: 100%; height: auto; border-radius: 12px; background: #eee; }
.story-fig figcaption { margin-top: var(--sp-1); font-size: 14px; font-style: italic; color: var(--ink-soft, #8c8681); text-align: center; }
html[dir="rtl"] .story-list { padding: 0 22px 0 0; }
html[dir="rtl"] .story-list::before { left: auto; right: 6px; }
html[dir="rtl"] .story-dot { left: auto; right: -21px; }

/* editor */
.story-ed-h { margin: 18px 0 4px; font-size: 15px; }
.story-ed-box { border: 1px solid rgba(0,0,0,0.12); border-radius: 12px; padding: 12px; margin: 10px 0; display: flex; flex-direction: column; gap: 4px; }
.story-ed-thumb { display: block; max-width: 180px; max-height: 140px; border-radius: 8px; margin: 4px 0; object-fit: cover; }
.story-ed-tools { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.story-ed-photo .story-ed-tools { justify-content: flex-start; }
/* paper (print modes reduced/full): a chapter's picture at a size that
   leaves room for the text around it, not a whole A5 page */
@media print { .story-fig img, .story-fig canvas { width: auto; max-width: 100%; max-height: 55mm; margin: 0 auto; } }