/* ==========================================================================
   ITGOA TN & P — Elections 2026-28 counting board
   Extends the palette and type of the Unit site (css/style.css).
   ========================================================================== */

:root{
  --stick: 96px;   /* height of the frozen bar, kept up to date in script */
  --ink:      #101B3D;
  --ink-2:    #17265A;
  --ink-3:    #0A1029;
  --crimson:  #8E1B25;
  --crimson-d:#6E1119;
  --gold:     #C9A227;
  --gold-soft:#E8C95A;
  --paper:    #F2F0E8;
  --card:     #FFFFFF;
  --rule:     #DCD6C6;
  --body:     #33342F;
  --muted:    #6B6A62;
  --green:    #14603A;   /* elected      — dark green */
  --green-lt: #57B183;   /* leading      — light green */
  --red-lt:   #E19A9A;   /* not leading  — light red   */
  --hdr:      #E7EAF3;   /* table head   — soft slate  */
  --hdr-ink:  #2A3560;
  --foot:     #DCE1EF;
  --max:      1320px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--body);
  font-family:"Inter","Segoe UI",Arial,sans-serif;
  font-size:14.4px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Inter","Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.15;margin:0 0 .4em;font-weight:700;letter-spacing:-.01em;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--crimson);}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px;}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;}

/* ---------- top rule ---------- */
.crule{
  background:var(--ink-3);color:#AEB4CC;
  font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.08em;padding:6px 0;
}
.crule .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;}
.crule a.exit{
  color:var(--gold-soft);text-decoration:none;border:1px solid rgba(201,162,39,.5);
  padding:4px 11px;border-radius:2px;white-space:nowrap;
}
.crule a.exit:hover{background:var(--gold);color:var(--ink-3);border-color:var(--gold);}

