/* Live confidence-interval visualizations (see assets/js/ci-viz.js). */

/* Inline cycling number: dotted underline marks it as live; the color
   snaps on a fresh draw and eases back so the change is noticeable. */
.ci-interval {
    font-variant-numeric: tabular-nums;
    border-bottom: 1px dotted var(--secondary);
    transition: color 0.6s ease;
}

.ci-interval--fresh {
    transition: none;
    color: var(--secondary);
}

.ci-graph {
    margin: 1.5rem 0;
}

.ci-graph-svg {
    display: block;
    width: 100%;
    height: auto;
}

.ci-axis {
    stroke: var(--secondary);
    stroke-width: 1;
}

.ci-tick-label {
    fill: var(--secondary);
    font-size: 11px;
}

.ci-zero {
    stroke: var(--border);
    stroke-dasharray: 4 4;
}

.ci-dot {
    fill: var(--primary);
}