/* gw-lab-mlb.css — MLB Lab (mlblab1008). Loaded after gw-tokens, gw-analytics, gw-lab, gw-lab-players, gw-lab-explore,
   gw-lab-nhl-p4 and gw-lab-hoops. The matchup, pitching and first-five views use design1008's shared stats-first classes
   (.gwh-card / .pv.gwh-mx .mx-* / details.gwh-det from gw-lab-hoops.css + gw-gamepage.css); this file only adds the
   MLB pieces: aligned leader cards, chips, park-factor scale, reliever tables. Colours: readability1008 tokens with the
   older tokens as fallbacks. Good = green, around average = neutral, bad = red; "more / less" scales (parks) = warm / cool. */
:root{--gwm-g:var(--gw-good,#4ade80);--gwm-b:var(--gw-bad,#f87171);--gwm-a:#fbbf24;--gwm-w:#fb923c;--gwm-c:#7dd3fc}
.gwm-when{margin:0 0 10px;color:var(--gw-muted,var(--tm))}
.gwa-main table.gwa-t.gwl-t{width:100%}

/* ── leader cards: one shared grid — titles on one line, five fixed-height rows, values in one right column ── */
.gwm-leads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin:0 0 18px}
.gwm-lc{background:var(--bg2);border:1px solid var(--gw-line,var(--bd));border-radius:var(--r-lg,14px);padding:12px 14px 6px;min-width:0;margin:0}
.gwm-lt{margin:0 0 6px;height:22px;line-height:22px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gw-muted,var(--tm));
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gwm-ll{list-style:none;margin:0;padding:0}
.gwm-ll>li{display:grid;grid-template-columns:16px 22px minmax(0,1fr) auto;align-items:center;column-gap:10px;height:46px;border-top:1px solid var(--gw-line-soft,rgba(255,255,255,.05))}
.gwm-ll>li:first-child{border-top:0}
.gwm-lr{font-size:12px;color:var(--gw-faint,var(--tm));text-align:right;font-variant-numeric:tabular-nums}
.gwm-ll .gwx-lg{width:22px;height:22px;object-fit:contain}
.gwm-ln{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.gwm-ln b{font-size:14px;font-weight:650;color:var(--gw-text,var(--t1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gwm-ln small{font-size:11.5px;color:var(--gw-muted,var(--tm));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gwm-lv{min-width:58px;text-align:right;font-size:15px;font-weight:750;color:var(--gw-text,var(--t1));font-variant-numeric:tabular-nums}
.gwm-ll>li:first-child .gwm-lv{color:var(--gold,#fbbf24)}
@media(max-width:900px){.gwm-leads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gwm-leads{grid-template-columns:1fr}}

/* ── two-column starter rows (inside .pv.gwh-mx) ── */
.gwm-pcard .gwh-date a.in{font-weight:600}
.gwm-spn2{font-weight:700;color:var(--gw-text,var(--t1));font-size:13.5px}
.gwm-hand{display:inline-block;font-size:10.5px;font-weight:600;color:var(--gw-slate,var(--tm));background:var(--gw-slate-bg,rgba(159,179,200,.09));border-radius:999px;padding:1px 7px;margin:0 6px;vertical-align:1px}
.gwm-line{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--gw-text-2,var(--t2));font-variant-numeric:tabular-nums;white-space:nowrap}
.gwm-line .mx-pill{min-width:0!important;padding-left:8px;padding-right:8px}
.gwm-dt{font-size:11.5px;color:var(--gw-muted,var(--tm))}
.gwm-ip,.gwm-k,.gwm-mph,.gwm-pu{font-weight:600;color:var(--gw-text,var(--t1))}
.gwm-pn{font-weight:650;color:var(--gw-text,var(--t1))}
.gwm-mph::after{content:" mph";font-weight:400;color:var(--gw-muted,var(--tm));font-size:11px}
.gwm-slot{display:inline-block;height:26px}
.gwm-pn .gwm-sa{display:none}
.gwm-pcard .mx-v,.gwh-det[data-sec=sp] .mx-v,.gwm-f5card .mx-v{min-width:0;overflow:hidden}
.gwm-f5card .mx-v{flex-wrap:nowrap}
.gwm-f5card .gwm-spn2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:12.5px}
.pv.gwh-mx .mx-v.a .gwm-line{justify-content:flex-end}

/* ── chips ── */
.gwm-chips{display:inline-flex;flex-wrap:wrap;gap:6px}
.gwm-chips.a{justify-content:flex-end}
.gwm-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gw-text-2,var(--t2));background:var(--gw-surface-3,rgba(255,255,255,.06));
  border-radius:999px;padding:3px 10px;white-space:nowrap}
.gwm-chip b{color:var(--gw-text,var(--t1));font-variant-numeric:tabular-nums}
.gwm-chip.bad{background:rgba(248,113,113,.14);color:var(--gwm-b)}.gwm-chip.bad b{color:var(--gwm-b)}
.gwm-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.03em;border-radius:999px;padding:1px 7px;margin-left:6px;
  background:var(--gw-slate-bg,rgba(159,179,200,.09));color:var(--gw-slate,#9fb3c8);vertical-align:1px}
.gwm-tag.late{background:rgba(212,160,23,.14);color:var(--gold,#fbbf24)}
.gwm-tag.bad{background:rgba(248,113,113,.14);color:var(--gwm-b)}
.gwm-n{display:inline-block;min-width:34px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:12.5px;
  background:rgba(255,255,255,.05);color:var(--gw-text,var(--t1))}
.gwm-n.t-g{background:rgba(74,222,128,.13);color:var(--gwm-g)}
.gwm-n.t-b{background:rgba(248,113,113,.14);color:var(--gwm-b)}
.gwm-n.t-a{background:rgba(251,191,36,.13);color:var(--gwm-a)}
.gwm-n.t-q{background:none;color:var(--gw-faint,var(--tm));font-weight:500}

/* ── reliever tables ── */
.gwa-main table.gwa-t.gwm-rel{width:100%}
.gwm-rel{font-variant-numeric:tabular-nums}
.gwm-rel td,.gwm-rel th{padding:6px 8px;white-space:nowrap;text-align:center}
.gwm-rel .gwa-id{text-align:left}
.gwm-rn{font-weight:650;color:var(--gw-text,var(--t1))}
.gwm-bpgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;align-items:start}
.gwm-bpgrid>.gwa-panel,.gwm-leads>.gwm-lc,.gwm-f5grid>.gwh-card{margin:0!important}
.gwm-bpcard .gwa-pt .gwx-lg{vertical-align:-5px;margin-right:4px}
.gwm-bpcard .gwa-pt a.in{color:var(--gw-text,var(--t1));text-decoration:none}
.gwm-bpcard .gwa-ps{margin-top:6px}

/* ── first inning / first five game cards ── */
.gwm-f5grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.gwm-f5grid>.gwh-card{margin:0;padding-bottom:10px}
.gwm-f5h{display:flex;align-items:center;gap:8px;margin:0 -18px;padding:12px 18px;border-bottom:1px solid var(--div,rgba(255,255,255,.06));font-size:15px;color:var(--gw-text,var(--t1));
  background:linear-gradient(90deg,var(--ca) 0 50%,var(--ch) 50% 100%) top/100% 3px no-repeat}
.gwm-f5h .gwx-lg{width:26px;height:26px;object-fit:contain}
.gwm-at{color:var(--gw-muted,var(--tm));font-size:12px}
.gwm-tm{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--gold,#fbbf24);font-variant-numeric:tabular-nums}
.pv.gwh-mx .gwm-rk2{font-size:11px;color:var(--gw-faint,var(--tm));min-width:30px;text-align:center}
.gwm-f5card .mx-r{padding-top:4px;padding-bottom:4px}
.gwm-f5card .mx-v.a{justify-content:flex-end}
.gwm-f5card .mx-v{display:flex;align-items:center;gap:6px}
.gwm-spc{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.gwm-spc.a{justify-content:flex-end}
.gwm-spc .gwm-spn2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:12.5px}
.gwm-spc .mx-pill{flex:none}

/* ── park factors: warm = more than an average park, cool = less ── */
.gwa-main table.gwa-t.gwm-pft{width:100%}
.gwm-pft th,.gwm-pft td{padding:7px 8px;text-align:center;white-space:nowrap}
.gwm-pft .gwa-id{text-align:left;min-width:220px}
.gwm-park{display:flex;align-items:center;gap:10px;min-width:0}
.gwm-park .gwx-lg{width:26px;height:26px;object-fit:contain;flex:0 0 26px}
.gwm-pk{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.gwm-pk b{font-size:13.5px;font-weight:650;color:var(--gw-text,var(--t1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.gwm-pk small{font-size:11.5px;color:var(--gw-muted,var(--tm))}
.gwm-pk .gwm-tag{margin-left:6px}
.gwm-pf{display:inline-block;min-width:44px;text-align:center;font-weight:700;font-size:13px;border-radius:999px;padding:3px 8px;font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.05);color:var(--gw-text-2,var(--t2))}
.gwm-pf.w2{background:rgba(251,146,60,.26);color:#fdba74}.gwm-pf.w1{background:rgba(251,146,60,.12);color:#fdba74}
.gwm-pf.c2{background:rgba(125,211,252,.24);color:#bae6fd}.gwm-pf.c1{background:rgba(125,211,252,.11);color:#bae6fd}
.gwm-sort{background:none;border:0;padding:0;font:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gw-muted,var(--tm));cursor:pointer}
.gwm-sort.on{color:var(--gold,#fbbf24)}
.gwm-pflg{display:flex;flex-wrap:wrap;gap:8px 16px;margin:-6px 0 18px;font-size:12px;color:var(--gw-muted,var(--tm))}
.gwm-pflg span{display:inline-flex;align-items:center;gap:6px}

/* ── "How to read this page" (collapsed: the definitions stay on the page, out of the way) ── */
.gwm-howto{background:var(--bg2);border:1px solid var(--gw-line,var(--bd));border-radius:var(--r-lg,14px);padding:0 18px;margin:18px 0}
.gwm-howto>summary{cursor:pointer;list-style:none;padding:13px 0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gw-text,var(--t1))}
.gwm-howto>summary::-webkit-details-marker{display:none}
.gwm-howto>summary::before{content:"▸ ";color:var(--gold,#fbbf24)}
.gwm-howto[open]>summary::before{content:"▾ "}
.gwm-howto[open]{padding-bottom:12px}
[data-today],[data-sp],[data-log],[data-summary],[data-officials]{margin:0 0 18px}

@media(max-width:760px){
  .gwm-bpgrid,.gwm-f5grid{grid-template-columns:1fr}
  .gwm-f5h{margin:0 -10px;padding:10px}
  .gwm-pft .gwa-id{min-width:150px}
  .gwm-pk b{max-width:120px}
  .gwm-line{gap:5px;font-size:12px}
  .gwm-line .gwm-dt{display:none}
}
@media(max-width:560px){
  .gwm-pn .gwm-fl{display:none}.gwm-pn .gwm-sa{display:inline}
  .gwm-line .gwm-mph,.gwm-line .gwm-k{display:none}
  .pv.gwh-mx .gwm-rk2{display:none}
  .gwm-pcard .mx-l small,.gwh-det[data-sec=sp] .mx-l small,.gwm-f5card .mx-l small{display:none}
}

/* ── ranks (Shane 10/8: "I can't tell if green is 1st or 30th") ── */
/* table cells: the league rank under every value (gw-dataview cellRanks opt-in) */
.gwa-crk{display:block;margin-top:2px;font-size:10.5px;font-weight:500;line-height:1.1;color:var(--gw-faint,var(--tm));text-align:center;font-variant-numeric:tabular-nums}
.gwm-pft .gwa-crk{margin-top:3px}
/* chip + rank + bar (shared .mx-meta): an unranked pitcher keeps the slot so rows stay aligned */
.pv .gwm-nr .mx-rk{color:var(--gw-faint,var(--tm))}
.gwm-pcard .mx-v,.gwh-det[data-sec=sp] .mx-v{display:flex;align-items:center;gap:8px}
.gwm-pcard .mx-v.a,.gwh-det[data-sec=sp] .mx-v.a{justify-content:flex-end}
/* pitch mix cell: name · use · mph on top, three ranked mini chips under it */
.gwm-mixr .mx-v{align-items:center}
.gwm-mixc{display:inline-flex;flex-direction:column;gap:4px;min-width:0;max-width:100%}
.gwm-mixc.a{align-items:flex-end}
.gwm-mcs{display:inline-flex;flex-wrap:wrap;gap:4px}
.gwm-mixc.a .gwm-mcs{justify-content:flex-end}
.gwm-mc{display:inline-flex;align-items:baseline;gap:4px;font-size:11.5px;border-radius:999px;padding:2px 8px;background:rgba(255,255,255,.05);white-space:nowrap}
.gwm-mc i{font-style:normal;font-size:10px;color:var(--gw-muted,var(--tm))}
.gwm-mc b{font-weight:700;color:var(--gw-text,var(--t1));font-variant-numeric:tabular-nums}
.gwm-mc em{font-style:normal;font-size:10.5px;color:var(--gw-faint,var(--tm))}
.gwm-mc.t-g{background:rgba(74,222,128,.12)}.gwm-mc.t-g b{color:var(--gwm-g)}
.gwm-mc.t-b{background:rgba(248,113,113,.13)}.gwm-mc.t-b b{color:var(--gwm-b)}
@media(max-width:560px){.gwm-mc i{display:none}.gwm-mc{padding:2px 6px}}

/* ── game header = the table's column header (Shane 10/8): same three columns as the .mx-r rows below ── */
.pv.gwm-chw{margin:0 -18px}
.pv .gwm-ch{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,200px) minmax(0,1fr);align-items:center;gap:10px;padding:16px 24px 14px;
  border-bottom:1px solid var(--div,rgba(255,255,255,.06));
  background:linear-gradient(90deg,var(--ca) 0 50%,var(--ch) 50% 100%) top/100% 3px no-repeat,
    radial-gradient(60% 140% at 0% 0%,var(--cas) 0%,transparent 70%),radial-gradient(60% 140% at 100% 0%,var(--chs) 0%,transparent 70%)}
.pv .gwm-cht{display:flex;align-items:center;gap:12px;min-width:0;color:var(--gw-text,var(--t1));text-decoration:none}
.pv .gwm-cht.a{justify-self:start;text-align:left}
.pv .gwm-cht.h{justify-self:end;text-align:right}
.pv .gwm-cht .gwx-lg{flex:0 0 auto;object-fit:contain}
.pv .gwm-chx{display:flex;flex-direction:column;gap:3px;min-width:0}
.pv .gwm-cht.h .gwm-chx{align-items:flex-end}
.pv .gwm-chn{font-size:18px;font-weight:800;line-height:1.2;color:#fff;overflow-wrap:normal;word-break:normal}
.pv .gwm-ch.sm .gwm-chn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pv .gwm-chx{max-width:100%}
.pv .gwm-cht:hover .gwm-chn{text-decoration:underline;text-decoration-color:var(--tc);text-underline-offset:4px}
.pv .gwm-chs{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12.5px;color:var(--gw-text-2,var(--t2));font-variant-numeric:tabular-nums}
.pv .gwm-cht.h .gwm-chs{justify-content:flex-end}
.pv .gwm-rec2{font-weight:650;color:var(--gw-text,var(--t1))}
.pv .gwm-div{color:var(--gw-muted,var(--tm))}
.pv .gwm-chm{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.pv .gwm-cht2{font-weight:800;font-size:17px;color:var(--gold,#fbbf24);font-variant-numeric:tabular-nums;white-space:nowrap}
.pv .gwm-cht2.vs{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gw-text-2,var(--t2))}
.pv .gwm-chd{font-size:11.5px;color:var(--gw-muted,var(--tm));white-space:nowrap}
.pv .gwm-chl{font-size:11.5px;font-weight:600}
.pv .gwm-ch.sm{padding:12px 24px 10px}
.pv .gwm-ch.sm .gwm-chn{font-size:15px}
.pv .gwm-ch.sm .gwm-cht2{font-size:14px}
.gwm-f5card .gwm-chw{margin-top:0}
.gwm-gm{white-space:nowrap}.gwm-gm .gwx-lg{vertical-align:-4px}
.gwlp-glog .gwx-lg{vertical-align:-3px}
@media(max-width:640px){
  .pv.gwm-chw{margin:0 -10px}
  .pv .gwm-ch{grid-template-columns:minmax(0,1fr) minmax(84px,104px) minmax(0,1fr);gap:6px;padding:12px 12px 10px}
  .pv .gwm-cht{flex-direction:column;align-items:flex-start;gap:6px}
  .pv .gwm-cht.h{align-items:flex-end;flex-direction:column-reverse}
  .pv .gwm-cht .gwx-lg{width:34px;height:34px}
  .pv .gwm-chn{font-size:14px}
  .pv .gwm-chs{font-size:11px}
  .pv .gwm-cht2{font-size:14px}
  .pv .gwm-ch.sm .gwx-lg{width:28px;height:28px}
}

/* certqa1021: bullpen "Who pitched" chips overflowed their cell at 375 */
@media (max-width:560px){.gwm-chips{max-width:100%;min-width:0}.gwm-chip{max-width:100%;white-space:normal;line-height:1.25}}

/* askqa1021: "Who pitched" / "Busiest relievers" chips in the 103px side columns at 375-430: the shrink-to-fit pills wrapped names unevenly
   (one pill narrower, right-aligned). Stack them full-column-width, name left, pitches right. */
@media (max-width:560px){
  .mx-v .gwm-chips{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;max-width:100%;min-width:0}
  .mx-v .gwm-chip{display:flex;justify-content:space-between;align-items:center;gap:6px;max-width:100%;min-width:0;box-sizing:border-box;padding:3px 9px;
    border-radius:12px;font-size:11.5px;line-height:1.2;text-align:left;white-space:normal;overflow-wrap:anywhere}
  .mx-v .gwm-chip b{flex:none}
}