.strategy-market-outcomes { display: grid; gap: 6px; margin-top: 12px; font-size: 11px; }
.strategy-market-outcomes > div {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 3px 8px; padding-top: 7px; border-top: 1px solid #34343c;
}
.strategy-market-outcomes span, .strategy-market-outcomes strong { min-width: 0; overflow-wrap: anywhere; }
.strategy-market-outcomes > div > :nth-child(even) { text-align: right; }
.fixture-row-body {
  grid-template-areas: "match markets comparison" "strategies strategies comparison";
  grid-template-rows: auto 1fr;
}
.fixture-row-body > .fixture-matchup { grid-area: match; }
.fixture-row-body > .markets-column { grid-area: markets; }
.fixture-row-body > .odds-comparison { grid-area: comparison; }
.fixture-row-body > .strategy-board { grid-area: strategies; align-self: start; }
.strategy-board {
  box-sizing: border-box;
  container-type: inline-size;
  width: 100%;
  min-width: 0;
  margin-top: 0;
  border-top: 1px solid #303035;
  color: #d8d8df;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}
.strategy-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  padding: 9px 0 6px;
  overflow-wrap: anywhere;
}
.strategy-heading strong { font-size: 12px; font-weight: 600; }
.strategy-heading > span { color: #a9a9b4; font-size: 11px; }
.strategy-body { min-height: 210px; }
.strategy-table-head, .strategy-entry {
  display: grid;
  grid-template-columns: minmax(82px, 1fr) repeat(3, minmax(48px, .65fr)) minmax(125px, 1.55fr) minmax(52px, .6fr);
  gap: 5px 8px;
}
.strategy-table-head { padding: 5px 0; color: #9999a4; border-bottom: 1px solid #303035; font-size: 10px; }
.strategy-table-head > span { min-width: 0; overflow-wrap: anywhere; }
.strategy-entry { align-items: start; padding: 7px 0; border-bottom: 1px solid #242429; }
.strategy-entry > div { min-width: 0; overflow-wrap: anywhere; }
.strategy-person strong, .strategy-actual strong { display: block; font-size: 11px; font-weight: 600; }
.strategy-view { font-size: 11px; }
.strategy-view small { display: inline; margin-left: 3px; white-space: nowrap; color: #a3a3ae; font-size: 10px; }
.strategy-actual span { display: block; font-size: 11px; }
.strategy-actual small, .strategy-actual time { color: #a3a3ae; font-size: 10px; }
.strategy-actual small { display: block; }
.strategy-actual time { display: block; }
.strategy-selected { color: #26d99a; }
.strategy-result { font-size: 11px; font-variant-numeric: tabular-nums; }
.strategy-result strong { display: block; }
.strategy-reason { grid-column: 1 / -1; min-width: 0; color: #aaaab5; font-size: 10px; }
.strategy-reason summary { cursor: pointer; overflow-wrap: anywhere; }
.strategy-reason p { margin: 6px 0; overflow-wrap: anywhere; }
.strategy-message { padding: 18px 0; color: #aaaab5; }
.strategy-retry { background: transparent; border: 1px solid #45454e; color: inherit; border-radius: 4px; padding: 7px 12px; }
.strategy-persona { display: block; color: #aaaab5; font-size: 11px; font-weight: 400; margin-top: 5px; line-height: 1.5; }
.mobile-app .fixture-card > .strategy-board { width: auto; margin: 0 12px 12px; }
@container (max-width: 800px) {
  .fixture-row-body {
    grid-template-areas: "match markets" "strategies strategies" "comparison comparison";
    grid-template-rows: auto auto auto;
  }
}
@container (max-width: 460px) {
  .strategy-table-head { display: none; }
  .strategy-body { min-height: 0; }
  .strategy-entry { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px 0; }
  .strategy-person { grid-column: 1 / -1; }
  .strategy-view::before, .strategy-actual::before, .strategy-result::before {
    content: attr(data-label); display: block; color: #9999a4; font-size: 10px; margin-bottom: 3px;
  }
  .strategy-view small { display: block; margin-left: 0; }
  .strategy-actual { grid-column: span 2; }
}
@container (max-width: 560px) {
  .fixture-row-body {
    grid-template-areas: "match" "markets" "strategies" "comparison";
    grid-template-rows: auto auto auto auto;
  }
}
@media (max-width: 840px) {
  .fixture-row-body {
    grid-template-areas: "match" "markets" "strategies" "comparison";
    grid-template-rows: auto auto auto auto;
  }
}