/* public/shared/gw-elite-research.css — the College look on the Props and Research pages (Nov 2026).
 *
 * Sits on top of gw-elite.css (load that first). Two things:
 *  1. .ge-skin: a page built before the design system opts in with <body data-ge="props|research" class="ge-skin">.
 *     Its own tokens (every name the older pages use: --bg/--panel/--s1/--p1/--card/--sf..., --line/--bdr/--border/--ln,
 *     --text/--txt/--t1/--tx, --dim/--t2/--mu, --faint/--t3) are re-pointed at the night-stadium palette, panels go
 *     translucent over the floodlit sky, and the fonts become Barlow / Barlow Condensed / Bebas Neue (never Inter).
 *     The sky sits behind everything (z -1), so no page has to rewrap its markup.
 *  2. Research pieces the shared file doesn't have: the tool hero (.ge-xhero), the stat strip (.ge-strip), the
 *     injury report (.ij-*), finding and study cards (.ge-fcard), and a polish layer for tables, inputs and chips.
 */

/* ── 1. the skin ─────────────────────────────────────────────────────────── */
html:has(body.ge-skin){background:#05080e}
body.ge-skin{
  background:transparent !important;background-image:none !important;
  /* surfaces: translucent so the floodlights read through */
  --panel:rgba(11,18,29,.80);--panel2:rgba(15,24,37,.84);
  --s1:rgba(11,18,29,.80);--s2:rgba(15,24,37,.84);--s3:rgba(21,32,47,.88);
  --p1:rgba(11,18,29,.80);--p2:rgba(15,24,37,.84);
  --card:rgba(11,18,29,.80);--card2:rgba(15,24,37,.84);
  --sf:rgba(11,18,29,.80);--sf2:rgba(15,24,37,.84);--sf3:rgba(21,32,47,.88);
  --gw-s2:rgba(15,24,37,.84);
  /* lines */
  --line:rgba(160,190,230,.11);--line2:rgba(160,190,230,.19);--line3:rgba(160,190,230,.26);
  --bdr:rgba(160,190,230,.11);--bdr2:rgba(160,190,230,.19);
  --border:rgba(160,190,230,.11);--border2:rgba(160,190,230,.19);
  --ln:rgba(160,190,230,.11);--ln2:rgba(160,190,230,.19);
  --gw-bdr:rgba(160,190,230,.11);--gw-bdr2:rgba(160,190,230,.19);
  /* text */
  --text:#ebf2fa;--txt:#ebf2fa;--t1:#ebf2fa;--txt1:#ebf2fa;--tx:#ebf2fa;--gw-txt1:#ebf2fa;
  --dim:#9aa8bc;--t2:#9aa8bc;--txt2:#9aa8bc;--mu:#9aa8bc;--gw-txt2:#9aa8bc;
  --faint:#7f8da3;--t3:#7f8da3;--txt3:#7f8da3;--mute:#7f8da3;--gw-txt3:#7f8da3;
  /* type */
  --sans:"Barlow",system-ui,-apple-system,sans-serif;--body:"Barlow",system-ui,sans-serif;
  --cond:"Barlow Condensed","Arial Narrow",sans-serif;--display:"Barlow Condensed","Arial Narrow",sans-serif;--disp:"Barlow Condensed","Arial Narrow",sans-serif;
  --mono:"Barlow Condensed","Arial Narrow",sans-serif;   /* no typewriter labels: condensed, with tabular figures */
  font-family:"Barlow",system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;
}
body.ge-skin .ge-sky,body.ge-skin .ge-grain{z-index:-1}
body.ge-skin ::selection{background:color-mix(in srgb,var(--ac) 45%,transparent);color:#fff}

/* the polish layer: inputs, selects, tables, buttons pick up the condensed labels and the section light */
body.ge-skin input[type=text],body.ge-skin input[type=search],body.ge-skin input:not([type]),body.ge-skin select,body.ge-skin textarea{font-family:"Barlow",system-ui,sans-serif}
body.ge-skin input:focus,body.ge-skin select:focus,body.ge-skin textarea:focus{outline:none;border-color:var(--ac) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 22%,transparent)}
body.ge-skin table th{font-family:"Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.05em}
body.ge-skin :focus-visible{outline:2px solid var(--ac);outline-offset:2px}

/* ── 2a. the tool hero: the College hero, sized for a page whose tool starts right under it ── */
.ge-xhero{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:22px 16px 6px;overflow:hidden}
.ge-xhero .ge-title{font-size:clamp(64px,18vw,150px)}
.ge-xhero .ge-title.md{font-size:clamp(52px,14vw,118px)}
.ge-xhero .ge-title.sm{font-size:clamp(46px,12vw,96px)}
.ge-xhero .ge-lede{margin-top:10px}
.ge-xhero .ge-facts{margin-top:16px}
.ge-xhero .ge-turf{height:150px}
.ge-xhero .ge-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.ge-xhero .ge-ctas .ge-cta{margin-top:12px}
@media(min-width:900px){.ge-xhero{padding:34px 16px 8px}}
.ge-fact b[data-count]{font-variant-numeric:tabular-nums}
.ge-facts.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:599px){.ge-facts.c4 .ge-fact{padding:9px 8px 8px}.ge-facts.c4 .ge-fact b{font-size:24px}.ge-facts.c4 .ge-fact span{font-size:11px;letter-spacing:.02em}}

/* a strip of big numbers inside a page (not the hero) */
.ge-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.ge-strip>div{background:rgba(11,18,29,.80);border:1px solid var(--ge-line);border-radius:14px;padding:12px 12px 10px;min-width:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ge-strip b{display:block;font:400 30px/1 var(--ge-disp);letter-spacing:.02em;color:var(--ge-tx)}
.ge-strip span{display:block;font:600 12px/1.3 var(--ge-cond);letter-spacing:.03em;color:var(--ge-dim);margin-top:4px}
.ge-strip .a b{color:var(--ac)}.ge-strip .g b{color:var(--ge-gold)}.ge-strip .up b{color:var(--ge-up)}.ge-strip .dn b{color:var(--ge-dn)}

/* ── 2b. finding and study cards (research hub, findings index, studies) ── */
.ge-fgrid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:720px){.ge-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ge-fcard{min-height:170px}}
@media(min-width:1100px){.ge-fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ge-fcard{position:relative;display:flex;flex-direction:column;gap:8px;min-height:0;padding:16px 16px 14px;border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ge-tx);border:1px solid var(--ge-line);
  background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--fc,var(--ac)) 22%,transparent),transparent 62%),linear-gradient(180deg,rgba(13,21,32,.92),rgba(9,16,26,.96));transition:border-color .15s,transform .15s}
