:root{
  --navy:#333; --navy-d:#333; --navy2:#333;
  --blue:#333; --blue2:#333; --blue3:#bbb;
  --gold:#333; --gold2:#333; --amber:#333;

  --bg:#fff; --surface:#fff; --surface2:#eee;
  --tint:#333; --line:#333;
  --fg:#333; --fg2:#333; --fg3:#333;
  --onDark:#fff; --onDark2:#333; --onDark3:#333;

  
  --r:10px; --rs:8px; --rp:4px;
  --shadow:none;
  --shadowUp:none;
  --sp:clamp(1.1rem,3vw,2.6rem);
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font-family:Arial,sans-serif;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-weight:600;line-height:1.02;color:var(--navy)}
.h1{font-size:clamp(2.3rem,5vw,4.2rem)}
.h2{font-size:clamp(1.4rem,2.6vw,2.1rem)}
.lede{color:var(--fg2);font-size:clamp(1rem,1.4vw,1.2rem);font-weight:400;margin:.6rem 0 0;line-height:1.5}
.kicker{font-size:.72rem;font-weight:700;color:var(--gold)}


.band{background:var(--navy-d);color:var(--onDark);padding:clamp(1.6rem,4vw,3rem) var(--sp)}
.band h1,.band h2{color:var(--onDark)}
.band .lede{color:var(--onDark2)}
.band .kicker{color:var(--gold2)}
.band .rule{width:3.2rem;height:4px;background:var(--gold);margin-bottom:1rem}
.band--slim{padding:0 var(--sp);min-height:62px;display:flex;align-items:center}
.band--slim .bandwrap{width:100%;align-items:center;justify-content:space-between}
.bandwrap{max-width:1680px;margin:0 auto;display:flex;align-items:flex-end;
          gap:2rem;flex-wrap:wrap;justify-content:space-between}


.wrap{padding:var(--sp);max-width:1680px;margin:0 auto}
.grid{display:grid;gap:1rem}
.g-stat{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr))}
.g-card{grid-template-columns:repeat(auto-fill,minmax(20.5rem,1fr))}
.g-tbl{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr))}


.card{background:var(--surface);border-radius:0;
      padding:1.2rem 1.3rem;position:relative;border-top:3px solid transparent}
.card--a{border-top-color:var(--blue)}
.card--g{border-top-color:var(--gold)}


.stat{padding:0 1.4rem 0 0}
.stat b{display:block;font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:600;
        line-height:1;color:var(--onDark)}
.stat span{display:block;margin-top:.35rem;font-size:.78rem;color:var(--onDark3);
           font-weight:600;}
.stat--a b{color:var(--gold2)}
.stats-row{display:flex;gap:clamp(1.2rem,3vw,3rem);flex-wrap:wrap}


.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:0;
      padding:.24rem .55rem;font-size:.7rem;font-weight:700;
      background:var(--tint);color:var(--fg2)}
.pill--a{background:var(--blue);color:#fff}
.pill--gold{background:var(--gold);color:var(--navy-d)}
.pill--blue{background:#333;color:var(--blue)}


.ic{width:30px;height:30px;border-radius:0;display:grid;place-items:center;
    background:var(--tint);flex:0 0 auto}
.ic svg{width:16px;height:16px;fill:none;stroke:var(--fg2);stroke-width:2;
        stroke-linecap:round;stroke-linejoin:round}
.ic--a{background:#333} .ic--a svg{stroke:var(--blue)}
.ic--g{background:#333} .ic--g svg{stroke:var(--amber)}


.av{width:38px;height:38px;border-radius:0;display:grid;place-items:center;
    font-size:.8rem;font-weight:600;color:#fff;flex:0 0 auto;background:var(--navy2)}
.av--empty{background:none;}


.btn{font:inherit;font-weight:700;border:0;border-radius:0;cursor:pointer;
     padding:.85rem 1.7rem;background:var(--blue);color:#fff;font-size:1rem;
     }
.btn:hover{background:var(--navy2)} .btn:active{transform:translateY(1px)}
.btn--q{background:var(--tint);color:var(--navy)}
.btn--q:hover{background:var(--surface2)}
.btn--g{background:var(--gold);color:var(--navy-d)} .btn--g:hover{background:var(--gold2)}
.btn--s{padding:.5rem 1.05rem;font-size:.86rem}
.in{font:inherit;font-size:1.3rem;font-weight:600;color:var(--navy);background:var(--surface);
    border:0;border-radius:0;
    padding:.9rem 1.05rem;width:min(26rem,100%);outline:0}
.in:focus{}
.in::placeholder{color:var(--fg3);font-weight:500}
.err{color:var(--amber);font-weight:600;font-size:.9rem;min-height:1.3rem;margin-top:.6rem}


.tile{background:var(--surface);border:0;border-radius:0;
      padding:1rem 1.05rem;text-align:left;font:inherit;color:var(--fg);cursor:pointer;
      border-top:3px solid transparent;}
.tile:hover{border-top-color:var(--blue3)}
.tile[disabled]{opacity:.4;cursor:not-allowed;border-top-color:transparent}
.tile.sel{border-top-color:var(--blue);}
.tile .no{font-size:2.1rem;font-weight:600;line-height:1;color:var(--navy)}
.tile .meta{margin-top:.2rem;font-size:.75rem;color:var(--fg3);font-weight:600;
            }





.isnew{border-top-color:var(--gold);}
.isupd{border-top-color:var(--blue)}
.fade{}
body.sealed .fade{filter:blur(9px);user-select:none}