/* Custom styles for better aesthetics and printability */
body {
    background-color: #f7f7f7;
    font-family: 'Inter', sans-serif;
}
.score-input {
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.score-input:focus {
    border-color: #0A6EB4;
    box-shadow: 0 0 0 0.1rem rgba(10, 110, 180, 0.25);
}
.category-row {
    border-bottom: 1px solid #eee;
}
/* Mobile adjustment for smaller screens */
@media (max-width: 640px) {
    .score-input {
        padding: 0.25rem;
        font-size: 0.75rem;
    }
    .header-text {
        font-size: 0.75rem;
    }
}