.ge-fcard:active{transform:scale(.988)}
@media(hover:hover){.ge-fcard:hover{border-color:color-mix(in srgb,var(--fc,var(--ac)) 55%,transparent)}}
.ge-fcard .k{font:800 11px/1 var(--ge-cond);letter-spacing:.09em;color:var(--fc,var(--ac))}
.ge-fcard b{font:800 21px/1.08 var(--ge-cond);letter-spacing:.005em;padding-right:60px}
.ge-fcard p{margin:0;color:var(--ge-dim);font-size:14px;line-height:1.45}
.ge-fcard .n{position:absolute;right:12px;top:6px;font:400 64px/1 var(--ge-disp);color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--fc,var(--ac)) 34%,transparent);pointer-events:none}
.ge-fcard .big{font:400 40px/.9 var(--ge-disp);letter-spacing:.02em;color:var(--fc,var(--ac))}

/* ── 2c. the injury report ── */
.ij-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom,0px))}
.ij-week{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:900px){.ij-week{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ij-card{--tc:#1f3b57;position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:12px 14px 12px 12px;border-radius:16px;border:1px solid var(--ge-line);overflow:hidden;cursor:pointer;text-align:left;color:var(--ge-tx);font:inherit;width:100%;
  background:linear-gradient(100deg,color-mix(in srgb,var(--tc) 26%,var(--ge-ink)) 0%,var(--ge-ink) 46%,rgba(9,16,26,.94) 100%)}
.ij-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sc,#93a1b6)}
.ij-card .nm{display:flex;align-items:center;gap:7px;font:800 18px/1.1 var(--ge-cond);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ij-card .mt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font:600 12.5px/1.3 var(--ge-cond);letter-spacing:.02em;color:var(--ge-dim)}
.ij-card .mt b{color:var(--pc,var(--ge-tx));font-weight:800}
.ij-card .nt{margin:7px 0 0;color:#c4cfdd;font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ij-st{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font:800 11.5px/1 var(--ge-cond);letter-spacing:.08em;color:#05080e;background:var(--sc,#93a1b6)}
.ij-pr{display:inline-flex;gap:3px;margin-left:2px}
.ij-pr i{width:22px;height:18px;border-radius:4px;display:grid;place-items:center;font:800 10px/1 var(--ge-cond);font-style:normal;letter-spacing:.04em;color:#05080e}
.ij-pr i.DNP{background:#ff5d5d}.ij-pr i.LP{background:#f2c14e}.ij-pr i.FP{background:#2bd07a}.ij-pr i.x{background:#2a3647;color:#93a1b6}
.ij-od{display:flex;gap:12px;margin-top:9px;font:600 11.5px/1.2 var(--ge-cond);letter-spacing:.03em;color:var(--ge-faint)}
.ij-od b{display:block;font:400 21px/1 var(--ge-disp);letter-spacing:.03em;color:var(--ge-tx)}
.ij-od .dn b{color:var(--ge-dn)}.ij-od .up b{color:var(--ge-up)}
.ij-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ij-team{--tc:#1f3b57;display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border-radius:14px;border:1px solid var(--ge-line);background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 30%,var(--ge-ink)),var(--ge-ink));color:var(--ge-tx);cursor:pointer;font:inherit;text-align:left}
.ij-team img{width:30px;height:30px;object-fit:contain}
.ij-team b{display:block;font:800 16px/1 var(--ge-cond);letter-spacing:.02em}
.ij-team span{display:block;font:600 11.5px/1.2 var(--ge-cond);color:var(--ge-dim);margin-top:3px;letter-spacing:.03em}
.ij-team.on{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac) inset}
.ij-ref{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.ij-ref .ge-card b{font:800 18px/1.1 var(--ge-cond);letter-spacing:.01em}
.ij-curve{display:flex;align-items:flex-end;gap:6px;height:64px;margin-top:10px}
.ij-curve div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;font:600 11px/1 var(--ge-cond);color:var(--ge-dim)}
.ij-curve i{display:block;width:100%;border-radius:5px 5px 2px 2px;min-height:3px}
.ij-legend{display:flex;flex-wrap:wrap;gap:12px;font:600 12px/1.3 var(--ge-cond);letter-spacing:.03em;color:var(--ge-dim);margin:10px 2px 0}
.ij-legend span{display:inline-flex;align-items:center;gap:6px}
.ij-legend i{display:inline-block;width:12px;height:12px;border-radius:3px}