/* The draft shares the original stats.css; only chart and dialog additions live here. */
.stats-draft .stats-section { margin: 0; }
.stats-draft .stats-copy p + p { margin-top: 1rem; }
.stats-draft .stats-hero__subtitle + .stats-hero__subtitle { margin-top: 1rem; }
.stats-draft .stats-hero__period { font-size: .9rem; }
.stats-draft .stats-viz { display: block; margin: 0; }
.stats-draft .stats-zoom { display: block; width: 100%; }
.stats-draft .stats-zoom__hint { opacity: 1; transform: none; font-size: .75rem; }
.stats-draft .stats-zoom .stats-chart { background: #181b1f; }
.stats-draft-dialog { width: min(1200px, 96vw); max-width: 96vw; max-height: 94vh; margin: auto; padding: 0; color: var(--fg); background: #181b1f; border: 1px solid var(--stats-card-border); border-radius: 18px; box-shadow: var(--stats-shadow); }
.stats-draft-dialog::backdrop { background: rgba(0,0,0,.8); backdrop-filter: blur(6px); }
.stats-draft-dialog__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; }
.stats-draft-dialog__title { margin: 0; padding: 0; border: 0; font-size: .9rem; font-weight: 500; }
.stats-draft-dialog__close { font: inherit; font-size: .9rem; color: var(--fg); background: #272d38; border: 1px solid var(--stats-card-border); border-radius: 8px; padding: .35rem .75rem; cursor: pointer; }
.stats-draft-dialog__image { display: block; width: 100%; max-height: 78vh; object-fit: contain; }
.stats-draft-dialog__close:focus-visible, .stats-draft a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }