/* ── Challenge landing ──
   The digital follow-up to the printed INTERSCHUTZ postcard
   (trnty.eu/challenge). Reuses the chat component as the centerpiece —
   the visitor drops their data problem straight into the bot — over the
   regenerated network-graph motif from the card. Lives inside the normal
   site frame (header + footer); the route is intentionally kept out of
   the nav. */

.section-challenge {
  min-height: auto;
  padding: 4rem 2rem;
}

.section-challenge .section-title { margin-bottom: 1rem; }
.section-challenge .section-desc  { margin-bottom: 2.5rem; }

/* The headline's ".BASE" suffix reuses the shared .base-suffix accent
   (magenta, rendered via v-html from the i18n string). */

/* Regenerated constellation from the postcard. The base .section-bg rule
   (sections.css) handles sizing/position; we only supply the image and a
   touch more presence than the photo backgrounds get. */
.section-bg--challenge {
  background-image: url('../img/network.svg');
  opacity: 0.45;
}

[data-theme="light"] .section-bg--challenge {
  opacity: 0.6;
}

/* Let the network read through — soften the default top/bottom fade. */
.section-challenge .section-bg-overlay {
  background: linear-gradient(to bottom, var(--bg) 0%, transparent 18%, transparent 82%, var(--bg) 100%);
}