#judge-timers {
    scroll-margin-top: 240px;
}

.judge-station-title {
    font-size: clamp(24px, 6vw, 42px);
    margin: 12px 0;
}

.judge-save-status {
    border: 2px solid var(--green);
    background: var(--panel);
    font-weight: 700;
}

[data-change-station] summary {
    cursor: pointer;
    padding: 12px 0;
}

.judge-timer-card {
    border: 1px solid var(--stroke);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}

.judge-timer-card .big-timer {
    font-size: clamp(36px, 10vw, 64px);
    overflow-wrap: anywhere;
}

.judge-finish {
    background: #f4bc78;
    border-color: #f4bc78;
}

.judge-standards summary {
    color: #d7e6d1;
    cursor: pointer;
    list-style-position: inside;
    min-height: 32px;
}

.judge-standards summary:focus-visible,
#station-select:focus-visible {
    outline: 3px solid #e4bf74;
    outline-offset: 3px;
}

.judge-standards[open] summary {
    margin-bottom: 12px;
}

@media (max-width: 760px) {
    .station-picker .form-select {
        min-height: 54px;
        font-size: 16px;
    }
}