/* ====================================================================
   Jahresanzeigen.de — Kanal-Detailseiten (/kanaele/*)
   Builds on styles.css + pages.css + blog.css tokens. Dark cockpit theme.
   ==================================================================== */

/* Value-proposition cards */
.ch-props {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  margin: 8px 0 40px;
}
.ch-prop {
  border: 1px solid rgba(127, 224, 255, .16);
  border-radius: 14px;
  background: rgba(5, 11, 28, .55);
  padding: 24px 24px 22px;
}
.ch-prop h3 {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.12rem; font-weight: 600; color: #fff;
  line-height: 1.3; margin: 0 0 10px;
}
.ch-prop p { color: rgba(255, 255, 255, .82); font-size: .98rem; line-height: 1.6; margin: 0; }
.ch-prop .ch-prop__kpi {
  display: block; font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.7rem; font-weight: 700; color: var(--brand-glow); margin-bottom: 6px;
}

/* "So funktioniert"-style numbered steps */
.ch-steps { counter-reset: step; list-style: none; padding: 0; margin: 8px 0 36px; display: grid; gap: 14px; }
.ch-steps > li {
  counter-increment: step;
  position: relative;
  border: 1px solid rgba(127, 224, 255, .16);
  border-radius: 14px;
  background: rgba(5, 11, 28, .5);
  padding: 20px 22px 20px 76px;
}
.ch-steps > li::before {
  content: counter(step);
  position: absolute; left: 20px; top: 18px;
  width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Poppins', system-ui, sans-serif; font-weight: 700; font-size: 1.1rem;
  color: #03121f;
  background: linear-gradient(180deg, #0EC0F7 0%, #0090D6 100%);
  box-shadow: 0 0 0 4px rgba(0, 182, 240, .12);
}
.ch-steps h3 {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.06rem; font-weight: 600; color: #fff; margin: 0 0 6px;
}
.ch-steps p { color: rgba(255, 255, 255, .82); font-size: .97rem; line-height: 1.6; margin: 0; }

/* Footnote / sources */
.ch-foot {
  font-size: .82rem; color: rgba(255, 255, 255, .55); line-height: 1.5;
  border-top: 1px solid rgba(255, 255, 255, .08); padding-top: 16px; margin: 28px 0 0;
}

/* Section heading inside a channel page */
.ch-h2 {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2rem); font-weight: 600; color: #fff;
  letter-spacing: -.01em; margin: 48px 0 18px;
}