/* ---------- masthead ---------- */
.cmast{background:var(--ink);color:#fff;border-bottom:4px solid var(--gold);}
.cmast .wrap{display:flex;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;}
.cmast .crest img{height:62px;width:auto;}
.cmast .mt{flex:1 1 260px;min-width:0;}
.cmast .org{
  font-weight:800;font-size:1.42rem;margin:0;letter-spacing:-.02em;color:#fff;line-height:1.1;
}
.cmast .org em{font-style:normal;color:var(--gold);}
.cmast .assoc{
  font-size:.75rem;color:#AEB7D6;font-weight:500;margin:4px 0 0;letter-spacing:.01em;
}
.cmast .unit{font-size:.77rem;color:var(--gold-soft);font-weight:700;margin:2px 0 0;}
.cmast .live{
  display:flex;align-items:center;gap:9px;background:var(--crimson);
  padding:9px 15px;border-radius:2px;flex:0 0 auto;
}
.cmast .live b{font-family:"IBM Plex Mono",monospace;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;}
.cmast .live span{font-size:.7rem;color:#F3D9DC;display:block;letter-spacing:.02em;}
.dot{width:9px;height:9px;border-radius:50%;background:#FF6B6B;box-shadow:0 0 0 0 rgba(255,107,107,.7);animation:pulse 2s infinite;}
@keyframes pulse{
  70%{box-shadow:0 0 0 9px rgba(255,107,107,0);}
  100%{box-shadow:0 0 0 0 rgba(255,107,107,0);}
}

/* ---------- credit strip ---------- */
.credit{background:var(--gold);color:#241B03;border-bottom:3px solid var(--ink);padding:9px 0;}
.credit .wrap{display:flex;gap:10px 18px;align-items:center;justify-content:center;text-align:center;flex-wrap:wrap;}
.credit strong{font-size:.89rem;letter-spacing:-.005em;font-weight:700;}
.credit span{font-size:.8rem;}
.credit b{white-space:nowrap;}

/* ---------- elected tab in the masthead ---------- */
.electedtab{
  flex:0 0 auto;display:flex;align-items:center;gap:11px;text-decoration:none;
  background:var(--gold);color:#241B03;padding:9px 16px;border-radius:2px;
  font-weight:700;font-size:.78rem;line-height:1.25;max-width:230px;
}
.electedtab:hover{background:#E8C95A;color:#241B03;}
.electedtab .tk{
  font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;display:block;font-weight:500;opacity:.75;
}
.electedtab .arw{font-size:1.02rem;}

/* ---------- who made this ---------- */
#madeby{position:fixed;inset:0;background:rgba(8,12,28,.88);display:none;align-items:center;justify-content:center;padding:20px;z-index:300;}
#madeby.on{display:flex;}
#madeby .mb{background:var(--card);max-width:560px;width:100%;border-top:10px solid var(--gold);padding:32px 30px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.5);}
#madeby .kick{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--crimson);margin:0 0 12px;}
#madeby h2{font-size:1.42rem;margin:0 0 14px;}
#madeby p{margin:0 0 13px;font-size:.89rem;}
#madeby .names{font-weight:700;color:var(--ink);font-size:1rem;}
#madeby .fine{font-size:.8rem;color:var(--muted);border-top:1px solid var(--rule);padding-top:14px;margin-top:4px;}
#madeby button{margin-top:16px;background:var(--crimson);color:#fff;border:0;font-family:inherit;font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:13px 30px;cursor:pointer;border-radius:2px;}
#madeby button:hover{background:var(--ink);}

/* ---------- official-standing notice ---------- */
.official{
  background:rgba(255,255,255,.07);border:1px solid rgba(201,162,39,.45);
  padding:11px 14px;margin:14px 0 0;color:#E1E5F4;font-size:.8rem;line-height:1.5;
}
.official b{color:var(--gold-soft);}

/* ---------- headline band ---------- */
.band{background:var(--ink-2);color:#fff;padding:22px 0 24px;}
.band h1{color:#fff;font-size:1.7rem;margin:0;}
.band .sub{color:#C3CADF;margin:7px 0 0;font-size:.86rem;}
.band .statusline{
  margin:15px 0 0;padding:10px 14px;background:rgba(201,162,39,.14);
  border-left:4px solid var(--gold);color:#F2E9CC;font-size:.84rem;
}
.band .meta{
  display:flex;gap:20px;flex-wrap:wrap;margin:15px 0 0;
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.09em;
  text-transform:uppercase;color:#A3ACCC;
}
.band .meta b{color:var(--gold-soft);font-weight:500;}

/* ---------- post jump bar ---------- */
.stickytop{position:sticky;top:0;z-index:45;box-shadow:0 3px 12px rgba(0,0,0,.24);}
.jump{background:var(--crimson);}
.jump .wrap{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.jump a{
  color:#F6EDE4;text-decoration:none;white-space:nowrap;
  font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:12px 14px;border-bottom:3px solid transparent;
}
.jump a:hover{background:var(--crimson-d);color:#fff;}
.jump a.on{border-bottom-color:var(--gold);color:#fff;}
.jump a.elected:hover{background:#E8C95A;color:#241B03;}
@media (max-width:860px){.jump a.elected{margin-left:0;}}

/* ---------- layout ---------- */
.sheet{padding:26px 0 60px;}

/* ---------- post card ---------- */
.post{background:var(--card);border:1px solid var(--rule);margin-bottom:26px;
  scroll-margin-top:calc(var(--stick) + 8px);}
.posthead{
  background:var(--ink);color:#fff;padding:15px 20px;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.posthead h2{color:#fff;margin:0;font-size:1.16rem;flex:1 1 auto;}
.posthead .facts{
  font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:#A9B2D0;
}
.posthead .facts b{color:var(--gold-soft);font-weight:500;}
.declared{
  background:var(--gold);color:#2A2107;font-family:"IBM Plex Mono",monospace;
  font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;font-weight:500;
}

/* round strip — the counting-hall board */
.rounds{padding:14px 20px;background:#FAF8F1;border-bottom:1px solid var(--rule);}
.rounds .rlab{
  font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);margin:0 0 9px;
}
.rounds .rlab b{color:var(--crimson);}
.chips{display:flex;flex-wrap:wrap;gap:4px;}
.chip{
  width:27px;height:27px;display:flex;align-items:center;justify-content:center;
  font-family:"IBM Plex Mono",monospace;font-size:.7rem;font-weight:500;
  border:1px solid var(--rule);background:#fff;color:#B9B4A4;border-radius:2px;
}
.chip.done{background:var(--ink);border-color:var(--ink);color:var(--gold-soft);}
.chip.fresh{background:var(--crimson);border-color:var(--crimson);color:#fff;}

/* ---------- leaderboard ---------- */
.board{padding:6px 20px 4px;}
.row{
  display:grid;grid-template-columns:34px 44px 1fr 96px;gap:12px;align-items:center;
  padding:9px 0;border-bottom:1px solid #EFEDE3;
}
.row:last-child{border-bottom:0;}
.row .rank{
  font-family:"IBM Plex Mono",monospace;font-size:.82rem;color:var(--muted);text-align:right;
}
.av{
  width:44px;height:44px;border-radius:50%;background:#E7E3D4;color:var(--ink);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  font-weight:700;font-size:.95rem;letter-spacing:0;color:var(--ink-2);
  box-shadow:0 0 0 1px var(--rule);flex:0 0 auto;
}
.av img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;}
.who .nm{font-weight:700;color:var(--ink);font-size:.89rem;line-height:1.25;}
.who .bn{font-family:"IBM Plex Mono",monospace;font-size:.68rem;color:var(--muted);letter-spacing:.05em;}
.tally{height:7px;background:#EDEAE0;margin-top:6px;border-radius:1px;overflow:hidden;}
.tally i{display:block;height:100%;background:var(--red-lt);border-radius:1px;transition:width .5s ease;}
.row.win .tally i{background:var(--green);}
.row.lose .tally i{background:var(--red-lt);}
.row.win .nm:after{
  content:"ELECTED";margin-left:9px;background:var(--green);color:#fff;
  font-family:"IBM Plex Mono",monospace;font-size:.58rem;letter-spacing:.12em;
  padding:2px 6px;vertical-align:middle;border-radius:2px;
}
.row.lead .tally i{background:var(--green-lt);}
.row.lead .nm:after{
  content:"LEADING";margin-left:9px;background:var(--green-lt);color:#0C3A24;
  font-family:"IBM Plex Mono",monospace;font-size:.58rem;letter-spacing:.12em;
  padding:2px 6px;vertical-align:middle;border-radius:2px;
}
.row.quiet .nm:after{display:none;}
.cutline{
  display:flex;align-items:center;gap:12px;margin:6px 0 2px;
  font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--crimson);
}
.cutline:before,.cutline:after{content:"";flex:1;border-top:2px dashed var(--gold);}

.votes{text-align:right;}
.votes .v{font-family:"IBM Plex Mono",monospace;font-size:1.24rem;font-weight:600;color:var(--ink);}
.votes .pc{font-size:.64rem;color:var(--muted);}
.votes .last{font-size:.68rem;color:var(--green);font-family:"IBM Plex Mono",monospace;font-weight:500;}

/* ---------- view switch ---------- */
.switch{display:flex;gap:0;padding:12px 20px 0;flex-wrap:wrap;align-items:center;}
.switch button{
  background:#fff;border:1px solid var(--rule);color:var(--ink);cursor:pointer;
  font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.11em;
  text-transform:uppercase;padding:8px 14px;margin-right:-1px;font-weight:500;
}
.switch button.on{background:var(--ink);border-color:var(--ink);color:var(--gold-soft);position:relative;z-index:1;}
.switch .hint{margin-left:auto;font-size:.67rem;color:var(--muted);}

/* ---------- round-wise table ---------- */
.tbox{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 0 4px;}
table.rt{border-collapse:separate;border-spacing:0;width:auto;min-width:100%;font-size:.88rem;}
table.rt th,table.rt td{padding:7px 10px;border-bottom:1px solid #EFEDE3;white-space:nowrap;}
table.rt thead th{
  background:var(--hdr);color:var(--hdr-ink);font-family:"IBM Plex Mono",monospace;
  font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;
  border-bottom:2px solid #C3CBE0;
}
table.rt td.num,table.rt th.num{
  text-align:right;font-family:"IBM Plex Mono",monospace;width:74px;
  font-weight:600;color:#5E6270;
}
table.rt td.tot,table.rt th.tot{width:92px;}
table.rt td.pad,table.rt th.pad{width:auto;min-width:12px;padding:0;}
table.rt thead th.pad{background:var(--hdr);}
table.rt tfoot td.pad{background:var(--foot);}
table.rt td.zero{color:#AFACA2;font-weight:500;}
table.rt th.nmc,table.rt td.nmc{
  position:sticky;left:0;background:var(--card);text-align:left;
  min-width:190px;max-width:230px;white-space:normal;z-index:2;
  border-right:1px solid var(--rule);
}
table.rt thead th.nmc{background:var(--hdr);z-index:3;}
table.rt tbody tr:nth-child(even) td{background:#FBFAF5;}
table.rt tbody tr:nth-child(even) td.nmc{background:#FBFAF5;}
table.rt td.tot,table.rt th.tot{
  background:#F6F1E2;font-weight:700;color:var(--ink);border-left:2px solid var(--gold);
}
table.rt thead th.tot{background:#F0E2C6;color:#6B5310;border-bottom-color:var(--gold);}
table.rt tbody tr:nth-child(even) td.tot{background:#EFE9D9;}
table.rt tfoot td{
  background:var(--foot);color:var(--ink);font-weight:700;
  font-family:"IBM Plex Mono",monospace;border-bottom:0;border-top:2px solid #C3CBE0;
}
table.rt tfoot td.nmc{
  background:var(--foot);color:var(--ink-2);font-family:"Inter",sans-serif;
  letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-weight:700;
}
table.rt td.nmc{font-size:.79rem;}
table.rt .ballotcol{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:.76rem;}

/* ---------- empty / waiting ---------- */
.waiting{
  padding:26px 20px;text-align:center;color:var(--muted);
  background:repeating-linear-gradient(45deg,#FBFAF5,#FBFAF5 10px,#F6F4EB 10px,#F6F4EB 20px);
  border-top:1px solid var(--rule);
}
.waiting p{margin:0;font-size:.84rem;}
.waiting .names{margin:14px 0 0;font-size:.8rem;color:var(--ink);line-height:1.9;}
.waiting .names span{
  display:inline-block;background:#fff;border:1px solid var(--rule);
  padding:3px 11px;margin:3px;border-radius:2px;
}
.waiting .names b{font-family:"IBM Plex Mono",monospace;color:var(--crimson);margin-right:6px;font-size:.76rem;}

.postnote{padding:11px 20px;background:#FFF8E4;border-top:1px solid var(--rule);font-size:.8rem;color:#5B4A15;}

/* ---------- footer ---------- */
.cfoot{background:var(--ink-3);color:#98A1C0;padding:26px 0;font-size:.75rem;}
.cfoot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.cfoot a{color:var(--gold-soft);}

/* ---------- toast ---------- */
#toast{
  position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:200;
  background:var(--ink);color:#fff;padding:11px 20px;border-left:4px solid var(--gold);
  font-size:.8rem;box-shadow:0 10px 30px rgba(0,0,0,.32);display:none;max-width:92vw;
}

/* ==========================================================================
   Admin console
   ========================================================================== */
.adminwrap{max-width:980px;margin:0 auto;padding:24px 18px 70px;}
.gate{background:var(--card);border:1px solid var(--rule);padding:30px;max-width:430px;margin:60px auto;text-align:center;}
.gate h2{margin-top:0;}
.fld{margin-bottom:16px;text-align:left;}
.fld label{
  display:block;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-bottom:5px;
}
.fld input,.fld select,.fld textarea{
  width:100%;padding:10px 12px;border:1px solid #BFBAA8;background:#fff;
  font-family:inherit;font-size:1rem;border-radius:2px;
}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--gold);outline-offset:1px;}
.btn{
  background:var(--crimson);color:#fff;border:0;font-family:inherit;font-weight:700;
  font-size:.77rem;letter-spacing:.07em;text-transform:uppercase;padding:12px 24px;
  cursor:pointer;border-radius:2px;
}
.btn:hover{background:var(--crimson-d);}
.btn.dark{background:var(--ink);}
.btn.dark:hover{background:var(--ink-2);}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--rule);}
.btn.ghost:hover{background:#F3F0E6;}
.btn:disabled{opacity:.5;cursor:not-allowed;}
.card{background:var(--card);border:1px solid var(--rule);margin-bottom:20px;}
.card > h3{
  background:var(--ink);color:#fff;margin:0;padding:12px 18px;
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;font-weight:500;
}
.card .cb{padding:18px;}
.pick{display:flex;gap:14px;flex-wrap:wrap;}
.pick .fld{flex:1 1 220px;margin-bottom:0;}
.rgrid{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;}
.rbtn{
  width:38px;height:34px;border:1px solid var(--rule);background:#fff;cursor:pointer;
  font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--muted);border-radius:2px;
}
.rbtn.saved{background:var(--ink);border-color:var(--ink);color:var(--gold-soft);}
.rbtn.sel{outline:3px solid var(--crimson);outline-offset:-3px;color:var(--crimson);font-weight:700;}
.rbtn.saved.sel{color:var(--gold-soft);}
.entry{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;}
.erow{
  display:grid;grid-template-columns:26px 34px 1fr 100px;gap:9px;align-items:center;
  padding:7px 0;border-bottom:1px solid #F0EEE4;
}
.erow .b{font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--muted);text-align:right;}
.erow .av{width:34px;height:34px;font-size:.82rem;}
.erow .n{font-weight:600;color:var(--ink);font-size:.84rem;line-height:1.25;}
.erow input{
  width:100%;padding:9px 10px;border:1px solid #BFBAA8;text-align:right;
  font-family:"IBM Plex Mono",monospace;font-size:1.02rem;border-radius:2px;
}
.erow input:focus{outline:2px solid var(--crimson);outline-offset:1px;background:#FFFDF5;}
.sumbar{
  display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  background:#F3EFE2;border:1px solid var(--gold);padding:12px 16px;margin:16px 0;
}
.sumbar .s{font-family:"IBM Plex Mono",monospace;font-size:1.1rem;color:var(--ink);font-weight:500;}
.saved-note{font-size:.75rem;color:var(--green);font-weight:700;}
.warn{background:#FFF3F3;border:1px solid #E0B4B4;color:#8E1B25;padding:11px 14px;font-size:.8rem;margin-bottom:16px;}
.ok{background:#F0F7F2;border:1px solid #A9CDB8;color:#1F6B4A;padding:11px 14px;font-size:.8rem;margin-bottom:16px;}
.tools{display:flex;gap:10px;flex-wrap:wrap;}

/* ---------- responsive ---------- */
@media (max-width:860px){
  .band h1{font-size:1.2rem;}
  .row{grid-template-columns:26px 38px 1fr 78px;gap:9px;}
  .av{width:38px;height:38px;font-size:.88rem;}
  .votes .v{font-size:1.06rem;}
  .who .nm{font-size:.84rem;}
  .row.win .nm:after,.row.lead .nm:after{display:block;margin:4px 0 0;width:max-content;}
  .entry{grid-template-columns:1fr;}
  table.rt th.nmc,table.rt td.nmc{min-width:150px;}
  .posthead h2{font-size:1rem;flex-basis:100%;}
}
@media (max-width:560px){
  .band{padding:16px 0 18px;}
  .band h1{font-size:1.34rem;}
  .band .sub{font-size:.77rem;}
  .band .statusline{margin-top:12px;padding:9px 12px;font-size:.78rem;}
  .band .meta{gap:5px 18px;font-size:.65rem;margin-top:12px;}
  .crule{font-size:.6rem;}
  .crule .wrap{gap:7px;}
  .cmast .wrap{gap:12px;}
  .cmast .org{font-size:1.1rem;}
  .cmast .assoc{font-size:.7rem;font-weight:500;line-height:1.4;margin-top:3px;}
  .cmast .unit{font-size:.7rem;}
  .credit{padding:7px 0;}
  .credit strong{font-size:.8rem;}
  .credit span{font-size:.75rem;}
  .official{font-size:.77rem;padding:10px 12px;}
  .backbar a{font-size:.78rem;padding:11px 4px;}
  .cmast .live{padding:6px 11px;}
  .cmast .live b{font-size:.68rem;}
  .cmast .live span span{font-size:.61rem;}
  .jump a{padding:11px 11px;font-size:.63rem;}
  .cmast .crest img{height:48px;}
  .cmast .live{padding:7px 12px;}
  .chip{width:24px;height:24px;font-size:.64rem;}
  .board{padding:6px 14px 4px;}
  .rounds,.posthead,.switch{padding-left:14px;padding-right:14px;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
  html{scroll-behavior:auto;}
}
@media print{
  .jump,.crule,.switch,#toast{display:none;}
  .post{break-inside:avoid;border-color:#999;}
}

/* ==========================================================================
   Elected members page
   ========================================================================== */
.result{background:var(--card);border:1px solid var(--rule);margin-bottom:22px;}
.result .rh{background:var(--ink);color:#fff;padding:14px 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.result .rh h2{color:#fff;margin:0;font-size:1.1rem;flex:1 1 auto;}
.result .rh .seatn{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#A9B2D0;}
.result .rh .seatn b{color:var(--gold-soft);font-weight:500;}
.winners{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0;}
.win-c{display:flex;gap:13px;align-items:center;padding:13px 18px;border-bottom:1px solid #EFEDE3;border-right:1px solid #EFEDE3;}
.win-c .av{width:52px;height:52px;font-size:1.07rem;}
.win-c .wn{font-weight:700;color:var(--ink);font-size:.91rem;line-height:1.25;}
.win-c .wm{font-family:"IBM Plex Mono",monospace;font-size:.72rem;color:var(--muted);letter-spacing:.04em;}
.win-c .wv{margin-left:auto;text-align:right;font-family:"IBM Plex Mono",monospace;color:var(--green);font-size:1.02rem;font-weight:600;}
.pending{
  padding:22px 20px;text-align:center;color:var(--muted);font-size:.85rem;
  background:repeating-linear-gradient(45deg,#FBFAF5,#FBFAF5 10px,#F6F4EB 10px,#F6F4EB 20px);
}
.pending b{color:var(--crimson);}
@media (max-width:860px){
  .electedtab{max-width:none;flex:1 1 100%;justify-content:center;}
  .credit .wrap{gap:6px;}
  .credit strong{font-size:.84rem;}
  .credit span{font-size:.75rem;}
}

/* ---------- back button, stays put while scrolling ---------- */
.backbar{background:var(--crimson);}
.backbar .wrap{display:flex;align-items:center;}
.backbar a{
  display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;
  font-weight:700;font-size:.8rem;letter-spacing:.03em;padding:13px 4px;
}
.backbar a:hover{color:var(--gold-soft);}
.backbar .ico{
  font-size:1.07rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;
  width:27px;height:27px;border:2px solid rgba(255,255,255,.55);border-radius:50%;
}
.backbar a:hover .ico{border-color:var(--gold-soft);}

/* ---------- the notice, frozen under the post bar ---------- */
.notebar{background:#F7EFD6;border-top:2px solid var(--gold);border-bottom:1px solid #D8C88F;color:#3E3210;}
.notebar p{margin:0;font-size:.72rem;line-height:1.45;padding:7px 0;}
.notebar b{color:#7A1520;}
.nb-slim{display:none;}
.nb-slim summary{
  list-style:none;cursor:pointer;font-size:.72rem;line-height:1.4;padding:7px 0;
  display:block;
}
.nb-slim summary::-webkit-details-marker{display:none;}
.nb-more{
  color:#7A1520;text-decoration:underline;white-space:nowrap;font-weight:700;
}
.nb-slim[open] summary .nb-more{visibility:hidden;}
.nb-slim[open] summary{padding-bottom:0;}
.nb-slim p{padding:6px 0 8px;border-top:1px dashed #D8C88F;margin-top:6px;}

@media (max-width:860px){
  .nb-full{display:none;}
  .nb-slim{display:block;}
  .notebar p,.nb-slim summary{font-size:.68rem;}
}
@media print{.stickytop{position:static;}}