/* User choice: new illustrations only on tablet/desktop, never on phone layouts.
   Short coarse-pointer viewports also cover phones held in landscape. */
@media(max-width:767px), (pointer:coarse) and (max-height:500px) {
  .bc-architecture-visual,
  .bc-mobile-architecture,
  .bc-outcome-graphic,
  .bc-offer-map,
  .bc-offer-symbol > .bc-symbol,
  .bc-service-symbol,
  .bc-stance-graphic,
  .bc-technology-graphic,
  .bc-offer-hero-graphic { display:none!important; }
  html[lang] #root .outcomes .outcome-grid .bc-outcome-card::before,
  html[lang] #root .mobile-home #mb-outcomes .bc-outcome-card::before,
  html[lang] #root .experience .sector-list > .bc-project-card > h3::before,
  html[lang] #root .mobile-home .mb-project-list > .bc-project-card > h3::before,
  html[lang] #root .deep-dive-topic-grid > a.bc-topic-visual::before { display:none!important; }
  html[lang] #root .experience .sector-list > .bc-project-card > h3 { display:block; }
  #root .principle.bc-stance-layout { grid-template-columns:minmax(0,1fr); }
  #root .tooling > .section-head.bc-technology-heading { grid-template-columns:minmax(0,1fr); }
  .workshops-page .detail-hero.bc-offer-hero-layout { grid-template-columns:minmax(0,1fr); }
  #root .hero.entry-preview.bc-visual-hero { grid-template-columns:minmax(0,1fr); }
  #root .deep-dive-topic-grid > a.bc-topic-visual { min-height:0; }
  .workshops-page .ws-choice-number.bc-offer-symbol { display:block; padding-top:3px; }
  .workshops-page .ws-choice-number.bc-offer-symbol > span { font:inherit; font-size:12px; letter-spacing:normal; }
}