.xoso-container {
    border: 1px solid #ccc;
    padding: 15px;
    margin: 20px 0;
    background: #f9f9f9;
}
.xoso-dates {
    margin-bottom: 15px;
}
.xoso-btn {
    margin: 4px;
    padding: 6px 12px;
    border: 1px solid #aaa;
    background-color: #fff;
    cursor: pointer;
}
.xoso-btn:hover {
    background-color: #e9e9e9;
}
.xoso-results {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.xoso-province {
    margin-top: 15px;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}

.top-kqxs{ color:white; padding:20px}
.top-kqxs a{ color:white}
@media (max-width: 768px) {
    .xoso-mien-container {
        padding: 0 10px;
    }

    .xoso-mien-container .table {
        font-size: 0.875rem;
    }

    .xoso-mien-container table td,
    .xoso-mien-container table th {
        padding: 8px 4px;
        font-size: 14px;
    }

    .xoso-date-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 0 10px;
    }

    .xoso-date-btn {
        flex-shrink: 0;
        white-space: nowrap;
        font-size: 13px;
        padding: 6px 12px;
    }

    .top-kqxs h3 {
        font-size: 1.1rem;
    }

    .top-kqxs .date {
        font-size: 1rem;
    }

    .top-kqxs p {
        font-size: 0.875rem;
    }
}