/* OWS Edge Game Tools.
   The fold bar matches the Injury Report / Weather cards above it (no box, ink rule on top, line
   below, orange stripe left), so the stack of Edge cards reads as one set. Everything INSIDE the
   card wears the toolkit's look from /stacks/ (stacks-jm-theme.css: JM's Archivo type, tabs,
   switches and tables) - Aaron, 2026-10-17: "the overall tools should have the same font style of
   the actual tool". Toolkit rule for "selected": tab rows black, option buttons orange. */
.oegt{--line:rgba(22,19,15,.13);--rule:#d8cec1;--ink:#16130f;--muted:#5c5348;--ink3:#948a7c;--orange:#ff7a00;--orange-dark:#c95f00;
  --green:#237a4a;--red:#b3261e;--hit:#fdeee6;
  /* The fold bar: same type as the Injury / Weather bars, which edge-cards-type.css puts in the toolkit's Archivo too. */
  --edge-display:"Archivo Black",Archivo,"Helvetica Neue",Arial,sans-serif;--edge-sans:Archivo,"Helvetica Neue",Arial,sans-serif;
  --display:"Archivo Black",Archivo,"Helvetica Neue",Arial,sans-serif;--sans:Archivo,"Helvetica Neue",Arial,sans-serif;
  max-width:1100px;margin:0 auto 22px;color:var(--ink);font-size:15px;line-height:1.45;
  /* The Edge's tab panel is a flex box: without min-width:0 a wide table stretches the card past a phone's edge. */
  width:100%;min-width:0;}
.oegt *{box-sizing:border-box;}

/* ---- the fold bar: same as the other Edge cards ---- */
.oegt-fold{background:transparent;border:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);border-left:5px solid var(--orange);padding:0;}
.oegt-sum{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:11px 14px;cursor:pointer;list-style:none;}
.oegt-sum::-webkit-details-marker{display:none;}
.oegt-k{font-family:var(--edge-display);font-size:16px;line-height:1;text-transform:uppercase;letter-spacing:.02em;}
.oegt-tog{margin-left:auto;font-family:var(--edge-sans);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--orange-dark);white-space:nowrap;}
.oegt-tog::after{content:" \25BE";}.oegt-fold[open] .oegt-tog::after{content:" \25B4";}
.oegt-hide,.oegt-fold[open] .oegt-show{display:none;}.oegt-fold[open] .oegt-hide{display:inline;}
.oegt-sum:hover .oegt-tog{color:var(--ink);}
.oegt-line{flex-basis:100%;min-width:0;font-size:14px;overflow-wrap:anywhere;}

/* ---- inside: the toolkit's type ---- */
.oegt-body{padding:12px 14px 14px;border-top:1px solid var(--rule);font-family:var(--sans);font-variant-numeric:tabular-nums;}
.oegt-body button,.oegt-body select,.oegt-body input{font-family:var(--sans);}

/* switches (team, Scoring/Usage, Season/Last 3...): JM's segmented control, orange when pressed */
.oegt-teams,.oegt-seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:4px;overflow:hidden;margin:0 8px 10px 0;background:transparent;}
.oegt-teams button,.oegt-seg button{appearance:none;background:transparent;border:0;border-radius:0;margin:0;padding:6px 11px;box-shadow:none;
  font:700 14px/1.2 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer;}
.oegt-teams button+button,.oegt-seg button+button{border-left:1.5px solid var(--ink);}
.oegt-teams button:hover,.oegt-seg button:hover{background:rgba(255,122,0,.06);}
.oegt-teams button[aria-pressed="true"],.oegt-seg button[aria-pressed="true"]{background:var(--orange);color:#fff;}

/* tab row: JM's tabs, black when selected */
/* All eight on ONE line at the hub's card width (Aaron, 2026-10-17). Measured: 717px of room,
   809px at /stacks/' spacing, 700px at 6px sides + .03em tracking with no gap - full names kept.
   A narrower card (a phone) still wraps rather than scrolling. */
.oegt-tabs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0;border-bottom:2px solid var(--ink);margin:0 0 14px;}
.oegt-tabs button,.oegt-tabs span{appearance:none;background:transparent;border:0;border-radius:3px 3px 0 0;margin:0;padding:10px 6px 9px;
  font:700 12px/1.2 var(--sans);letter-spacing:.03em;text-transform:uppercase;color:var(--ink3);cursor:pointer;white-space:nowrap;}
