/* v4 Weekly-Headlines: kompaktes News-Grid */

.v4-wh{
  padding-top:.2rem;
}
.v4-wh-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:.8rem;
  flex-wrap:wrap;
  margin-bottom:.8rem;
}
.v4-wh-kicker{
  font-family:var(--font-d);
  font-size:var(--fs-xs);
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--black);
  font-weight:700;
  /* 2026-05-31: span→h2 für korrekte Heading-Hierarchie (Lighthouse).
     margin/line reset, damit das h2 optisch wie der frühere span wirkt. */
  margin:0;
  line-height:1.2;
}
.v4-wh-sub{
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--gray-500);
  font-weight:500;
}

.v4-wh-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:.7rem;
}
.v4-wh-item{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  padding:.8rem .95rem .9rem;
  background:var(--white);
  border:1px solid var(--gray-200);
  border-left:3px solid var(--gray-300);
  text-decoration:none;
  color:inherit;
  transition:border-color var(--tr-fast), transform var(--tr-fast), box-shadow var(--tr-fast);
}
.v4-wh-item:hover{
  border-color:var(--gray-300);
  border-left-color:var(--black);
  transform:translateY(-1px);
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  text-decoration:none;
}
/* Unterschiedliche Linken-Farbe je Tier */
.v4-wh-item.v4-wh-tier-oer{border-left-color:var(--gray-700)}
.v4-wh-item.v4-wh-tier-quality{border-left-color:#8b4513}
.v4-wh-item.v4-wh-tier-news{border-left-color:var(--gray-400)}
.v4-wh-item.v4-wh-tier-regional{border-left-color:#5b7d9a}

.v4-wh-meta{
  display:flex;
  justify-content:space-between;
  gap:.5rem;
  align-items:baseline;
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  text-transform:uppercase;
  letter-spacing:.1em;
}
.v4-wh-source{
  color:var(--gray-700);
  font-weight:700;
}
.v4-wh-date{
  color:var(--gray-500);
  font-weight:500;
}
.v4-wh-title{
  font-family:var(--font-s);
  font-size:var(--fs-md);
  font-weight:600;
  line-height:1.3;
  color:var(--black);
  margin:0;
  letter-spacing:-.01em;
}
.v4-wh-desc{
  font-family:var(--font-s);
  font-size:var(--fs-xs);
  line-height:1.5;
  color:var(--gray-700);
  margin:0;
}

.v4-wh-foot{
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  color:var(--gray-500);
  margin-top:.8rem;
  padding-top:.6rem;
  border-top:1px solid var(--gray-100);
  letter-spacing:.02em;
}