/* Database stories use the common EU-style reader and stage. */
.event-load { margin: 15vh auto; max-width: 36ch; padding: 24px; line-height: 1.6; }
.event-load button, .event-load a { display: block; margin-top: 20px; color: inherit; }
/* The way on, as on the site's not-found page: one pill in the accent colour. */
.event-load .event-action { display: inline-flex; align-items: center; min-height: 48px; padding: 0 24px; border: 0; border-radius: 999px; background: var(--accent); color: #fff; font: 600 16px var(--font); text-decoration: none; cursor: pointer; }
.event-load .event-action:hover { filter: brightness(1.06); }
.event-load .event-action:focus-visible { outline: 3px solid var(--text); outline-offset: 3px; }
/* An address that names no story (static/not-found.html, under the top bar). */
.event-missing { margin-top: clamp(48px, 14vh, 140px); max-width: 26rem; text-align: center; }
.event-missing-pin { width: 72px; height: 72px; margin-bottom: 20px; }
.event-missing-pin > path:first-child { fill: var(--accent); }
.event-missing-pin > circle { fill: color-mix(in srgb, var(--accent) 14%, var(--bg)); }
.event-missing-pin > path:last-child { fill: none; stroke: var(--accent); stroke-width: 1.6; stroke-linecap: round; }
.event-missing h1 { margin: 0 0 8px; font-size: clamp(1.5rem, 6vw, 2rem); line-height: 1.2; font-weight: 650; letter-spacing: -0.01em; }
.event-missing p { margin: 0 0 28px; color: var(--muted); }
.event-missing .event-action { margin-top: 0; }
.deep-event-stage .deep-stage-counter { font-variant-numeric: tabular-nums; }
/* Extend targets vertically; wide targets overlap neighbouring story steps. */
.deep-event-stage .deep-dot::before { inset: -12px 0; }
.deep-event-stage .deep-more-source { display: inline-block; margin: 8px 0 20px; color: inherit; text-underline-offset: 4px; }
/* Let stage.js fitted() + viewBox own the zoom (as EU does). A hard CSS scale
   fought the paper-glide camera and clipped boards on small phones. */
@media (max-width: 700px) {
  .deep-event-stage .deep-stage-drawing { transform: none; }
}