.stats {
    /* Small typography tweaks for dense/reference-heavy pages */
    text-rendering: optimizeLegibility;
}

.stats main [id] {
    /* Nicer anchor jumps */
    scroll-margin-top: 16px;
}

/* Section headers like “Methods / Modeling / Designs / Special topics” */
.stats main.wrap > h2 {
    margin: 22px 0 6px;
    font-size: 20px;
    letter-spacing: -0.01em;
}

.stats main.wrap > p.muted {
    margin: 0 0 12px;
    font-size: 14px;
}

/* Cards on stats pages: keep the frame look, but improve readability */
.stats .card.frame {
    background: rgba(255, 255, 255, 0.55);
}

/* Card titles (your method names): make them feel like titles, not “lane labels” */
.stats .card h3 {
    margin: 0 0 10px;
    font-size: 17px;
    color: var(--fg);
    font-weight: 700;
    text-transform: none;
    letter-spacing: -0.01em;
}

/* Muted helper lines inside cards (Inputs→Outputs, “References”, etc.) */
.stats .card .muted {
    font-size: 13px;
}

/* Paragraph rhythm inside cards */
.stats .card p {
    margin: 0 0 10px;
}
.stats .card p:last-child {
    margin-bottom: 0;
}

/* Lists in cards: slightly more breathing room for citations */
.stats .card ul.bullets > li {
    margin: 6px 0;
}
.stats .card ul.bullets .bullets > li {
    margin: 4px 0;
}

/* Outline block: compact + clear */
.stats #outline > .bullets {
    margin-top: 10px;
}

@media (min-width: 860px) {
    /* Make the outline easier to scan on wide screens */
    .stats #outline > .bullets {
        column-count: 2;
        column-gap: 28px;
    }
    .stats #outline > .bullets > li {
        break-inside: avoid;
        padding-bottom: 6px;
    }
}

/* Slightly tighter separators on reference pages */
.stats hr {
    margin: 16px 0;
}