.oegt-tabs button:hover{color:var(--ink);}
.oegt-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;}
.oegt-tabs.is-locked span{cursor:default;}
.oegt-lock{margin-left:5px;font-size:11px;white-space:nowrap;}
.oegt-lock i{font-style:normal;}
.oegt-pill{display:inline-block;margin-left:4px;padding:2px 6px 3px;border-radius:3px;background:var(--orange);color:#fff;font-size:9px;letter-spacing:.03em;vertical-align:1px;}
.oegt-pill b{font-size:11px;margin-right:2px;}

.oegt-panel{min-height:60px;container-type:inline-size;}
.oegt-ctl{display:flex;flex-wrap:wrap;align-items:center;}
.oegt-what{margin:0 0 10px!important;font:400 14px/1.45 var(--sans);color:var(--muted);}
.oegt-fresh{margin:-4px 0 10px!important;font:400 12.5px/1.4 var(--sans);color:var(--ink3);}
.oegt-sub{margin:14px 0 4px!important;font:700 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);}
.oegt-loading,.oegt-empty{margin:6px 0 10px!important;font:400 14px/1.45 var(--sans);color:var(--muted);}
.oegt-more{display:inline-block;margin:12px 0 0;font:700 14px/1.3 var(--sans);color:var(--orange-dark)!important;text-decoration:none!important;}
.oegt-more:hover{color:var(--ink)!important;}

/* tables: JM's. They NEVER scroll sideways (Aaron, 2026-10-17: "never scroll"): the name column
   wraps, numbers stay on one line, and on a phone-narrow card the "~" columns are hidden. */
.oegt-scroll{max-width:100%;}
.oegt-t{width:100%;border-collapse:separate;border-spacing:0;font:400 14px/1.35 var(--sans);font-variant-numeric:tabular-nums;margin:0!important;background:transparent!important;}
.oegt-t th,.oegt-t td{border:0!important;text-align:right;white-space:nowrap;vertical-align:middle;}
.oegt-t th:first-child,.oegt-t td:first-child{white-space:normal;}
.oegt-stacklink{color:var(--ink)!important;text-decoration:none!important;}
.oegt-stacklink:hover b{color:var(--orange-dark);text-decoration:underline;}
.oegt-t thead th{padding:0 7px 6px!important;border-bottom:1px solid var(--line)!important;background:transparent;
  font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);cursor:pointer;user-select:none;}
