/* DPL Matches: same desktop/tablet header geometry as other public pages.
   Mobile (<=760px) is deliberately untouched: the shared site_header layout owns it. */
@media (min-width: 761px) {
    body.matches-page > header.site-header {
        height: 72px;
        padding-left: 6%;
        padding-right: 6%;
    }

    body.matches-page > header.site-header .logo {
        margin-right: 60px;
    }

    body.matches-page > header.site-header nav {
        gap: 35px;
    }
}

/* The matches page also has a legacy desktop rule making the emblem smaller. */
@media (min-width: 1101px) {
    body.matches-page > header.site-header .logo {
        width: 70px;
        height: 52px;
        flex: 0 0 70px;
    }

    body.matches-page > header.site-header .logo .site-logo-image {
        width: 50px;
        height: 50px;
    }
}

/* Shared site-wide navigation switches to a tighter gap at <=800px. */
@media (min-width: 761px) and (max-width: 800px) {
    body.matches-page > header.site-header nav {
        gap: 15px;
    }
}