/* v4 BL-Timeline — Zweitstimmen-Historie über vier BTW-Wahlen */

.v4-blt{}
.v4-blt-lede{
  font-family:var(--font-s);
  font-size:var(--fs-md);
  color:var(--gray-700);
  line-height:1.55;
  margin:0 0 .9rem;
  max-width:68ch;
}
.v4-blt-rows{
  display:flex;
  flex-direction:column;
  gap:.4rem;
}
.v4-blt-row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:1rem;
  align-items:center;
  padding:.4rem .6rem;
  background:var(--gray-50);
  border:1px solid var(--gray-100);
}
.v4-blt-party{
  font-family:var(--font-d);
  font-size:var(--fs-xs);
  font-weight:700;
  color:var(--black);
  display:flex;
  align-items:center;
  gap:.4rem;
}
.v4-blt-dot{
  display:inline-block;
  width:10px; height:10px;
  border-radius:50%;
}
.v4-blt-bars{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:.5rem;
  align-items:end;
}
.v4-blt-bar-wrap{
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
.v4-blt-year{
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  color:var(--gray-500);
  letter-spacing:.1em;
  text-align:center;
}
.v4-blt-bar{
  position:relative;
  height:18px;
  background:linear-gradient(to right, var(--bar-color) var(--bar-w), var(--gray-200) var(--bar-w));
  padding:0 .4rem;
  display:flex;
  align-items:center;
}
.v4-blt-bar-val{
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  font-weight:700;
  color:var(--white);
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 1px rgba(0,0,0,.15);
}
@media (max-width:560px){
  .v4-blt-row{grid-template-columns:80px 1fr;gap:.5rem}
  .v4-blt-bars{gap:.25rem}
}