/* S-64: evidence-led introduction (the stability chart, S-78), charcoal technology chapter, three benefits and supporting facts. */
.shc-hero h1 { max-width: 22ch; }
.shc-hero .label { margin-bottom: var(--s-4); }
.shc-hero__intro > .lead { margin: var(--s-5) 0 0; }
.shc-hero__intro > .btn-row { margin-top: var(--s-5); }
.detail-main .shc-technology { padding-block: var(--s-8); background: var(--ink-deep); color: var(--paper); }
.shc-tech-layout { display: grid; gap: var(--s-5); align-items: start; }
.shc-tech-copy > p:not(.label) { font-size: var(--fs-3); line-height: 1.5; }
.shc-tech-copy h2 { max-width: 22ch; }
.shc-tech-copy p:last-child { margin: 0; }
.shc-technology .label { color: var(--muted-dk); }
.detail-main .shc-case { padding-top: var(--s-8); }
.shc-case h2 { margin-bottom: var(--s-6); }
.shc-case .proof { gap: var(--s-5); }
.shc-case .proof > li { padding: var(--s-5); background: var(--paper-2); border-top: 1px solid var(--line-ui); }
.shc-case .proof__title { font-size: var(--fs-3); }
.shc-case .proof__text { margin-top: var(--s-3); line-height: 1.6; }
.shc-case__media { margin-top: var(--s-6); }
.shc-case__media .band { aspect-ratio: auto; height: clamp(160px, 18vw, 220px); }
.shc-foundations__panel { padding: var(--s-6); border-block: 1px solid var(--line); }
.shc-foundations__grid { display: grid; gap: var(--s-6); margin-top: var(--s-6); }
.shc-foundations__grid h3 { font-size: var(--fs-4); }
.shc-foundations__grid p { margin: var(--s-3) 0 0; font-size: var(--fs-5); line-height: 1.6; color: var(--muted); }
.shc-foundations__grid a { color: var(--ink); }
@media (min-width: 960px) {
  .detail-main .shc-hero .hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; gap: var(--s-8); }
  .shc-tech-layout { gap: var(--s-8); }
  .shc-tech-copy { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: var(--s-8); }
  .shc-tech-copy > :is(.label, h2) { grid-column: 1; }
  .shc-tech-copy > p:last-child { grid-column: 2; grid-row: 1 / span 2; align-self: end; }
  .shc-foundations__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 759px) {
  .detail-main :is(.shc-technology, .shc-case) { padding-top: var(--s-7); }
  .shc-foundations__panel { padding: var(--s-5) 0; }
}

.detail-main > .shc-hero + .section.shc-technology { padding-top: var(--s-8); }
@media (max-width: 759px) { .detail-main > .shc-hero + .section.shc-technology { padding-top: var(--s-7); } }

@media (min-width: 960px) { .shc-hero h1 { text-wrap: wrap; } }