/* counties.html: the decade slider, the rank labels on the map */
#tl { display:flex; align-items:center; gap:.7rem; margin:.2rem 0 1.9rem; }
  #track { position:relative; flex:1; height:1.9rem; }
  #slider { position:absolute; top:0; left:0; width:100%; height:18px;
       margin:0; -webkit-appearance:none; appearance:none; background:none;
       cursor:pointer; }
  #slider::-webkit-slider-runnable-track { height:3px; border-radius:2px;
       background:#d8d0bf; }
  #slider::-moz-range-track { height:3px; border-radius:2px;
       background:#d8d0bf; }
  #slider::-webkit-slider-thumb { -webkit-appearance:none; appearance:none;
       width:14px; height:14px; margin-top:-5.5px; border-radius:50%;
       background:#7a3b2e; border:1px solid #4a2418; }
  #slider::-moz-range-thumb { width:12px; height:12px; border-radius:50%;
       background:#7a3b2e; border:1px solid #4a2418; }
  #ticks .tick { position:absolute; top:12px; width:1px; height:8px;
       background:rgba(74,36,24,.35); pointer-events:none; }
  #ticks .lab { position:absolute; top:21px; transform:translateX(-50%);
       font:10.5px/1 Georgia, serif; color:var(--muted); white-space:nowrap; }
  #ticks .lab.on { color:var(--ink); font-weight:bold; }
  #yr { font:bold 20px/1 Georgia, serif; width:3.4em; text-align:right; }
  #yrcap { margin:.2rem 0 .5rem; }
.ranklab { background: none; border: 0; box-shadow: none; padding: 0;
       font: bold 11px/1 Georgia, serif; color: #fbfaf7;
       text-shadow: 0 0 3px #4a2418, 0 0 3px #4a2418; }
.ranklab.big { font-size: 14px; }
.ranklab::before { display: none; }
table.towns { width: auto; min-width: 26rem; }
table.towns td:nth-child(3) { text-align: right; font-variant-numeric: tabular-nums; }
table.towns th:nth-child(3) { text-align: right; }