/* eXalt 6.5.11 · guarded, responsive layout for every public problem page. */
.demand-content-body,
.demand-content-body *{box-sizing:border-box}

.demand-content-body{overflow-x:hidden}
.demand-content-body .demand-content-shell,
.demand-content-body .demand-content-shell>article,
.demand-content-body .demand-content-shell>article>*{min-width:0}

.demand-content-body img,
.demand-content-body svg,
.demand-content-body video,
.demand-content-body canvas{max-width:100%;height:auto}

.demand-content-body .demand-content-shell>article>section.problem-post-section,
.demand-content-body .demand-content-shell>article>section.problem-post-faq{
  display:block!important;
  grid-template-columns:none!important;
  min-width:0!important;
}

.demand-content-body .demand-content-shell>article>section.problem-post-section>div,
.demand-content-body .demand-content-shell>article>section.problem-post-faq>div,
.demand-content-body .inspection-comparison>*{min-width:0}

/* A legacy generic section rule injected a 48px icon column into this custom
   section.  The section has no icon; it must always consume the article width. */
.demand-content-body .demand-content-shell>article>section.cell-interconnect-proof{
  display:block!important;
  grid-template-columns:none!important;
  width:auto!important;
  min-width:0!important;
}
.demand-content-body .cell-interconnect-proof>div{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.demand-content-body .cell-interconnect-proof>div>h2{
  max-width:860px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto;
}
.demand-content-body .cell-interconnect-proof>div>div{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  min-width:0!important;
}

.demand-content-body .battery-fast-start{
  grid-template-columns:minmax(0,1fr)!important;
  min-width:0!important;
}
.demand-content-body .battery-fast-start>*,
.demand-content-body .priority-decision-grid>*,
.demand-content-body .inspection-comparison>*,
.demand-content-body .inspection-economics>*{min-width:0}

.demand-content-body .problem-editorial-illustration,
.demand-content-body .problem-hero-visual-v51,
.demand-content-body .problem-core-visual{max-width:100%;min-width:0}

/* Pages without a topic-specific illustration use the full hero width. The
   former generic two-card fallback was removed because it reduced nuanced
   technical topics to an arbitrary two-step chain. */
.demand-content-body .problem-hero-grid-v51:not(:has(> .problem-hero-visual-v51)){
  grid-template-columns:minmax(0,1fr)!important;
}
.demand-content-body .problem-hero-grid-v51:not(:has(> .problem-hero-visual-v51))>.problem-hero-copy-v51{
  max-width:980px;
}

.demand-content-body p,
.demand-content-body li,
.demand-content-body h1,
.demand-content-body h2,
.demand-content-body h3,
.demand-content-body a{overflow-wrap:anywhere}

.demand-content-body .problem-post-byline img,
.demand-content-body .pragmatic-author img,
.demand-content-body .problem-aside-author img{
  flex:0 0 auto;
  object-fit:cover;
}

@media(max-width:1050px){
  .demand-content-body .cell-interconnect-proof>div>div{grid-template-columns:1fr!important}
  .demand-content-body .demand-content-shell{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:800px){
  .demand-content-body .inspection-comparison,
  .demand-content-body .inspection-economics,
  .demand-content-body .priority-decision-grid{grid-template-columns:minmax(0,1fr)!important}
  .demand-content-body .inspection-choice{display:none!important}
}

@media(max-width:520px){
  .demand-content-body .cell-interconnect-proof{padding:22px 17px!important}
  .demand-content-body .cell-interconnect-proof h2{font-size:clamp(1.45rem,8vw,2rem)!important}
  .demand-content-body .conversion-mid-cta,
  .demand-content-body .demand-content-cta{max-width:100%;min-width:0}
}
.technical-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.technical-path-grid article,.method-matrix{border:1px solid rgba(47,125,136,.22);border-radius:18px;background:#fff;padding:20px}.technical-path-grid span{color:#ff747d;font-weight:700}.technical-path-grid h3{font-size:1.05rem;margin:.55rem 0}.method-matrix{display:grid;grid-template-columns:minmax(120px,.7fr) 1.2fr 1.2fr;gap:0;padding:0;overflow:hidden}.method-matrix>*{padding:13px 16px;border-bottom:1px solid rgba(47,125,136,.14)}.method-matrix>b{background:#edf7f7}.problem-sources{max-width:980px;margin:28px auto;padding:14px 18px;border-top:1px solid rgba(47,125,136,.22);font-size:.78rem;line-height:1.55;color:#47636a}.problem-sources p{margin:.35rem 0 0}.problem-sources a{color:#246f79;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.method-matrix-section h2,.technical-path-section h2{max-width:820px}@media(max-width:800px){.technical-path-grid{grid-template-columns:1fr}.method-matrix{grid-template-columns:1fr}.method-matrix>b{display:none}.method-matrix span:nth-of-type(3n+1){font-weight:700;background:#edf7f7}}
