/* The board. Sits on top of info.css and only adds the pieces that page does
   not already have: the tally strip, the two ranked lists and the feed. */

.tally {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:1px; background:var(--line); border:1px solid var(--line);
  margin:clamp(2.2rem,5vw,3.2rem) 0 0;
}
.tally .t { background:var(--panel); padding:1.1rem 1.2rem; }
.tally b {
  display:block; font-family:"Fraunces",Georgia,serif; font-weight:500;
  font-size:2rem; line-height:1.05; font-variant-numeric:tabular-nums;
}
.tally span {
  font-family:"JetBrains Mono",monospace; font-size:.6rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--muted);
}

.cols {
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,4vw,3rem);
  margin-top:clamp(3rem,7vw,5rem);
}
.cols > section { border-top:1px solid var(--line); padding-top:1.5rem; }
.cols h2, .latest h2 {
  font-family:"Fraunces",Georgia,serif; font-weight:500;
  font-size:clamp(1.45rem,3vw,1.9rem); line-height:1.15; margin:0 0 1.1rem;
}
.none { color:var(--muted); font-size:.9rem; }

/* ---- holders ---- */
.holders { list-style:none; margin:0; padding:0; counter-reset:rank; }
.holders li {
  display:grid; grid-template-columns:1.6rem 1fr auto; gap:.8rem;
  align-items:baseline; padding:.7rem 0; border-bottom:1px solid #1E1E23;
}
.holders li::before {
  counter-increment:rank; content:counter(rank);
  font-family:"JetBrains Mono",monospace; font-size:.7rem; color:var(--muted);
}
.holders .who { font-size:1.02rem; min-width:0; overflow-wrap:anywhere; }
.holders .who i { font-style:normal; }
.holders .biz {
  margin-left:.4rem; font-family:"JetBrains Mono",monospace; font-size:.55rem;
  letter-spacing:.1em; text-transform:uppercase; color:var(--gold);
  border:1px solid var(--gold); border-radius:2px; padding:.05rem .3rem;
}
.holders .n {
  font-family:"JetBrains Mono",monospace; font-size:.78rem; color:var(--muted);
  font-variant-numeric:tabular-nums; white-space:nowrap;
}

/* ---- towns ---- */
.towns { list-style:none; margin:0; padding:0; }
.towns li { padding:.6rem 0; border-bottom:1px solid #1E1E23; }
.towns .r { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; }
.towns .nm { font-size:.98rem; }
.towns .nm span { color:var(--muted); font-size:.82rem; margin-left:.4rem; }
.towns .pc {
  font-family:"JetBrains Mono",monospace; font-size:.74rem; color:var(--muted);
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.towns .bar { height:4px; background:#1E1E23; border-radius:2px; margin-top:.4rem; overflow:hidden; }
.towns .bar i { display:block; height:100%; background:var(--gold); }

/* ---- latest ---- */
.latest { border-top:1px solid var(--line); padding-top:1.5rem; margin-top:clamp(3rem,7vw,5rem); }
.latest ul { list-style:none; margin:0; padding:0; }
.latest li {
  display:flex; justify-content:space-between; gap:1rem; align-items:baseline;
  flex-wrap:wrap; padding:.65rem 0; border-bottom:1px solid #1E1E23;
}
.latest .what { min-width:0; overflow-wrap:anywhere; }
.latest .code {
  font-family:"JetBrains Mono",monospace; font-size:.72rem; color:var(--gold);
  text-decoration:none;
}
.latest .code:hover { color:var(--gold-hi); text-decoration:underline; }
.latest .when { font-family:"JetBrains Mono",monospace; font-size:.68rem; color:var(--muted); }

.sitefoot { border-top:1px solid var(--line); margin-top:5rem; }
.sitefoot-inner { padding:1.6rem 0; }
.sitefoot nav { display:flex; flex-wrap:wrap; gap:.4rem 1.2rem; }
.sitefoot nav a {
  color:var(--muted); text-decoration:none; font-family:"JetBrains Mono",monospace;
  font-size:.62rem; letter-spacing:.08em; text-transform:uppercase;
}
.sitefoot nav a:hover { color:var(--gold-hi); }

@media (max-width:680px) { .cols { grid-template-columns:1fr; } }