body { margin: 0; color: #1f2923; background: #fff; font-family: "Merriweather Sans", sans-serif; }
[hidden] { display: none !important; }
a { color: #0b6a42; text-underline-offset: 3px; }
a:hover { color: #075234; }
a:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid #0b6a42; outline-offset: 4px; }
.site-nav { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px max(20px, calc((100% - 1100px) / 2)); background: #fff; font-size: 13px; }
.site-brand { font-size: 19px; font-weight: 700; text-decoration: none; }
.site-nav > div { display: flex; flex-wrap: wrap; gap: 20px; }
.site-nav > div a { color: #34493d; text-decoration: none; }
.site-nav > div a:hover { text-decoration: underline; }
.club-banner { padding: 38px 20px; text-align: center; color: #fff; background: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.72)), url('../assets/img/starsmen.jpeg') center 42% / cover; }
.club-banner h1 { margin: 0 0 5px; font-size: clamp(27px, 4vw, 36px); font-weight: 700; }
.club-banner p { margin: 0; font-size: 16px; }
.your-pick { max-width: 780px; padding: 30px 20px 26px; margin: auto; }
#homePickIntro h2 { margin: 0 0 8px; font-size: 23px; font-weight: 700; }
#homePickHelp { margin: 0 0 14px; color: #52635a; font-size: 14px; }
#homePick { margin: 0; color: #1f2923; text-align: left; }
#homePick .current-pick__line { color: #1f2923; }
#homePick .current-pick__change { color: #0b6a42; }
.pick-button { display: inline-block; padding: 10px 18px; border: 1px solid #0b6a42; border-radius: 2px; background: #0b6a42; color: #fff; font-size: 14px; text-decoration: none; }
.pick-button:hover, .pick-button:focus-visible { background: #075234; color: #fff; border-color: #075234; }
.pick-deadline { margin: 18px 0 0; font-size: 12px; color: #52635a; }
.competition-section { padding: 25px 0; background: #f3f6f4; }
.competition-shell { width: min(1100px, calc(100% - 40px)); }
.competition-summary { padding: 0; }
.competition-summary__header { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #d3ddd6; }
.competition-title { font-size: 23px; font-weight: 700; }
#newPicksMessage { color: #52635a; font-size: 13px; }
.round-picker { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 18px; font-size: 13px; }
.round-picker:has(select[hidden]) { display: none; }
.round-picker select { padding: 6px 9px; border: 1px solid #66736b; border-radius: 2px; color: #1f2923; background: #fff; font: inherit; }
.pick-filters { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-left: 10px; }
.pick-filters button { min-height: 40px; padding: 7px 2px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #52635a; font: inherit; cursor: pointer; }
.pick-filters button:hover { color: #075234; }
.pick-filters button[aria-pressed=true] { border-bottom-color: #0b6a42; color: #0b6a42; font-weight: 700; }
.pick-filters button:focus-visible { outline: 2px solid #0b6a42; outline-offset: 3px; }
#previousPicksIframe { width: 100%; min-height: 500px; border: 0; }
.site-footer { padding: 24px 20px; text-align: center; font-size: 13px; }
.site-footer p { margin: 0 0 9px; }
.site-footer small { color: #52635a; font-size: 11px; }
@media (max-width: 575px) {
  .site-nav { padding: 14px 16px; font-size: 12px; }
  .site-brand { font-size: 17px; }
  .site-nav > div { gap: 12px; }
  .club-banner { padding: 24px 16px; }
  .your-pick { padding: 24px 16px; }
  .competition-shell { width: calc(100% - 32px); }
  .pick-filters { flex-basis: 100%; margin-left: 0; }
}