.health-detail {min-width:0; line-height:1.5}
.health-detail summary {cursor:pointer; min-height:30px; align-content:center}
.health-detail summary::marker {color:var(--muted)}
.health-detail p {max-width:58ch; margin:.35rem 0 .1rem; color:var(--muted)}
.data-health:has(.health-detail[open]) {align-items:baseline}
.fixture-heading {
  display:flex; align-items:end; justify-content:space-between; gap:1rem;
  padding:1.15rem 0 .9rem;
}
.fixture-heading h1 {margin:0; font:750 clamp(1.45rem,2.4vw,2rem)/1.15 var(--font); letter-spacing:-.035em}
.fixture-heading .desk-label {margin:0 0 .32rem; font-size:.68rem}
.fixture-dateline {margin:0; color:var(--muted); font-size:.8rem; line-height:1.5}
.fixture-board .strip {
  gap:2px; padding:3px; margin:0; background:var(--surface);
  border:1px solid var(--line); border-radius:12px;
}
.fixture-board .strip a {
  min-width:4.4rem; min-height:48px; padding:.3rem .5rem; justify-content:center; gap:2px;
  background:transparent; color:var(--text); border:1px solid transparent; border-radius:8px;
}
.fixture-board .strip a:hover {background:var(--surface-2)}
.fixture-board .strip a.on {background:var(--action); color:white}
.fixture-board .strip a small {font:500 .7rem/1.2 var(--font)}
.fixture-board .strip a b {font:650 .9rem/1.25 var(--font); font-variant-numeric:tabular-nums}
.fixture-board .strip a:focus-visible {outline-offset:-3px}
.fixture-tools {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem 1rem; margin:1rem 0 .5rem}
.fixture-scope {display:flex; align-items:baseline; gap:.6rem; flex-wrap:wrap}
.fixture-scope h2 {margin:0; color:var(--text); font:700 1.13rem/1.3 var(--font)}
.fixture-scope > span,.fixture-scope a {font-size:.78rem; color:var(--muted)}
.fixture-scope a {color:var(--accent-ink); text-decoration:underline; text-underline-offset:.2em}
.league-picker {display:flex; min-width:0; max-width:100%; align-items:center; gap:.4rem}
.league-picker label {font-size:.76rem; color:var(--muted)}
.league-picker select,.league-picker button {
  font:600 .8rem/1.3 var(--font); color:var(--text); background:var(--surface);
  border:1px solid var(--line); border-radius:8px; min-height:40px; padding:.45rem .65rem;
}
.league-picker select {width:clamp(9rem,19vw,17rem); min-width:0; text-overflow:ellipsis}
.league-picker button {cursor:pointer; color:var(--accent-ink); background:var(--accent-soft)}
.league-picker button:hover {border-color:var(--accent)}
.fixture-board > .mtabs {margin:.5rem 0; padding:.15rem 0 .35rem; border-bottom:1px solid var(--line)}
.fixture-board > .mtabs a {box-shadow:none; border-color:transparent; background:none; color:var(--muted)}
.fixture-board > .mtabs a.on {color:var(--accent-ink); background:var(--accent-soft); border-color:var(--line)}
.fixture-board > .meta {margin:.35rem 0 .6rem}
@media (max-width:720px) {
  .fixture-heading {align-items:start; flex-direction:column; gap:.35rem; padding:.8rem 0}
  .fixture-dateline {font-size:.74rem}
  .fixture-board .strip a {min-width:3.6rem; padding:.3rem; min-height:46px}
  .fixture-tools {margin:.75rem 0 .35rem; gap:.5rem}
  .league-picker {width:100%}
  .league-picker select {flex:1; width:auto}
  .league-picker button,.league-picker select {min-height:44px}
  .fixture-board > .mtabs {gap:.2rem}
  .fixture-board > .mtabs a {min-height:40px; display:inline-flex; align-items:center; padding:.35rem .65rem}
}
