.daily-archive {
  margin: 28px 0 0;
  border: 1px solid #b8c6c2;
  border-top: 7px solid var(--daily-accent, #087e59);
  background: #fff;
}
.daily-archive-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  padding: 24px 26px 20px;
}
.daily-archive-head .story-kicker { color: var(--daily-accent, #087e59); }
.daily-archive-head h2 { margin: 7px 0 6px; font: 700 clamp(29px, 4vw, 43px) / 1 Georgia, 'Times New Roman', serif; letter-spacing: 0; }
.daily-archive-head p { max-width: 700px; margin: 0; color: #53635e; line-height: 1.55; }
.daily-archive-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; justify-content: flex-end; }
.daily-archive-controls label { display: grid; gap: 5px; color: #53635e; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.daily-archive-controls select,
.daily-archive-controls button {
  min-height: 42px;
  padding: 8px 11px;
  border: 1px solid #82968f;
  color: #10171a;
  background: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.daily-archive-controls select:hover,
.daily-archive-controls button:hover:not(:disabled),
.daily-archive-controls select:focus-visible,
.daily-archive-controls button:focus-visible { color: #fff; border-color: #10171a; background: #10171a; }
.daily-archive-controls button:disabled { opacity: .32; cursor: default; }
.daily-archive-current {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 26px;
  border-top: 1px solid #c8d3d0;
  border-bottom: 1px solid #c8d3d0;
  background: #edf6f2;
}
.daily-archive-current strong { text-transform: capitalize; }
.daily-archive-current span { color: #53635e; font-size: 12px; font-weight: 800; }
.daily-archive-current .is-error { color: #9b2335; }
.daily-score-grid,
.daily-weather-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: #c8d3d0; }
.daily-score-card,
.daily-weather-card { min-width: 0; padding: 18px; background: #fff; }
.daily-score-card.is-live { box-shadow: inset 5px 0 #cf1f35; }
.daily-score-card.is-result { box-shadow: inset 5px 0 #087e59; }
.daily-score-card.is-upcoming { box-shadow: inset 5px 0 #237bb5; }
.daily-score-meta,
.daily-score-card footer,
.daily-weather-card footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.daily-record-state { padding: 5px 7px; color: #fff; background: #556760; font-size: 9px; font-weight: 900; }
.is-live .daily-record-state { background: #cf1f35; }
.is-result .daily-record-state { background: #087e59; }
.is-upcoming .daily-record-state { background: #237bb5; }
.daily-score-meta time { color: #53635e; font-size: 11px; font-weight: 900; }
.daily-score-league { display: block; margin-top: 14px; color: #52635e; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.daily-score-board { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: center; margin: 12px 0; }
.daily-score-board strong { font: 700 18px / 1.15 Georgia, 'Times New Roman', serif; overflow-wrap: anywhere; }
.daily-score-board strong:last-child { text-align: right; }
.daily-score-board b { min-width: 56px; padding: 8px; color: #fff; background: #10171a; text-align: center; }
.daily-score-card h3 { margin: 12px 0; font: 700 21px / 1.12 Georgia, 'Times New Roman', serif; }
.daily-score-card p { min-height: 40px; color: #53635e; font-size: 12px; line-height: 1.45; }
.daily-score-card footer,
.daily-weather-card footer { margin-top: 15px; padding-top: 11px; border-top: 1px solid #d3ddda; color: #53635e; font-size: 10px; font-weight: 850; }
.daily-score-card footer a,
.daily-weather-card footer a { color: #075f43; }
.daily-weather-card header { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.daily-weather-card header div { font: 700 22px / 1.1 Georgia, 'Times New Roman', serif; }
.daily-weather-card header strong { font: 700 32px / 1 Georgia, 'Times New Roman', serif; }
.daily-weather-range { display: flex; gap: 14px; margin: 14px 0; color: #52635e; font-size: 12px; font-weight: 850; }
.daily-weather-card dl { display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; margin: 0; }
.daily-weather-card dt { color: #53635e; }
.daily-weather-card dd { margin: 0; font-weight: 900; }
.daily-archive-empty { grid-column: 1 / -1; min-height: 150px; display: grid; place-items: center; margin: 0; padding: 24px; background: #fff; text-align: center; }
.daily-archive-pager { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 13px 18px; border-top: 1px solid #c8d3d0; }
.daily-archive-pager[hidden] { display: none; }
.daily-archive-pager span { text-align: center; font-size: 11px; font-weight: 900; }
.daily-archive-pager button { min-height: 38px; padding: 8px 12px; border: 1px solid #82968f; background: #fff; font: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
.daily-archive-pager button:hover:not(:disabled), .daily-archive-pager button:focus-visible:not(:disabled) { color: #fff; background: #10171a; }
.daily-archive-pager button:disabled { opacity: .35; cursor: default; }
.weather-page .daily-archive { --daily-accent: #1685be; }
@media (max-width: 900px) {
  .daily-archive-head { grid-template-columns: 1fr; }
  .daily-archive-controls { justify-content: flex-start; }
  .daily-score-grid, .daily-weather-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .daily-archive-head { padding: 20px 16px 16px; }
  .daily-archive-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .daily-archive-controls label { grid-column: 1 / -1; }
  .daily-archive-controls select { width: 100%; }
  .daily-archive-current { padding: 10px 16px; }
  .daily-score-grid, .daily-weather-grid { grid-template-columns: 1fr; }
  .daily-score-card, .daily-weather-card { padding: 16px; }
}