/* ==================================================
   PL ONLY – typography fix without dark background (v7)
   Goal: match DE/EN transparency, fix readability only
   ================================================== */

/* ---------- Kicker ---------- */
.kicker{
  white-space: normal;
  line-height: 1.35;
  text-align: left;
}

/* ---------- KPI legend ---------- */
.vizRow{
  display:grid;
  grid-template-columns: 12px 200px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.vizRow b{ white-space: nowrap; }
.vizRow .muted{ display:block; }

@media (max-width: 640px){
  .vizRow{
    grid-template-columns: 12px 1fr;
    grid-template-rows: auto auto;
    row-gap:4px;
  }
  .vizRow b,
  .vizRow .muted{ grid-column:2; }
}

/* ---------- Sector cards: NO extra background ---------- */
.sectorCard .sectorText{
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Match DE/EN typography but ensure visibility */
.sectorCard .sectorText,
.sectorCard .sectorText span,
.sectorCard .sectorText li{
  color: #e7eefc !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.55) !important;
}

/* Headline */
.sectorCard .sectorText b{
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 3px 8px rgba(0,0,0,.65) !important;
}