/* The approved illustration is displayed in six responsive, unaltered crops. */
.healing-simple .healing-example { padding-top: 8px; padding-bottom: 32px; }
.healing-example h2 { margin: 10px 0 18px; font-size: clamp(1.6rem, 3.5vw, 2.6rem); line-height: 1.3; }
.healing-example-intro { max-width: 72ch; }
.healing-example-intro p, .healing-example-support p { font-size: .96rem; line-height: 1.85; color: #d5cec3; margin: 0 0 16px; }
.healing-example-stages { display: grid; gap: 24px; margin: 28px 0 20px; }
.healing-example-stage { margin: 0; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(230px, 1fr); gap: 24px; align-items: center; }
.healing-example-crop { position: relative; width: 100%; overflow: hidden; aspect-ratio: var(--crop-ratio); border-radius: 4px; background: #191714; }
.healing-example .healing-example-crop > img { position: absolute; display: block; width: 130.946292%; max-width: none; height: auto; aspect-ratio: auto; left: -2.301790%; top: var(--image-top); margin: 0; padding: 0; filter: none; transform: none; object-fit: initial; opacity: 1; }
.healing-example-stage figcaption { margin: 0; padding: 0; }
.healing-example-stage h3 { margin: 0 0 7px; font: 500 1.05rem/1.5 var(--sans); color: #f0dfb9; }
.healing-example-stage p { margin: 0; color: #d5cec3; font-size: .9rem; line-height: 1.8; }
.healing-example-disclosure { max-width: 78ch; color: #bfb7ab; font-size: .8rem; line-height: 1.75; }
.healing-example .text-link { display: inline-flex; align-items: center; min-height: 44px; margin: 8px 0; }
.healing-example-support { margin-top: 28px; padding: 22px 24px; border-left: 2px solid #d3bf87; background: #d3bf8709; }
.healing-example-support h3 { font: 500 1.1rem/1.5 var(--sans); margin: 0 0 12px; color: #f0dfb9; }
.healing-example-support p:last-of-type { margin-bottom: 6px; }
.healing-simple .healing-skin-details { padding-top: 0; padding-bottom: 20px; }
.healing-skin-details > summary { cursor: pointer; min-height: 52px; border-top: 1px solid #d3bf8733; padding: 18px 0; color: #e5d7ba; font: 400 .95rem/1.6 var(--sans); }
.healing-simple .healing-skin-details .skin-healing { padding-left: 0; padding-right: 0; }
.healing-example a:focus-visible { outline: 2px solid #e4d3a4; outline-offset: 4px; }
@media (max-width: 800px) {
  .healing-example-stage { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .healing-example-stages { gap: 28px; }
  .healing-example-support { padding: 18px; }
}