/* Subtiele live-secties: files, afsluitingen, ongevallen, werkzaamheden */
[class*="-live-summary"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.85rem;
}
[class*="-live-kpi"]:not([class*="-live-kpi-label"]):not([class*="-live-kpi-value"]) {
  text-align: center;
  padding: 0.5rem 0.4rem;
  border-radius: 10px;
  border: 1px solid rgba(13, 148, 136, 0.12);
  background: rgba(248, 250, 252, 0.95);
  box-shadow: none;
}
[class*="-live-kpi-label"] {
  display: block;
  font-size: 0.54rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 600;
  margin-bottom: 0.14rem;
}
[class*="-live-kpi-value"] {
  display: block;
  font-size: 0.82rem;
  color: #0d9488;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
[class*="-live-list"],
[class*="-closures-live-list"],
[class*="-incidents-live-list"],
[class*="-roadworks-live-list"] {
  list-style: none;
  margin: 0;
  padding: 0;
}
[class*="-live-item"]:not([class*="-live-item-title"]),
[class*="-closures-live-item"]:not([class*="-closures-live-item-title"]),
[class*="-incidents-live-item"]:not([class*="-incidents-live-item-title"]),
[class*="-roadworks-live-item"]:not([class*="-roadworks-live-item-title"]) {
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  padding: 0.55rem 0.62rem;
  background: var(--surface);
  margin-bottom: 0.45rem;
}
[class*="-live-item-title"],
[class*="-closures-live-item-title"],
[class*="-incidents-live-item-title"],
[class*="-roadworks-live-item-title"] {
  display: flex;
  align-items: center;
  font-size: 0.78rem;
  font-weight: 600;
  margin: 0 0 0.2rem;
  gap: 0.4rem;
  line-height: 1.3;
}
[class*="-live-item-title"] {
  color: #0f766e;
}
[class*="-live-item-title-text--queue"] {
  color: #c2410c;
}
[class*="-live-item-title-text--slow"] {
  color: #d97706;
}
[class*="-live-item-title-text--works"] {
  color: #0d9488;
}
[class*="-road-badge"],
[class*="-closures-road-badge"],
[class*="-incidents-road-badge"],
[class*="-roadworks-road-badge"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 2rem;
  padding: 0.14rem 0.38rem;
  border-radius: 6px;
  background: #dc2626;
  color: #fff;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1;
  opacity: 0.92;
}
[class*="-live-meta"],
[class*="-closures-live-meta"],
[class*="-incidents-live-meta"],
[class*="-roadworks-live-meta"] {
  font-size: 0.68rem;
  color: #64748b;
  margin: 0.14rem 0;
  line-height: 1.4;
  font-weight: 500;
}
[class*="-live-meta"] strong,
[class*="-closures-live-meta"] strong,
[class*="-incidents-live-meta"] strong,
[class*="-roadworks-live-meta"] strong {
  font-weight: 600;
  color: #475569;
}
[class*="-type-label--queue"],
[class*="-incidents-type-label"] {
  color: #c2410c;
  font-weight: 600;
}
[class*="-type-label--slow"] {
  color: #d97706;
  font-weight: 600;
}
/* Subtiele intro-cards (laadt na styles.css + inline page CSS) */
.tunnel-intro,
.page-content .content-block.content-block--compact,
.lead.lead-intro,
.lead.files-per-dag-intro,
.page-home .lead-intro,
main.page-webcam .lead.lead-intro {
  font-size: 0.62rem;
  color: #64748b;
  line-height: 1.45;
  font-weight: 500;
  margin: 0 0 0.9rem;
  background: rgba(248, 250, 252, 0.95);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 10px;
  padding: 0.55rem 0.65rem;
  box-shadow: none;
}
.tunnel-intro,
.page-content .content-block.content-block--compact {
  text-align: left;
}
.lead.lead-intro,
.lead.files-per-dag-intro,
.page-home .lead-intro,
main.page-webcam .lead.lead-intro {
  text-align: center;
}
.tunnel-intro p,
.page-home .lead-intro p,
.lead.lead-intro p,
.page-content .content-block.content-block--compact p {
  margin: 0;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
}