.sport-page { min-height: 100vh; }
.sport-page::before { height: 430px; }
.sport-page main { display: grid; gap: 28px; padding-bottom: 70px; }
.sport-nav { display: flex; align-items: center; gap: 18px; }
.sport-nav a { color: var(--muted); text-decoration: none; font: 700 .64rem/1 IBM Plex Mono, monospace; letter-spacing: .06em; text-transform: uppercase; }
.sport-nav a:hover, .sport-nav a[aria-current="page"] { color: var(--signal); }
.sport-hero { padding: 72px 0 24px; border-bottom: 1px solid var(--line); }
.sport-kicker, .sport-section-number, .sport-feature span { color: var(--signal); font: 700 .68rem/1.2 IBM Plex Mono, monospace; letter-spacing: .12em; }
.sport-hero h1 { max-width: 900px; margin: 14px 0; color: var(--white); font: 800 clamp(2.7rem, 7vw, 6rem)/.94 Archivo, sans-serif; letter-spacing: -.055em; }
.sport-hero > p:not(.sport-kicker) { max-width: 760px; margin: 0; color: #bcbcb5; font-size: clamp(1rem, 2vw, 1.3rem); line-height: 1.55; }
.sport-freshness { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 28px; color: var(--white); font: 600 .72rem/1.4 IBM Plex Mono, monospace; text-transform: uppercase; }
.sport-freshness span { color: #bcbcb5; }
.sport-source-note { display: grid; grid-template-columns: 180px 1fr 1fr; gap: 24px; padding: 22px; border: 1px solid var(--line); background: color-mix(in srgb, var(--panel) 88%, transparent); }
.sport-source-note strong { font: 800 .8rem/1.35 Archivo, sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.sport-source-note p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.55; }
.sport-notice, .sport-empty { padding: 22px; border: 1px solid color-mix(in srgb, var(--signal) 60%, var(--line)); background: var(--panel); }
.sport-day { margin-bottom: 30px; }
.sport-day > header { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 0 2px 12px; border-bottom: 2px solid var(--ink); }
.sport-day h2 { margin: 0; font: 800 1.15rem/1.2 Archivo, sans-serif; }
.sport-day header span { color: var(--muted); font: 600 .65rem/1 IBM Plex Mono, monospace; text-transform: uppercase; }
.sport-event { display: grid; grid-template-columns: 145px minmax(0, 1fr) minmax(190px, 290px); gap: 24px; align-items: center; padding: 18px 2px; border-bottom: 1px solid var(--line); }
.sport-event-time time, .sport-event-watch strong { display: block; font: 800 .86rem/1.25 Archivo, sans-serif; }
.sport-event-time span, .sport-event-watch span { color: var(--muted); font: 600 .61rem/1.3 IBM Plex Mono, monospace; text-transform: uppercase; }
.sport-event-main h3 { margin: 0 0 5px; font: 800 1.05rem/1.25 Archivo, sans-serif; }
.sport-event-main p { display: inline; margin: 0 12px 0 0; color: var(--muted); font-size: .76rem; }
.sport-event-watch { text-align: right; }
.sport-event-watch a { display: inline-block; margin-top: 7px; color: var(--signal); font: 700 .65rem/1 IBM Plex Mono, monospace; text-decoration: none; text-transform: uppercase; }
.sport-explainer { display: grid; grid-template-columns: minmax(220px, .7fr) 1.3fr; gap: 40px; padding: 36px 0; border-top: 1px solid var(--line); }
.sport-explainer h2, .sport-feature h2, .sport-related h2 { margin: 10px 0 0; font: 800 clamp(1.55rem, 3vw, 2.3rem)/1.05 Archivo, sans-serif; letter-spacing: -.03em; }
.sport-explainer p { margin: 0 0 16px; color: var(--muted); line-height: 1.7; }
.sport-feature { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 30px; color: #f7f5ee; background: #121210; }
.sport-feature p { max-width: 700px; margin: 12px 0 0; color: #bcbcb5; line-height: 1.55; }
.sport-feature a { flex: 0 0 auto; padding: 14px 18px; color: #11110f; background: var(--signal); font: 800 .68rem/1 IBM Plex Mono, monospace; text-decoration: none; text-transform: uppercase; }
.sport-related { display: grid; grid-template-columns: minmax(220px, .7fr) 1.3fr; gap: 40px; padding-top: 20px; }
.sport-related-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sport-related-links a { display: flex; justify-content: space-between; gap: 14px; padding: 14px; border: 1px solid var(--line); color: var(--ink); text-decoration: none; font-weight: 700; }
.sport-related-links a:hover { border-color: var(--signal); color: var(--signal); }
.sport-empty strong { display: block; font: 800 1.15rem/1.3 Archivo, sans-serif; }
.sport-empty p { color: var(--muted); }
.sport-empty a { color: var(--signal); font-weight: 700; }
@media (max-width: 760px) {
  .sport-nav a:first-child, .sport-nav a:last-child { display: none; }
  .sport-nav { gap: 12px; }
  .sport-nav a { font-size: .57rem; }
  .sport-hero { padding-top: 48px; }
  .sport-source-note, .sport-explainer, .sport-related { grid-template-columns: 1fr; gap: 18px; }
  .sport-event { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; }
  .sport-event-watch { grid-column: 2; text-align: left; }
  .sport-feature { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 460px) {
  .sport-page main { gap: 22px; }
  .sport-event { grid-template-columns: 1fr; }
  .sport-event-time { display: flex; align-items: baseline; gap: 10px; }
  .sport-event-watch { grid-column: auto; text-align: left; }
  .sport-related-links { grid-template-columns: 1fr; }
}