/* ------------------------ Section background photography ------------------------
   Same technique as _vancouver-web-design.css: a light scrim (--chart tone) over
   a photo, so a plain band gets real depth without losing body-text contrast.
   Mobile-first: smallest variant by default, larger ones swapped in by width. */
.wdc-bg-quickanswer {
  background:
    linear-gradient(rgba(244,245,240,.75), rgba(244,245,240,.75)) center/cover no-repeat,
    url(/assets/img/bg-growth-bars-chart-640.jpg) center/cover no-repeat;
}
.wdc-bg-wrong {
  background:
    linear-gradient(rgba(244,245,240,.7), rgba(244,245,240,.7)) center/cover no-repeat,
    url(/assets/img/editorial-web-network-map-640.jpg) center/cover no-repeat;
}
.wdc-bg-faq {
  background:
    linear-gradient(rgba(244,245,240,.7), rgba(244,245,240,.7)) center/cover no-repeat,
    url(/assets/img/bg-faq-consultation-640.jpg) center/cover no-repeat;
}
@media (min-width: 640px) {
  .wdc-bg-quickanswer { background-image: linear-gradient(rgba(244,245,240,.75), rgba(244,245,240,.75)), url(/assets/img/bg-growth-bars-chart-960.jpg); }
  .wdc-bg-wrong { background-image: linear-gradient(rgba(244,245,240,.7), rgba(244,245,240,.7)), url(/assets/img/editorial-web-network-map-960.jpg); }
  .wdc-bg-faq { background-image: linear-gradient(rgba(244,245,240,.7), rgba(244,245,240,.7)), url(/assets/img/bg-faq-consultation-960.jpg); }
}
@media (min-width: 960px) {
  .wdc-bg-quickanswer { background-image: linear-gradient(rgba(244,245,240,.75), rgba(244,245,240,.75)), url(/assets/img/bg-growth-bars-chart-1600.jpg); }
  .wdc-bg-wrong { background-image: linear-gradient(rgba(244,245,240,.7), rgba(244,245,240,.7)), url(/assets/img/editorial-web-network-map-1600.jpg); }
  .wdc-bg-faq { background-image: linear-gradient(rgba(244,245,240,.7), rgba(244,245,240,.7)), url(/assets/img/bg-faq-consultation-1600.jpg); }
}
@media (min-width: 1600px) {
  .wdc-bg-quickanswer { background-image: linear-gradient(rgba(244,245,240,.75), rgba(244,245,240,.75)), url(/assets/img/bg-growth-bars-chart-2400.jpg); }
  .wdc-bg-wrong { background-image: linear-gradient(rgba(244,245,240,.7), rgba(244,245,240,.7)), url(/assets/img/editorial-web-network-map-2400.jpg); }
  .wdc-bg-faq { background-image: linear-gradient(rgba(244,245,240,.7), rgba(244,245,240,.7)), url(/assets/img/bg-faq-consultation-2400.jpg); }
}