/* A team's schedule (Pages/Schedule) on paper: one sheet, the team and the
 * season at the top, the fixtures, and where it came from at the bottom.
 *
 * Loaded by that page alone with media="print", the same way the charter
 * sheet keeps its print rules to itself, so nothing here can reach another
 * page or the screen. A season is 10 to 16 rows; at these sizes even a long
 * one with the location column fills well under a letter-size page. */

@page {
    size: letter portrait;
    margin: 0.6in 0.6in 0.5in;
}

/* The site's own header and footer, and everything on the page that is for
   the screen: the way back, the season picker, the download and embed
   buttons, and the embed code itself. Scoped to the layout's own
   header/footer, as on the charter sheet, so the page's header stays. */
body > header,
body > footer,
.back-link,
.schedule-controls,
.schedule-embed {
    display: none !important;
}

html,
body {
    background: #fff !important;
}

body {
    color: #000;
}

.schedule-page {
    max-width: none;
    margin: 0;
    padding: 0;
}

.schedule-header h1 {
    font-size: 20pt;
    margin: 0 0 2pt;
}

.schedule-subtitle,
.schedule-coop {
    font-size: 11pt;
    margin: 0 0 2pt;
    color: #333;
}

.schedule-header {
    margin-bottom: 10pt;
}

.schedule-table {
    font-size: 10.5pt;
}

.schedule-table th,
.schedule-table td {
    padding: 4pt 6pt;
    border-bottom: 0.75pt solid #bbb;
}

.schedule-table thead th {
    font-size: 8pt;
    color: #333;
    border-bottom: 1.25pt solid #333;
}

/* The header row repeats if a page ever does break, and no fixture is cut
   in half across one. */
.schedule-table thead {
    display: table-header-group;
}

.schedule-table tr {
    break-inside: avoid;
}

.schedule-time,
.schedule-location,
.schedule-where {
    color: #333;
}

/* The schools' short names, as on a phone ("S. Burlington", "MMU"): with
   the full ones every other fixture wrapped onto a second line, which made
   the sheet harder to scan, not easier. A school with no short name on file
   keeps its full one. */
.schedule-name-full:has(+ .schedule-name-short) {
    display: none !important;
}

.schedule-name-short {
    display: inline !important;
}

.schedule-location {
    display: table-cell !important;
}

.schedule-opponent,
.schedule-location {
    white-space: nowrap;
}

/* Results as plain text: a tinted badge either prints as a grey smudge or not
   at all, depending on the browser's background setting. */
.schedule-outcome {
    padding: 0;
    background: none !important;
    color: #000 !important;
}

.schedule-outcome-loss {
    font-weight: 600;
}

/* Where the sheet came from, so whoever is holding it can find the current
   one. Only ever printed. */
.schedule-print-source {
    display: block !important;
    margin-top: 12pt;
    font-size: 8.5pt;
    color: #555;
}