.activity-scroll {
    max-height: 640px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 6px;
}

.activity-scroll > .stat-line {
    min-height: 64px;
}

.activity-scroll > .stat-line:last-child {
    border-bottom: 0;
}

.activity-scroll:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--brand) 28%, transparent);
    outline-offset: 4px;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .activity-scroll {
        max-height: 700px;
    }

    .activity-scroll > .stat-line {
        min-height: 70px;
        gap: 12px;
    }

    .activity-scroll time {
        flex: 0 0 auto;
        font-size: 11px;
        text-align: right;
    }
}