/* Exact website illustration slots only. Original art/reader layouts excluded. */
body.refresh[data-approved-art-placement] img[data-approved-art] {
  display:block;width:100%;height:auto;max-width:100%;max-height:none;
  aspect-ratio:auto 3 / 2;object-fit:contain;object-position:center;
  transform:none;border:0;border-radius:0;box-shadow:none;mix-blend-mode:normal;
}
/* sizes="auto" applies size containment to lazy images. Keep the reviewed
   intrinsic ratio so browsers do not substitute a 300×150 letterbox. All
   approved drawings are 3:2; the separate complete TMoP title card is 40:21. */
body.refresh[data-approved-art-placement] img[data-approved-art="tmop-explainer"] {
  aspect-ratio:auto 40 / 21;
}
/* A complete white art field preserves RGB whites and the embedded domain.
   Alpha figures use the same legible field; no fake transparency or crop. */
body.refresh[data-approved-art-placement] img[data-approved-art-surface="white"] {
  background:#fff;
}
body.refresh[data-approved-art-placement] [data-approved-art-slot] {
  min-width:0;height:auto;max-height:none;overflow:visible;
  border:0;border-radius:0;box-shadow:none;transform:none;
}
body.refresh[data-approved-art-placement] .care-hero-scene[data-approved-art-slot] {
  position:relative;inset:auto;width:100%;max-width:720px;
  height:auto;justify-self:center;align-self:center;
}
body.refresh[data-approved-art-placement] .local-plate[data-approved-art-slot] {
  width:100%;max-width:520px;background:transparent;
}
body.refresh[data-approved-art-placement] .voice-art[data-approved-art-slot],
body.refresh[data-approved-art-placement] .appointment-art[data-approved-art-slot] {
  width:100%;height:auto;max-height:none;align-self:center;
}

/* Full-background paintings formerly supplied an empty text area. The new
   complete drawings occupy a separate column, so copy never sits over art. */
body.refresh[data-approved-art-placement] [data-approved-art-layout] {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;gap:0;width:100%;height:auto;min-height:0;
  position:relative!important;top:auto!important;transform:none!important;
  overflow:visible;aspect-ratio:auto;
}
body.refresh[data-approved-art-placement] [data-approved-art-layout] > figure {
  position:relative;inset:auto!important;grid-column:2;grid-row:1;
  width:100%;height:auto;max-width:720px;min-height:0;margin:0;
  justify-self:center;align-self:center;mask-image:none;
}
body.refresh[data-approved-art-placement] [data-approved-art-layout] > figure::after {
  content:none;
}
body.refresh[data-approved-art-placement] [data-approved-art-layout] > :is(.home-copy,.story-copy) {
  position:static;inset:auto;grid-column:1;grid-row:1;width:auto;
  min-width:0;max-width:none;margin:0;padding:48px clamp(24px,4.5vw,72px);
}
body.refresh[data-approved-art-placement] [data-approved-art-layout] .home-copy h1 {
  font-size:clamp(44px,4.5vw,72px);max-width:14ch;
}
body.refresh[data-approved-art-placement] [data-approved-art-layout] .story-copy h3 {
  font-size:clamp(38px,4vw,62px);max-width:17ch;
}

/* Keep the gallery owner's equal 220/124px art fields. Containment preserves
   complete drawings inside them; image replacement must not resize the rows. */
body.refresh[data-approved-art-placement] :is(.discovery-topic-gallery,.illustrated-services) img[data-approved-art] {
  width:100%;height:100%;max-height:100%;object-fit:contain;
}
body.refresh[data-approved-art-placement] .discovery-topic-gallery :is(.discovery-art,.weave-image-frame):has(img[data-approved-art]) {
  position:static;height:100%;max-height:100%;
}
body.refresh[data-approved-art-placement] .illustrated-services .service-picture > .discovery-art[data-approved-art-slot] {
  height:220px;
}
body.refresh[data-approved-art-placement] .discovery-topic-gallery h3 {
  padding-inline:24px;
}
body.refresh[data-approved-art-placement] .discovery-topic-gallery .discovery-read {
  padding-inline:24px;min-height:44px;
}
@media(max-width:1000px) {
  body.refresh[data-approved-art-placement] [data-approved-art-layout] {
    grid-template-columns:minmax(0,1fr);
  }
  body.refresh[data-approved-art-placement] [data-approved-art-layout] > :is(.home-copy,.story-copy) {
    grid-column:1;grid-row:1;
  }
  body.refresh[data-approved-art-placement] [data-approved-art-layout] > figure {
    grid-column:1;grid-row:2;
  }
}
@media(max-width:760px) {
  body.refresh[data-approved-art-placement] .illustrated-services .service-picture > .discovery-art[data-approved-art-slot] {
    height:124px;
  }
  body.refresh[data-approved-art-placement] [data-approved-art-layout] > :is(.home-copy,.story-copy) {
    padding:36px 20px;
  }
  body.refresh[data-approved-art-placement] [data-approved-art-layout] .home-copy h1 {
    font-size:46px;
  }
  body.refresh[data-approved-art-placement] [data-approved-art-layout] .story-copy h3 {
    font-size:36px;
  }
  body.refresh[data-approved-art-placement] .discovery-topic-gallery h3,
  body.refresh[data-approved-art-placement] .discovery-topic-gallery .discovery-read {
    padding-inline:20px;
  }
}

/* These three existing Services cutouts already carry the domain in their
   pixels. Show the adjacent fallback only on dark screens, where the ink is
   too small/dark to read. Screen-only rules preserve the print owner. The
   global branding stylesheet marks display important, so this exact scoped
   exception uses the same priority. */
@media screen {
  body.refresh[data-page="care"][data-approved-art-placement] .care-journey[data-illustrated-discovery] .care-spread > figure > img.weave-cutout:is([src^="/img/refresh/cutouts/understand-transparent.webp"],[src^="/img/refresh/cutouts/kundly-transparent.webp"],[src^="/img/refresh/cutouts/children-transparent.webp"]) + .weave-image-credit { display:none!important; }
  :root[data-theme="dark"] body.refresh[data-page="care"][data-approved-art-placement] .care-journey[data-illustrated-discovery] .care-spread > figure > img.weave-cutout:is([src^="/img/refresh/cutouts/understand-transparent.webp"],[src^="/img/refresh/cutouts/kundly-transparent.webp"],[src^="/img/refresh/cutouts/children-transparent.webp"]) + .weave-image-credit { display:block!important; }
}
@media screen and (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) body.refresh[data-page="care"][data-approved-art-placement] .care-journey[data-illustrated-discovery] .care-spread > figure > img.weave-cutout:is([src^="/img/refresh/cutouts/understand-transparent.webp"],[src^="/img/refresh/cutouts/kundly-transparent.webp"],[src^="/img/refresh/cutouts/children-transparent.webp"]) + .weave-image-credit { display:block!important; }
}