/* Real Middlesex Golf brand colors, pulled from middlesexgolf.co.uk's live
   Elementor CSS (post-6.css --e-global-color-* variables) - see project.md,
   Branding, for source and details. Typeface is a licensed Adobe Fonts kit
   (Proxima Nova) tied to their domain, so it's not hotlinked here - using a
   comparable free fallback stack instead. */

:root {
    --color-navy: #002962;
    --color-red: #c00021;
    --color-gold: #f9dc5c;
    --color-text-on-dark: #fbfef9;
    --color-text: #141414;
    --color-border: #b2b3b6;
    --color-bg: #ffffff;
}

body {
    font-family: "Nunito Sans", system-ui, -apple-system, sans-serif;
    margin: 0;
    color: var(--color-text);
    background: var(--color-bg);
}

.site-header {
    background: var(--color-navy);
    color: var(--color-text-on-dark);
    padding: 0.75rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.site-header__logo {
    height: 44px;
    width: auto;
}

.site-header__brand {
    color: var(--color-text-on-dark);
    text-decoration: none;
    font-weight: 700;
}

main {
    max-width: 960px;
    margin: 0 auto;
    padding: 1.5rem;
}

.filters {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    text-align: left;
    padding: 0.5rem;
    border-bottom: 2px solid var(--color-navy);
    color: var(--color-navy);
}

td {
    text-align: left;
    padding: 0.5rem;
    border-bottom: 1px solid var(--color-border);
}

/* Highlights the season leader (row 1) on the standings table only -
   deliberately not applied to every table, since "first row" elsewhere
   (par-type stats, front/back 9, tournament history) isn't a leader. */
.standings tbody tr:first-child td {
    font-weight: 700;
    border-left: 3px solid var(--color-gold);
}

a {
    color: var(--color-red);
}