.oegt-t thead th:empty{cursor:default;}
.oegt-t thead th:hover,.oegt-t thead th.is-sorted{color:var(--ink);}
.oegt-t thead th.is-sorted::after{content:" \25BC";font-size:9px;}
.oegt-t thead th.is-sorted.is-asc::after{content:" \25B2";}
.oegt-t td{padding:7px!important;border-bottom:1px solid var(--line)!important;background:#fffdfb;}
.oegt-t tbody tr:nth-child(even) td{background:#f8f5f0;}
.oegt-t tbody tr:hover td{background:var(--hit);}
.oegt-t th:first-child,.oegt-t td:first-child{text-align:left;}
.oegt-n b{display:block;font:700 15px/1.25 var(--sans);}
.oegt-n small{display:block;font:500 12px/1.3 var(--sans);color:var(--ink3);}
.oegt-tm{font-weight:700;color:var(--ink);}
.oegt-t small{font:500 12px/1.3 var(--sans);color:var(--ink3);}
.oegt-t td.oegt-hl{background:rgba(255,122,0,.12)!important;font-weight:700;}
.oegt-t td.oegt-hl2{background:rgba(22,19,15,.06)!important;font-weight:700;}
.oegt-l{color:var(--ink3);}
.oegt-l i{font-style:normal;font-size:12px;}
.oegt-t tr.is-thin td{color:var(--muted);}
.oegt-t td.is-soft{color:var(--green);font-weight:700;}
.oegt-t td.is-tough{color:var(--red);font-weight:700;}
.oegt-go{font:700 13px/1.2 var(--sans);color:var(--orange-dark)!important;text-decoration:none!important;}
.oegt-go:hover{color:var(--ink)!important;}

/* Matchups rows */
.oegt-mu-row td:first-child{border-left:3px solid transparent!important;padding-left:8px!important;}
.oegt-mu-row.is-soft td:first-child{border-left-color:var(--green)!important;}
.oegt-mu-row.is-tough td:first-child{border-left-color:var(--red)!important;}
.oegt-mu-row.is-soft .oegt-pctcell{color:var(--green);}
.oegt-mu-row.is-tough .oegt-pctcell{color:var(--red);}
.oegt-mu-row.is-thin .oegt-pctcell{color:var(--muted);}
.oegt-pctcell b{font:800 16px/1.2 var(--sans);}

/* blocks per side (Stacks) */
.oegt-side{margin:0 0 16px;}
.oegt-side-h{font:400 18px/1.15 var(--display);letter-spacing:-.01em;margin:0 0 6px;}
.oegt-side-h span{font:400 14px/1.3 var(--sans);color:var(--muted);letter-spacing:0;}

/* JM's EPA widget, mounted in the EPA tab */
.oegt-epa-host{display:block;}

/* Leverage | Position pivot | Pricing pivot: always side by side (Aaron: a lone third column "looks
   funky"), sized to the CARD, since the hub's column is narrower than /stacks/. Stacked only when
   the card itself is phone-narrow. */
.oegt-pick{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);}
.oegt-pick select{font:400 14px/1.2 var(--sans);padding:7px 9px;max-width:100%;border:1.5px solid rgba(22,19,15,.35);border-radius:4px;background:#fff;color:var(--ink);letter-spacing:0;text-transform:none;}
.oegt-lev{display:grid;grid-template-columns:minmax(0,1fr);gap:14px 16px;}
@container (min-width:520px){
  .oegt-lev{grid-template-columns:repeat(3,minmax(0,1fr));}
  .oegt-lev .oegt-t{font-size:13px;}
  .oegt-lev .oegt-t td{padding:6px 4px!important;white-space:normal;}
  .oegt-lev .oegt-t thead th{padding:0 4px 6px!important;}
  .oegt-lev .oegt-n b{font-size:14px;}
}
.oegt-lcol h4{font:400 16px/1.15 var(--display)!important;letter-spacing:-.01em;margin:0 0 2px!important;text-transform:none;}
.oegt-rule{margin:0 0 6px!important;font:400 12.5px/1.35 var(--sans);color:var(--muted);}
.oegt-dl{display:block;font:500 11px/1.3 var(--sans)!important;color:var(--ink3);white-space:nowrap;}

/* locked + unlock: JM's orange button */
.oegt-gate,.oegt-unlock{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line);font-family:var(--sans);}
.oegt-gate p,.oegt-unlock p{margin:0 0 8px!important;font:400 15px/1.45 var(--sans);}
.oegt-btn{display:inline-block;padding:9px 16px;border:1.5px solid var(--orange);border-radius:4px;background:var(--orange);color:#fff!important;
  font:700 16px/1.2 var(--sans);text-decoration:none!important;}
.oegt-btn:hover{background:var(--orange-dark);border-color:var(--orange-dark);}
.oegt-quiet{display:block;margin-top:6px;font:400 13px/1.4 var(--sans);color:var(--muted)!important;}

/* Narrower card (the hub on a laptop): tighter cells before anything has to give. */
@container (max-width:700px){
  .oegt-t td{padding:6px 5px!important;}
  .oegt-t thead th{padding:0 5px 6px!important;letter-spacing:.04em;}
}
/* Phone-narrow card: smaller type, headings may wrap, "~" columns hidden. */
@container (max-width:560px){
  .oegt-t{font-size:12.5px;}
  .oegt-t td{padding:6px 2px!important;}
  .oegt-t thead th{padding:0 2px 5px!important;font-size:10px;letter-spacing:.02em;white-space:normal;vertical-align:bottom;}
  .oegt-t .oegt-opt{display:none!important;}
  .oegt-n b{font-size:13.5px;}
  .oegt-n small{font-size:11px;}
}
@media(max-width:600px){
  .oegt-sum{padding:10px;}.oegt-body{padding:10px 8px 12px;}.oegt-line{font-size:13px;}
  .oegt-tabs button,.oegt-tabs span{padding:9px 8px 8px;font-size:11.5px;letter-spacing:.03em;}
  .oegt-teams button,.oegt-seg button{padding:5px 9px;font-size:13px;}
}