/* watch-refined.css — the watch board as a clean chronological read.
   Day by day, each match a row: kickoff + TV on the left, the team line,
   venue and a short prose read on the right. Editorial register, no toolbar,
   no dashboards. Archivo + Source Serif only; no external calls. */

.wb-wrap{ max-width:880px; margin:0 auto; padding:0 28px 84px; }

.wb-hero{ padding:40px 0 6px; }
.wb-hero .kicker{ font-family:var(--font-text); font-size:12px; font-weight:600; text-transform:uppercase;
  letter-spacing:.16em; color:var(--accent-strong); margin:0 0 14px; }
.wb-hero h1{ font-family:var(--font-display); font-weight:800; font-size:clamp(34px,5vw,52px);
  letter-spacing:-.03em; line-height:1; margin:0 0 16px; color:var(--ink); }
.wb-hero .lede{ font-family:var(--font-serif); font-size:clamp(18px,2.1vw,21px); line-height:1.55;
  color:#6b6759; max-width:60ch; margin:0; }
.wb-hero .lede .dim{ color:#a8a292; }

.wb-day{ margin-top:36px; }
.wb-day-head{ display:flex; align-items:baseline; gap:14px; border-bottom:2px solid var(--ink);
  padding-bottom:9px; margin-bottom:4px; }
.wb-day-date{ font-family:var(--font-display); font-weight:800; font-size:19px; letter-spacing:-.01em; color:var(--ink); }
.wb-day-sub{ font-family:var(--font-text); font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.1em; color:#a8a292; }

.wb-row{ display:grid; grid-template-columns:128px minmax(0,1fr); gap:0 24px; align-items:start;
  padding:20px 12px; margin:0 -12px; border-bottom:1px solid #eee9df; text-decoration:none; color:var(--ink);
  border-radius:10px; transition:background .12s ease; }
.wb-row:last-child{ border-bottom:0; }
.wb-row:hover{ background:#f3efe6; }

.wb-time{ display:flex; flex-direction:column; gap:1px; padding-top:2px; }
.wb-time .t{ font-family:var(--font-display); font-weight:800; font-size:23px; letter-spacing:-.01em;
  line-height:1; font-variant-numeric:tabular-nums; color:var(--ink); }
.wb-time .et{ font-family:var(--font-text); font-size:11px; font-weight:600; color:#a8a292;
  text-transform:uppercase; letter-spacing:.06em; }
.wb-time .tv{ font-family:var(--font-text); font-size:12px; font-weight:600; color:var(--accent2-strong); margin-top:7px; }

.wb-teams{ font-family:var(--font-display); font-weight:700; font-size:18px; letter-spacing:-.015em;
  color:var(--ink); display:flex; align-items:center; gap:9px; flex-wrap:wrap; line-height:1.15; }
.wb-teams .v{ font-family:var(--font-serif); font-style:italic; font-weight:400; font-size:15px; color:#a8a292; }
.wb-flag{ width:26px; height:26px; border-radius:50%; background-size:cover; background-position:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.14); flex:none; }
.wb-venue{ font-family:var(--font-text); font-size:12.5px; color:#86826f; margin:5px 0 0; }
.wb-read{ font-family:var(--font-serif); font-size:16px; line-height:1.6; color:#3a382f; margin:10px 0 0; max-width:64ch; }
.wb-read b{ color:var(--ink); font-weight:600; }

.wb-foot-note{ margin-top:34px; padding-top:16px; border-top:1px solid #e6e1d4;
  font-family:var(--font-text); font-size:13px; color:#86826f; }
.wb-foot-note a{ color:var(--accent-strong); font-weight:600; text-decoration:none; }

@media(max-width:600px){
  .wb-wrap{ padding:0 18px 64px; }
  .wb-row{ grid-template-columns:1fr; gap:8px 0; }
  .wb-time{ flex-direction:row; align-items:baseline; gap:8px; }
  .wb-time .tv{ margin-top:0; margin-left:auto; }
}