/* Component CSS. All content selectors are scoped to .rd-site. */
.rd-site {
  --rd-red:#b51217; --rd-ink:#20252d; --rd-muted:#535e6d;
  --rd-paper:#fff; --rd-line:#dce0e6; --rd-soft:#f4f5f7;
  color:var(--rd-ink); font-size:1rem; line-height:1.65;
  overflow-wrap:anywhere; min-inline-size:0;
}
.rd-site *, .rd-site *::before, .rd-site *::after {box-sizing:border-box}
.rd-site.rd-wrap {max-inline-size:1120px; margin-inline:auto; padding:24px 20px 40px}
.rd-site h1,.rd-site h2,.rd-site h3,.rd-site h4 {color:var(--rd-ink); font-weight:600; line-height:1.3; letter-spacing:-.025em}
.rd-site h1 {font-size:clamp(1.6rem,3.1vw,2.4rem); margin:4px 0 10px; max-inline-size:32ch}
.rd-site h2 {font-size:clamp(1.25rem,2vw,1.6rem); margin:0 0 14px}
.rd-site h3 {font-size:1.12rem; margin:20px 0 8px}
.rd-site h4 {font-size:1.05rem; margin:2px 0 8px}
.rd-site p {margin:0 0 14px}
.rd-site strong {font-weight:600}
.rd-site a {color:#a70f14; text-decoration:underline; text-underline-offset:3px}
.rd-site a:hover {color:#7b0b0e}
.rd-site :is(a,button,input,select,summary):focus-visible {outline:3px solid #175fb9; outline-offset:3px; box-shadow:0 0 0 2px #fff}
.rd-site img {max-inline-size:100%; block-size:auto}
.rd-site .rd-intro {max-inline-size:85ch; color:var(--rd-muted); margin-block-end:22px}
.rd-site .rd-eyebrow {font-size:.72rem; letter-spacing:.13em; color:#9f1015; font-weight:600; margin:0 0 6px}
.rd-site .rd-section {margin-block-start:34px}
.rd-site .rd-copy {max-inline-size:82ch}
.rd-site .rd-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
.rd-site .rd-card {background:var(--rd-paper); border:1px solid var(--rd-line); border-radius:10px; padding:20px}
.rd-site .rd-card h2,.rd-site .rd-card h3 {margin:0 0 8px; font-size:1.12rem}
.rd-site .rd-card p:last-child {margin:0}
.rd-site .rd-quick-links {display:flex; flex-wrap:wrap; gap:8px; margin:22px 0}
.rd-site .rd-quick-links a {padding:9px 13px; background:var(--rd-paper); border:1px solid var(--rd-line); border-radius:6px; text-decoration:none; font-size:.94rem}
.rd-site .rd-quick-links a:hover {border-color:var(--rd-red)}
.rd-site .rd-schedule {border:1px solid var(--rd-line); border-radius:12px; background:var(--rd-paper); overflow:visible; margin-block:20px}
.rd-site .rd-schedule-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:20px 22px 14px; border-block-start:3px solid var(--rd-red); border-start-start-radius:11px; border-start-end-radius:11px}
.rd-site .rd-schedule-head h2 {margin:0; font-size:1.3rem}
.rd-site .rd-date {font-size:.86rem; color:var(--rd-muted); margin:0; text-transform:capitalize}
.rd-site .rd-filter-panel {margin:0; border:0; background:none; padding:0; border-radius:0}
.rd-site .rd-filter-panel>summary {cursor:pointer; margin:0 22px 12px; font-size:.85rem; color:#a70f14; min-block-size:32px; padding-block:5px}
.rd-site .rd-filters {display:grid; grid-template-columns:minmax(150px,1.1fr) minmax(140px,1fr) minmax(145px,1fr) minmax(120px,.75fr) auto; align-items:end; gap:10px; padding:0 22px 12px}
.rd-site .rd-filters>div {min-inline-size:0}
.rd-site label {display:block; font-size:.8rem; font-weight:500; color:var(--rd-ink); margin:0 0 5px}
.rd-site .rd-filters input,.rd-site .rd-filters select {inline-size:100%; max-inline-size:100%; min-inline-size:0; block-size:43px; padding:9px 10px; background:#fff; color:var(--rd-ink); border:1px solid #aeb8c6; border-radius:6px; font:inherit; font-size:.86rem}
.rd-site .rd-button {display:inline-flex; align-items:center; justify-content:center; background:var(--rd-red); color:#fff; border:1px solid var(--rd-red); border-radius:6px; padding:10px 16px; min-block-size:43px; font:inherit; font-size:.9rem; font-weight:500; text-decoration:none; cursor:pointer; white-space:normal}
.rd-site .rd-button:hover {background:#910d12; border-color:#910d12; color:#fff}
.rd-site .rd-meta {font-size:.77rem; color:var(--rd-muted); padding:0 22px 16px; margin:0; border-block-end:1px solid var(--rd-line)}
.rd-site .rd-count {padding:14px 22px 0; margin:0; color:var(--rd-muted); font-size:.82rem}
.rd-site .rd-day {margin:0; padding:10px 22px; background:var(--rd-soft); font-size:.8rem; font-weight:500; text-transform:capitalize; border-block-end:1px solid var(--rd-line)}
.rd-site .rd-match {display:grid; grid-template-columns:70px minmax(0,1fr) minmax(180px,.7fr); gap:8px 18px; padding:15px 22px 10px; border-block-end:1px solid var(--rd-line)}
.rd-site .rd-kickoff {font-variant-numeric:tabular-nums; padding-block-start:12px}
.rd-site .rd-kickoff time {display:block; font-size:1.1rem; font-weight:600; line-height:1.2}
.rd-site .rd-kickoff span {font-size:.67rem; color:var(--rd-muted)}
.rd-site .rd-competition {font-size:.72rem; color:var(--rd-muted); margin:0}
.rd-site .rd-match-main>p {margin:0}
.rd-site .rd-versus {color:var(--rd-muted); font-weight:400; font-size:.85em}
.rd-site .rd-status {display:inline-block; font-size:.72rem; line-height:1.4; color:#475466; background:#edf0f4; padding:3px 7px; border-radius:4px}
.rd-site .rd-live {color:#8f0c11; background:#fce8e9}
.rd-site .rd-viewing-label {display:block; color:var(--rd-muted); font-size:.72rem; margin:0 0 3px}
.rd-site .rd-viewing p {margin:0}
.rd-site .rd-viewing ul {padding:0; margin:0; list-style:none}
.rd-site .rd-viewing li {padding:0; margin:0 0 6px; font-size:.86rem}
.rd-site .rd-viewing small {display:block; font-size:.68rem; color:var(--rd-muted)}
.rd-site .rd-unconfirmed {font-size:.83rem; color:var(--rd-muted)}
.rd-site .rd-match-details {grid-column:2/-1; border:0; padding:0; margin:0; background:none; border-radius:0}
.rd-site .rd-match-details summary {font-size:.72rem; color:var(--rd-muted); padding:6px 0; cursor:pointer; min-block-size:30px}
.rd-site .rd-match-details p {font-size:.76rem; margin:6px 0 8px; color:var(--rd-muted)}
.rd-site .rd-caption {font-size:.72rem; color:var(--rd-muted); padding:14px 22px; margin:0}
.rd-site .rd-empty {padding:25px 22px; text-align:center; max-inline-size:640px; margin:auto}
.rd-site .rd-empty-symbol {display:block; color:#9e1015; font-size:1.8rem; line-height:1}
.rd-site .rd-empty h3 {font-size:1.05rem; margin:12px 0 8px}
.rd-site .rd-empty p {font-size:.9rem; color:var(--rd-muted)}
.rd-site .rd-empty a {font-size:.86rem}
.rd-site .rd-more {padding:14px 22px 0; margin:0; font-size:.9rem}
.rd-site .rd-notice {background:#fff; border:1px solid var(--rd-line); border-inline-start:3px solid var(--rd-red); padding:16px 18px; border-radius:6px; margin-block:20px}
.rd-site .rd-notice p:last-child {margin:0}
.rd-site .rd-faq details {border-block-end:1px solid var(--rd-line); padding:14px 0}
.rd-site .rd-faq summary {font-weight:500; cursor:pointer; min-block-size:30px}
.rd-site .rd-faq details p {color:var(--rd-muted); margin:12px 0 4px}
.rd-site ul,.rd-site ol {margin:12px 0 18px; padding-inline-start:22px}
.rd-site li {margin-block:7px}
.rd-site dl {margin-block:16px}
.rd-site dt {font-weight:500; margin-block-start:14px}
.rd-site dd {margin-inline-start:0; color:var(--rd-muted)}
.rds-skip {position:fixed; inset-block-start:-100px; inset-inline-start:12px; z-index:10000; background:#fff; color:#8c0c10; padding:12px 18px; border:2px solid #b51217}
.rds-skip:focus {inset-block-start:12px}
@media (max-width:920px) {
 .rd-site .rd-filters {grid-template-columns:repeat(2,minmax(0,1fr))}
 .rd-site .rd-filters .rd-button {grid-column:1/-1}
 .rd-site .rd-grid {grid-template-columns:1fr}
}
@media (max-width:540px) {
 .rd-site.rd-wrap {padding:18px 12px 28px}
 .rd-site .rd-schedule-head {padding:16px 14px 12px}
 .rd-site .rd-schedule-head .rd-date {inline-size:100%}
 .rd-site .rd-filters {padding:0 14px 12px; gap:10px 8px}
 .rd-site .rd-filter-panel>summary {margin-inline:14px}
 .rd-site .rd-filter-search {grid-column:1/-1}
 .rd-site .rd-filters input,.rd-site .rd-filters select {font-size:1rem}
 .rd-site .rd-filters>div:nth-child(2) {grid-column:1/-1}
 .rd-site .rd-meta,.rd-site .rd-caption {padding:12px 14px}
 .rd-site .rd-match {grid-template-columns:53px minmax(0,1fr); gap:6px 12px; padding:14px}
 .rd-site .rd-viewing {grid-column:2; padding-block-start:4px}
 .rd-site .rd-match-details {grid-column:1/-1}
 .rd-site .rd-day {padding:9px 14px}
 .rd-site .rd-empty {padding:24px 16px}
 .rd-site .rd-card {padding:16px}
}
@media (prefers-reduced-motion:reduce) {
 .rd-site *, .rd-site *::before, .rd-site *::after {animation:none!important; transition:none!important}
}