/* ============================================================
   Digital Experts - sector pages ("Who it's for") in the new design
   2026.10.06. Scoped to main.dx.dx-sc. Builds on de-home-jye.css,
   de-home-screens.css, de-home-tweaks.css and the platform files
   (de-platform.css, de-platform-2.css), which sector pages reuse.
   ============================================================ */

/* The cream "answer is somewhere" section keeps one colour headline
   (the platform file colours burgundy-section replies mustard). */
.dx-sc .dx-exist .dx-statement .dx-reply { color: #15301F; }

/* FAQ: question on the left, answer on the right, ruled rows. */
.dx-sc .dx-sc-qa { margin: 0; border-top: 1px solid var(--dx-burgundy); }

.dx-sc .dx-sc-qa > div {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 10px;
  padding: 28px 0 30px;
  border-bottom: 1px solid var(--dx-ink-line);
}

.dx-sc .dx-sc-qa dt {
  grid-column: 1 / span 5;
  font-family: var(--dx-sans);
  font-weight: 600;
  font-size: clamp(18px, 1.5vw, 21px);
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--dx-burgundy);
}

.dx-sc .dx-sc-qa dd {
  grid-column: 7 / -1;
  margin: 0;
  font-family: var(--dx-sans);
  font-size: var(--dx-t-body);
  line-height: 1.6;
  color: var(--dx-ink-78);
  max-width: 52ch;
}

.dx-sc .dx-sc-faq .dx-head .dx-label { color: var(--dx-green); }
.dx-sc .dx-sc-faq .dx-statement .dx-reply { color: var(--dx-orange); }

/* The plan sits above the FAQ here, so drop the doubled padding. */
.dx-sc .dx-plan + .dx-sc-faq { padding-top: 0; }

@media (max-width: 900px) {
  .dx-sc .dx-sc-qa dt,
  .dx-sc .dx-sc-qa dd { grid-column: 1 / -1; }
}