#timer-display-ost {
    letter-spacing: -0.025em;
    /* Slightly tighter letter spacing for mono font */
    /* Consider adding a subtle text shadow for depth if desired */
    /* text-shadow: 0 1px 2px rgba(0,0,0,0.1); */
}

#timer-display-ost span {
    /* For milliseconds */
    letter-spacing: normal;
}

#laps-list-ost .lap-item:nth-child(odd) {
    background-color: #f9fafb;
    /* Tailwind gray-50 for alternating rows */
}

#laps-list-ost .lap-item:nth-child(even) {
    background-color: #ffffff;
    /* White for alternating rows */
}

#laps-list-ost .lap-item .lap-number {
    color: #6b7280;
    /* Tailwind gray-500 */
    font-size: 0.875rem;
    /* text-sm */
    width: 4rem;
    /* Fixed width for lap number column */
    flex-shrink: 0;
}

#laps-list-ost .lap-item .lap-time-value {
    font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
    color: #1f2937;
    /* Tailwind gray-800 */
    font-weight: 500;
    /* medium */
}


/* Responsive adjustments */
@media (max-width: 640px) {

    /* sm breakpoint */
    h1 {
        font-size: 1.8rem;
    }

    #timer-display-ost {
        font-size: 3rem;
        /* Tailwind text-5xl */
    }

    #timer-display-ost span {
        font-size: 1.5rem;
        /* Tailwind text-2xl */
    }

    .btn {
        /* Make control buttons full width on small screens if not already handled by w-full */
        /* width: 100%; */
        /* margin-bottom: 0.5rem; */
    }
}