/* v4 Großwetterlage (Lagebild) */

.v4-gwl-section{
  max-width:var(--mw);
  margin:clamp(1.5rem,4vh,3rem) auto;
  padding:0 1.25rem;
}

.v4-gwl{
  background:var(--gray-50);
  border-left:3px solid var(--black);
  padding:1.5rem 1.75rem;
  max-width:78ch;       /* Lesbarkeitskante bei langem Fließtext */
}

.v4-gwl-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  margin-bottom:.8rem;
}
.v4-gwl-kicker{
  font-family:var(--font-d);
  font-size:var(--fs-xs);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:700;
  color:var(--black);
}
.v4-gwl-date{
  font-family:var(--font-d);
  font-size:var(--fs-xs);
  color:var(--gray-500);
  font-weight:500;
  letter-spacing:.02em;
}

.v4-gwl-text{
  font-size:var(--fs-md);
  line-height:1.65;
  color:var(--gray-900);
  margin:0;
  /* Denoise-Chars sind Monospace-ähnlich; während Animation weicher rendern */
  font-variant-ligatures:none;
}

.v4-gwl-links{
  margin-top:.9rem;
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--gray-500);
}
.v4-gwl-links a{
  color:var(--gray-700);
  text-decoration:underline;
  text-decoration-color:var(--gray-300);
  text-underline-offset:2px;
}
.v4-gwl-links a:hover{color:var(--black);text-decoration-color:var(--black)}

.v4-gwl-meta{
  margin-top:1rem;
  font-family:var(--font-d);
  font-size:var(--fs-xxs);
  color:var(--gray-400);
  letter-spacing:.05em;
  border-top:1px solid var(--gray-200);
  padding-top:.7rem;
}