.discovery-page { min-height: 100vh; }
.discovery-page::before { display: none; }
.discovery-page main { display: grid; gap: 28px; padding-bottom: 70px; }
.discovery-page .site-header, .discovery-hero { background: var(--solid); box-shadow: 0 0 0 100vmax var(--solid); clip-path: inset(0 -100vmax); }
.discovery-nav { display: flex; align-items: center; gap: 18px; }
.discovery-nav a { color: #bcbcb5; text-decoration: none; font: 700 .64rem/1 IBM Plex Mono, monospace; letter-spacing: .06em; text-transform: uppercase; }
.discovery-nav a:hover, .discovery-nav a[aria-current="page"] { color: var(--signal); }
.discovery-hero { padding: 64px 0 38px; border-bottom: 1px solid #3a3a36; }
.discovery-kicker, .discovery-explainer span, .discovery-feature span, .discovery-related span { color: var(--signal); font: 700 .68rem/1.2 IBM Plex Mono, monospace; letter-spacing: .12em; }
.discovery-hero h1 { max-width: 1050px; margin: 16px 0 18px; color: var(--white); font: 900 clamp(3.75rem, 7.2vw, 6.5rem)/.84 Barlow Condensed, sans-serif; letter-spacing: -.035em; }
.discovery-hero > p:not(.discovery-kicker) { max-width: 780px; margin: 0; color: #bcbcb5; font-size: clamp(1rem, 2vw, 1.3rem); line-height: 1.55; }
.discovery-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; }
.discovery-freshness span { color: #bcbcb5; }
.discovery-source-note { display: grid; grid-template-columns: 190px 1fr 1fr; gap: 24px; padding: 22px; border: 1px solid var(--line); background: var(--surface); }
.discovery-source-note strong { font: 800 .8rem/1.35 Archivo, sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.discovery-source-note p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.55; }
.discovery-notice, .discovery-empty, .discovery-filter-empty { padding: 22px; border: 1px solid color-mix(in srgb, var(--signal-dark) 60%, var(--line)); background: var(--surface); }
.discovery-tools { display: grid; grid-template-columns: minmax(140px, .8fr) minmax(210px, 1.2fr) minmax(185px, 1fr) auto auto; gap: 12px; align-items: end; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.discovery-tools div { display: grid; gap: 7px; }
.discovery-tools label { color: var(--muted); font: 700 .62rem/1 IBM Plex Mono, monospace; letter-spacing: .06em; text-transform: uppercase; }
.discovery-tools select, .discovery-tools button { min-height: 42px; border: 1px solid var(--line); border-radius: 0; color: var(--ink); background: var(--surface); padding: 9px 12px; font: 700 .68rem/1.2 IBM Plex Mono, monospace; }
.discovery-tools button { cursor: pointer; }
.discovery-tools > span { align-self: center; color: var(--muted); font: 700 .66rem/1.2 IBM Plex Mono, monospace; text-transform: uppercase; }
.discovery-day { margin-bottom: 30px; }
.discovery-day > header { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 0 2px 12px; border-bottom: 2px solid var(--ink); }
.discovery-day h2 { margin: 0; font: 800 1.15rem/1.2 Archivo, sans-serif; }
.discovery-day header span { color: var(--muted); font: 600 .65rem/1 IBM Plex Mono, monospace; text-transform: uppercase; }
.discovery-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); }
.discovery-event-time time, .discovery-event-watch strong { display: block; font: 800 .86rem/1.25 Archivo, sans-serif; }
.discovery-event-time span, .discovery-event-watch span, .discovery-league { color: var(--muted); font: 600 .61rem/1.3 IBM Plex Mono, monospace; text-transform: uppercase; }
.discovery-event-main h3 { margin: 4px 0; font: 800 1.05rem/1.25 Archivo, sans-serif; }
.discovery-event-main p { margin: 0; color: var(--muted); font-size: .76rem; }
.discovery-event-watch { text-align: right; }
.discovery-event-watch span { display: inline-block; margin-top: 7px; }
.discovery-event-watch a { display: inline-block; margin: 7px 0 0 10px; color: var(--league); font: 700 .65rem/1 IBM Plex Mono, monospace; text-decoration: none; text-transform: uppercase; }
.discovery-event-watch a:hover { text-decoration: underline; text-underline-offset: 3px; }
.discovery-explainer, .discovery-related { display: grid; grid-template-columns: minmax(220px, .7fr) 1.3fr; gap: 40px; padding: 36px 0; border-top: 1px solid var(--line); }
.discovery-explainer h2, .discovery-feature h2, .discovery-related h2 { margin: 10px 0 0; font: 800 clamp(1.55rem, 3vw, 2.3rem)/1.05 Archivo, sans-serif; letter-spacing: -.03em; }
.discovery-explainer p { margin: 0 0 16px; color: var(--muted); line-height: 1.7; }
.discovery-explainer a { color: var(--league); }
.discovery-feature { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 30px; color: #f7f5ee; background: #121210; }
.discovery-feature p { max-width: 720px; margin: 12px 0 0; color: #bcbcb5; line-height: 1.55; }
.discovery-feature-links { display: grid; flex: 0 0 auto; gap: 9px; }
.discovery-feature a { padding: 12px 16px; color: #11110f; background: var(--signal); font: 800 .68rem/1 IBM Plex Mono, monospace; text-decoration: none; text-transform: uppercase; }
.discovery-related { padding-top: 20px; }
.discovery-related-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.discovery-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; }
.discovery-related-links a:hover { border-color: var(--signal-dark); color: var(--league); }
.discovery-empty strong { display: block; font: 800 1.15rem/1.3 Archivo, sans-serif; }
.discovery-empty p { color: var(--muted); }
.discovery-empty a { color: var(--league); font-weight: 700; }
@media (max-width: 900px) {
  .discovery-tools { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .discovery-nav a:first-child, .discovery-nav a:last-child { display: none; }
  .discovery-nav { gap: 12px; }
  .discovery-nav a { font-size: .57rem; }
  .discovery-hero { padding: 46px 0 32px; }
  .discovery-hero h1 { font-size: clamp(3.5rem, 15vw, 5rem); }
  .discovery-source-note, .discovery-explainer, .discovery-related { grid-template-columns: 1fr; gap: 18px; }
  .discovery-event { grid-template-columns: 100px minmax(0, 1fr); gap: 12px; }
  .discovery-event-watch { grid-column: 2; text-align: left; }
  .discovery-feature { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
  .discovery-page main { gap: 22px; }
  .discovery-tools { grid-template-columns: 1fr; }
  .discovery-event { grid-template-columns: 1fr; }
  .discovery-event-time { display: flex; align-items: baseline; gap: 10px; }
  .discovery-event-watch { grid-column: auto; text-align: left; }
  .discovery-related-links { grid-template-columns: 1fr; }
}
