.matchplay-draw-schedule--table {
    width: 100%;
    table-layout: fixed;
}

    .matchplay-draw-schedule--table td,
    .matchplay-draw-schedule--table th {
        padding: 0.5rem;
        text-align: center;
    }

        .matchplay-draw-schedule--table td:first-child,
        .matchplay-draw-schedule--table th:first-child,
        .matchplay-draw-schedule--table td:last-child,
        .matchplay-draw-schedule--table th:last-child {
            width: calc((100% - 100px) / 2); /* if 150px is the middle column width */
        }

        .matchplay-draw-schedule--table td:nth-child(2),
        .matchplay-draw-schedule--table th:nth-child(2) {
            width: 100px; /* fixed width for middle column */
        }

@media (min-width: 992px) {
    .mpcd-player-name {
        font-size: 2rem;
    }

    .mpcd-position {
        font-size: 1.8rem;
    }

    .mpcd-time {
        font-size: 2rem;
    }

    .mpcd-flag {
        width: 20px;
        height: auto;
        margin: 0 8px;
    }

    .mpcd-venue {
        font-size: 2rem;
    }

    .matchplay-draw-schedule--table thead th {
        font-size: 2rem;
    }
}


@media print {
    .container {
        max-width: 100%;
    }

    .matchplay-draw-schedule .table {
        page-break-inside: avoid;
    }

    .matchplay-draw-schedule--table * {
        font-size: 10pt;
    }

    .matchplay-draw-schedule {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .thead-dark th {
        background-color: #343a40 !important; /* Bootstrap's dark background */
        color: #fff !important;
        -webkit-print-color-adjust: exact; /* Ensure color printing in WebKit browsers */
        print-color-adjust: exact;
    }

    .main {
        min-height: unset;
        background-color: #fff !important;
    }
}