/* v4 Struct-Cards — Makro-Stil-Kacheln für Bundesland-Strukturdaten */

.v4-sc-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:.8rem;
}
@media (max-width:900px){
  .v4-sc-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:560px){
  .v4-sc-grid{grid-template-columns:1fr}
}

.v4-sc-card{
  background:var(--white);
  border:1px solid var(--gray-200);
  padding:1.1rem 1.2rem 1.2rem;
  display:flex;
  flex-direction:column;
  gap:.35rem;
  transition:border-color var(--tr-fast), transform var(--tr-fast);
}
.v4-sc-card:hover{
  border-color:var(--gray-300);
}
.v4-sc-kicker{
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--gray-500);
  font-weight:700;
}
.v4-sc-name{
  font-family:var(--font-d);
  font-size:var(--fs-sm);
  font-weight:700;
  color:var(--black);
  letter-spacing:-.005em;
}
.v4-sc-value{
  font-family:var(--font-d);
  font-size:clamp(1.6rem, 3vw, 2.1rem);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.015em;
  color:var(--black);
  font-variant-numeric:tabular-nums;
  margin-top:.2rem;
}
.v4-sc-sub{
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  color:var(--gray-500);
  letter-spacing:.02em;
}
.v4-sc-delta-wrap{margin-top:.25rem}
.v4-sc-delta{
  display:inline-block;
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  font-weight:700;
  padding:.2rem .5rem;
  background:var(--gray-50);
  border:1px solid var(--gray-200);
}
.v4-sc-delta.is-pos{color:#0f7b3c;background:color-mix(in oklab, #0f7b3c 8%, var(--white));border-color:color-mix(in oklab, #0f7b3c 20%, var(--gray-200))}
.v4-sc-delta.is-neg{color:#c02632;background:color-mix(in oklab, #c02632 8%, var(--white));border-color:color-mix(in oklab, #c02632 20%, var(--gray-200))}
.v4-sc-delta.is-neutral{color:var(--gray-600)}

.v4-sc-spark{
  margin:.5rem 0 .1rem;
  width:100%;
  max-width:none;
}
.v4-sc-spark .v4-spark-svg{height:36px}

.v4-sc-desc{
  font-family:var(--font-s);
  font-size:var(--fs-xs);
  color:var(--gray-700);
  line-height:1.5;
  margin-top:.5rem;
  padding-top:.5rem;
  border-top:1px solid var(--gray-100);
}
