/* Who Gets In? UI v2 (28 Sep 2026). Loaded after style.css on every page.
   Same brand canon: navy, ivory, gold rule; Playfair Display + Inter.
   Adds: masthead hierarchy, intent navigation, hero flagship panel,
   tracker employer finder, employer at-a-glance panel, one table system,
   status chips, focus states, mobile cards. Reverse: remove the <link>. */
:root{--ok:#1f6b4f;--ok-bg:#e7f2ec;--no:#9b2c2c;--no-bg:#f8e8e6;--mid:#8a5a00;--mid-bg:#fbf1dc;--na:#5b6270;--na-bg:#efede8;--card:#fff;--r:6px}

/* focus and skip */
:focus-visible{outline:3px solid #2346B0;outline-offset:2px;box-shadow:0 0 0 2px #fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #2346B0;outline-offset:2px;box-shadow:0 0 0 2px #fff}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* masthead: WGI first, ECS as publisher */
.brand.ui-brand{gap:14px}
.ui-brand .wm{font-size:27px}
.ui-brand .ui-pub{display:flex;align-items:center;gap:10px;padding-left:14px;border-left:1px solid rgba(255,255,255,.22)}
.ui-brand .ui-pub .mk-ecs{width:46px}
.ui-brand .ui-pub small{font-size:11.5px;line-height:1.25;color:var(--onnavy-d);max-width:120px}
.mast-nav a.ui-flagnav{position:relative}
.mast-nav a.ui-flagnav::before{content:"";position:absolute;left:-10px;top:50%;width:5px;height:5px;margin-top:-3px;border-radius:50%;background:var(--gold)}
.mast-nav a[aria-current="page"]{color:#fff}
@media (max-width:760px){.ui-brand .ui-pub small{display:none}.ui-brand .ui-pub .mk-ecs{width:38px}.ui-brand .wm{font-size:23px}}

/* chips (status) */
.ui-chip{display:inline-flex;align-items:center;gap:6px;font:600 12px/1.2 var(--sans);letter-spacing:.01em;padding:4px 9px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.ui-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.ui-ok{color:var(--ok);background:var(--ok-bg)}
.ui-no{color:var(--no);background:var(--no-bg)}
.ui-mid{color:var(--mid);background:var(--mid-bg)}
.ui-na{color:var(--na);background:transparent;border-color:rgba(11,20,38,.18)}
.ui-na::before{background:transparent;border:1.5px solid currentColor;width:5px;height:5px}
.ui-info{color:var(--navy);background:#e8edf5}

/* big numbers */
.ui-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.ui-stat{background:var(--card);padding:16px 16px 14px}
.ui-stat b{display:block;font:500 34px/1 var(--serif);letter-spacing:-.01em}
.ui-stat b small{font:400 17px var(--serif);color:var(--ink-50)}
.ui-stat span{display:block;margin-top:6px;font-size:13px;line-height:1.35;color:var(--ink-70)}

/* home hero with flagship panel */
@media (min-width:1000px){
  .wg-hero-a>.page{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:56px;align-items:start}
  .wg-hero-a>.page>*{grid-column:1}
  .wg-hero-a>.page>.ui-flag{grid-column:2;grid-row:1 / span 12;margin-top:6px}
}
.ui-flag{background:var(--card);border:1px solid var(--rule-2);border-top:3px solid var(--navy);border-radius:var(--r);padding:20px 20px 18px;margin:28px 0 8px}
.ui-flag .ui-k{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-70);margin:0 0 6px}
.ui-flag h2{font:500 25px/1.15 var(--serif);margin:0 0 6px}
.ui-flag p{margin:0 0 14px;font-size:14px;color:var(--ink-70)}
.ui-flag .ui-stats{margin:0 0 14px}
.ui-flag .ui-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border-radius:4px;font:600 13.5px/1.2 var(--sans);text-decoration:none;border:1px solid var(--navy)}
.ui-btn-p{background:var(--navy);color:#fff}
.ui-btn-s{background:transparent;color:var(--navy)}
.ui-btn:hover{filter:brightness(1.08)}
.ui-note{font-size:12px;color:var(--ink-50);margin:10px 0 0}
.wg-chips{margin-top:12px}
.wg-chips a{white-space:nowrap}

/* findings cards: lead card full width, others 2-up */
@media (min-width:900px){
  .wg-fcards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wg-fcards>li[data-wgi-lead-finding]{grid-column:1 / -1;border-top:3px solid var(--navy)}
  .wg-fcards>li[data-wgi-lead-finding] .wg-fcard-n b{font-size:44px}
}

/* one table system */
main table{border-collapse:collapse;width:100%;background:var(--card);font-size:14px;line-height:1.45}
main table th,main table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--rule)}
main table thead th{font:600 11.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70);background:#f4f2ec;border-bottom:1px solid var(--rule-2)}
main table tbody tr:hover{background:#fbfaf6}
@media (max-width:760px){main table:not(.ui-cardtable){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* tracker: align with masthead grid, hide duplicate back link */
main.track{max-width:var(--page);padding:40px var(--gut) 90px}
main.track .wg-crumb .page{padding:0}
main.track>p:has(>a[href="https://whogetsin.com/"]:only-child){display:none}
main.track .wg-links{margin:6px 0 12px}
.ui-toc{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 4px;padding:10px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:13.5px}
.ui-toc a{text-decoration:none;color:var(--ink-70)}.ui-toc a:hover{color:var(--ink);text-decoration:underline}

/* employer finder */
.ui-finder{margin:26px 0 38px}
.ui-finder h2{font:500 30px/1.1 var(--serif);margin:0 0 6px}
.ui-finder>p{margin:0 0 14px;color:var(--ink-70);max-width:80ch}
.ui-bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:10px;align-items:end;background:var(--ivory);padding:10px 0;border-bottom:1px solid var(--rule)}
.ui-bar label{display:flex;flex-direction:column;gap:4px;font:600 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70)}
.ui-bar input,.ui-bar select{min-height:40px;padding:8px 10px;border:1px solid var(--rule-2);border-radius:4px;background:#fff;font:400 15px var(--sans);color:var(--ink);text-transform:none;letter-spacing:0}
.ui-bar input{min-width:240px}
.ui-count{margin-left:auto;font-size:13px;color:var(--ink-70);align-self:center}
.ui-legend{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.ui-cardtable td a.ui-emp{font-weight:600;text-decoration:none}
.ui-cardtable td a.ui-emp:hover{text-decoration:underline}
.ui-cardtable .ui-sec{display:block;font-size:12.5px;color:var(--ink-50);margin-top:2px}
.ui-cardtable .ui-src{font-size:12.5px;white-space:nowrap}
.ui-cardtable tr.ui-nl td{background:#fbfaf6}
@media (max-width:760px){
  .ui-bar input{min-width:0;flex:1 1 100%}
  .ui-bar label{flex:1 1 45%}
  .ui-count{margin-left:0}
  .ui-cardtable thead{display:none}
  .ui-cardtable,.ui-cardtable tbody,.ui-cardtable tr,.ui-cardtable td{display:block;width:100%}
  .ui-cardtable tr{border:1px solid var(--rule-2);border-radius:var(--r);margin:0 0 10px;background:#fff;padding:6px 0}
  .ui-cardtable td{border:0;padding:6px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center}
  .ui-cardtable td[data-l]::before{content:attr(data-l);font-size:12.5px;color:var(--ink-70)}
  .ui-cardtable td:first-child{display:block;border-bottom:1px solid var(--rule);padding-bottom:8px;margin-bottom:2px}
}

/* employer at-a-glance */
.wgi-emp-ai.ui-glance{background:var(--card);border:1px solid var(--rule-2);border-top:3px solid var(--navy);border-radius:var(--r);padding:20px 22px 16px;margin:26px 0 30px}
.ui-glance .ui-k{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-70);margin:0 0 4px}
.ui-glance h2{font:500 26px/1.15 var(--serif);margin:0 0 14px}
.ui-glance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ui-glance-cell{border:1px solid var(--rule);border-radius:var(--r);padding:12px 12px 10px;background:#fdfcf9}
.ui-glance-cell h3{font:600 12px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70);margin:0 0 8px}
.ui-glance-cell q{display:block;margin-top:8px;font-size:13px;line-height:1.45;font-style:italic;color:var(--ink-70)}
.ui-glance-cell a{font-size:12.5px}
.ui-glance .ui-nlbox{padding:12px 14px;border:1px dashed var(--rule-2);border-radius:var(--r);background:#fdfcf9;font-size:15px}
.ui-glance .ui-foot{margin:12px 0 0;font-size:12.5px;color:var(--ink-50)}
@media (max-width:900px){.ui-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ui-glance-grid{grid-template-columns:1fr}.wgi-emp-ai.ui-glance{padding:16px}}
.wg-hero-s+.wgi-emp-ai,.sec+.wgi-emp-ai{margin-left:auto;margin-right:auto}
.ui-wrap{max-width:var(--page);margin:0 auto;padding:0 var(--gut)}

/* finder v2: fixed layout, progressive disclosure, evidence links */
#ui-t{table-layout:fixed;width:100%}
#ui-t th:first-child{width:21%}#ui-t th:last-child{width:10%}
#ui-t td{vertical-align:top}
#ui-t .ui-chip{white-space:normal;text-align:left}
.ui-cardtable .ui-sec{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-cardtable .ui-src a{display:block;margin-bottom:4px}
.ui-finder:not(.ui-all):not(.ui-f) tr.ui-x{display:none}
.ui-morebtn{display:block;width:100%;margin:12px 0 0;padding:12px 16px;border:1px solid var(--navy);border-radius:4px;background:#fff;color:var(--navy);font:600 14px var(--sans);cursor:pointer}
.ui-morebtn:hover{background:var(--navy);color:#fff}
.ui-finder.ui-all .ui-morebtn,.ui-finder.ui-f .ui-morebtn{display:none}
details.ui-more>summary{display:inline-block;margin:6px 0 14px;padding:11px 16px;border:1px solid var(--navy);border-radius:4px;background:#fff;color:var(--navy);font:600 14px var(--sans);cursor:pointer;list-style:none}
details.ui-more>summary::-webkit-details-marker{display:none}
details.ui-more>summary::after{content:" +";}
details.ui-more[open]>summary::after{content:" \2212";}
@media (max-width:760px){
  .ui-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ui-bar label:first-child{grid-column:1/-1}
  .ui-bar label{flex:none}
  .ui-bar select{width:100%;min-width:0}
  .ui-count{grid-column:1/-1;font-size:12.5px}
  .ui-legend{display:none}
  #ui-t{table-layout:auto}
  .ui-cardtable td{padding:4px 12px}
  .ui-cardtable .ui-src{display:flex;justify-content:flex-start;gap:14px}
  .ui-cardtable .ui-src::before{margin-right:auto}
  .ui-cardtable .ui-src a{display:inline;margin:0}
}
#ui-t .ui-src{white-space:normal}
#ui-t .ui-chip{font-size:12px}
/* institutions index: compact mobile rows (164 institutions) */
@media (max-width:760px){
  table.wg-reg-inst.wg-stack tr{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.3fr) minmax(0,1.1fr);gap:2px 10px;padding:10px 12px;margin:0 0 6px}
  table.wg-reg-inst.wg-stack tbody th{grid-column:1/-1;padding:0 0 4px;font-size:16px}
  table.wg-reg-inst.wg-stack tbody th[data-label]::before{display:none}
  table.wg-reg-inst.wg-stack td{padding:0;font-size:13px;width:auto;min-width:0}
  table.wg-reg-inst.wg-stack td time,table.wg-reg-inst.wg-stack td a{white-space:normal}
  table.wg-reg-inst.wg-stack td[data-label]::before{font-size:10.5px;letter-spacing:.05em}
  table.wg-reg-inst.wg-stack td:nth-of-type(1)::before{content:"Signals"}
  table.wg-reg-inst.wg-stack td:nth-of-type(2)::before{content:"Sources"}
  table.wg-reg-inst.wg-stack td:nth-of-type(3)::before{content:"Observed"}
  table.wg-reg-inst.wg-stack td:nth-of-type(4)::before{content:"Depth"}
}

/* tracker: 2x2 key figures on phones */
@media (max-width:500px){main.track .facts{grid-template-columns:1fr 1fr;gap:8px}main.track .facts div{padding:12px}main.track .facts b{font-size:28px}}
@media (max-width:1000px){.mast-nav.open a.ui-flagnav::before{left:auto;right:4px}}

/* phones: long tracker sections clamped by JS (content stays in HTML) */
@media (max-width:760px){
  section.ui-clamp{max-height:1000px;overflow:hidden;position:relative}
  section.ui-clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(rgba(249,248,245,0),var(--ivory) 85%);pointer-events:none}
  .ui-clampbtn{margin:0 0 28px}
}
/* home findings: headline leads on the defined-subset cards; the count becomes a denominator line */
.wg-fcards>li:not([data-wgi-lead-finding]) h3{order:1;font-size:19px}
.wg-fcards>li:not([data-wgi-lead-finding]) .wg-fcard-n{order:2}
.wg-fcards>li:not([data-wgi-lead-finding]) .wg-fcard-n b{display:inline;font:600 13px/1.4 var(--sans);color:var(--ink)}
.wg-fcards>li:not([data-wgi-lead-finding]) .wg-fcard-l{order:3}
.wg-fcards>li:not([data-wgi-lead-finding]) .wg-fcard-id{order:4}
.wg-fcards>li:not([data-wgi-lead-finding]){border-top:3px solid var(--rule-2)}

/* /compare: readable cells and picker */
.wg-cmp th .wg-cmp-m{display:block;font:400 11.5px/1.35 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-50);margin-top:2px}
.wg-cmp td .wg-cmp-s{display:inline-flex;margin:0 0 8px;white-space:normal}
.wg-cmp td .wg-cmp-q{display:block;font-style:italic;color:var(--ink-70);margin:0 0 6px}
.wg-cmp td .wg-cmp-n{display:block;color:var(--ink-50);font-size:13px}
.wg-cmp td .wg-cmp-src{display:inline-block;font-size:12.5px}
.wg-cmp-pick{display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--rule);border-radius:var(--r);padding:12px 14px 14px;margin:0 0 16px;background:#fff}
.wg-cmp-pick legend{padding:0 6px;font:600 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70)}
.wg-cmp-pick label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--rule-2);border-radius:999px;font-size:14px;cursor:pointer;min-height:36px}
.wg-cmp-pick label:has(input:checked){border-color:var(--navy);background:var(--navy);color:#fff}
.wg-cmp-pick input{accent-color:var(--gold);margin:0}
.wg-cmp-pick .wg-cmp-hint{flex-basis:100%;margin:4px 0 0;font-size:13px;color:var(--ink-70)}
.wg-cmp [data-col][hidden]{display:none!important}
.wg-cmp-pick label:has(input:disabled){opacity:.55;cursor:not-allowed}
@media (max-width:640px){table.wg-cmp.wg-stack tr{box-sizing:border-box}table.wg-cmp.wg-stack td{box-sizing:border-box;padding:8px 0;border-top:1px solid var(--rule)}}
@media (max-width:760px){.wg-tw:has(>table.wg-stack)::after{display:none}}

/* WGI Design System v1.0, phase 0 (28 Sep 2026): tabular figures, right-aligned numeric columns,
   24px targets on tracker source links. Focus ring #2346B0 replaces gold (2.25:1 on ivory, WCAG 1.4.11). */
main table{font-variant-numeric:lining-nums tabular-nums}
main table td.n,main table th.n{text-align:right;white-space:nowrap}
.ui-cardtable .ui-src a{min-height:24px;line-height:24px}
@media (max-width:760px){.ui-cardtable .ui-src a{display:inline-block}}