/* Approved illustration system: protected cream title and rating areas. */
.card-container .image-card.illustrated-card,
.card-container .image-card.illustrated-card:hover {
  background: #fff9f3;
  padding: 0;
  border: 1px solid #e7d4c6;
}
.illustrated-card .image-card__filter { display: none; }
.illustrated-card .image-card__inner {
  display: grid;
  grid-template-rows: auto minmax(160px, 1fr) auto;
  position: relative !important;
  inset: auto;
  width: 100%;
  height: 100%;
  min-height: 430px;
  padding: 0;
  gap: 0;
}
.illustrated-card .image-card__inner > img {
  grid-row: 2;
  position: static;
  width: 100%;
  height: 190px;
  object-fit: contain;
  align-self: center;
  z-index: auto;
  border-radius: 0;
}
.illustrated-card .image-card__inner h3 {
  grid-row: 1;
  padding: 22px 22px 12px;
  margin: 0;
  background: #fff9f3;
  color: #884719 !important;
  text-shadow: none;
}
.illustrated-card .image-card__eval-block {
  grid-row: 3;
  background: #fff9f3;
  margin: 0;
  padding: 16px 22px 22px;
  align-self: end;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
}
.illustrated-card .image-card__eval-cell p {
  color: #33302e !important;
  text-shadow: none;
}
/* Keep amounts and red/amber/green meanings; deepen tones for the cream ground. */
.illustrated-card .image-card__bar_fill_0,
.illustrated-card .image-card__bar_fill_100.invert-bar { background-color: #9d4228; }
.illustrated-card .image-card__bar_fill_20,
.illustrated-card .image-card__bar_fill_80.invert-bar { background-color: #a34c2c; }
.illustrated-card .image-card__bar_fill_40,
.illustrated-card .image-card__bar_fill_60.invert-bar { background-color: #806a1e; }
.illustrated-card .image-card__bar_fill_60,
.illustrated-card .image-card__bar_fill_40.invert-bar { background-color: #66751d; }
.illustrated-card .image-card__bar_fill_80,
.illustrated-card .image-card__bar_fill_20.invert-bar { background-color: #4b742d; }
.illustrated-card .image-card__bar_fill_100,
.illustrated-card .image-card__bar_fill_0.invert-bar { background-color: #32713c; }
.gh-image { max-width: 100%; height: auto; }
.gh-image--illustration, .gh-image--diagram { background: #fff9f3; }
.gh-image--portrait { background: #fff9f3; object-fit: contain; }
.author-preview-card img.gh-image--portrait { width: 128px; height: 160px; object-fit: contain; }
.author-profile img.gh-image--portrait,
.author-bio__avatar.gh-image--portrait { width: 96px; height: 120px; object-fit: contain; }
/* The interview portrait follows the same close-up framing as author profiles. */
.main-content__body img[data-image-family="kristina-campbell"] {
  display: block; width: min(100%, 360px); height: auto; margin-inline: auto;
}
.gh-diagram-responsive { display: block; width: 100%; }
.gh-diagram-responsive > img { display: block; width: 100%; height: auto; }
/* Reversible, light presentation wash keeps the original photographic pixels. */
.gh-image--wash { filter: sepia(.12) saturate(.88); }
.main-content__body .gh-image--wash,
.main-content__body .gh-image--preserve,
.the-gut-section__image:has(.gh-image--preserve) {
  background: #fff9f3;
  padding: 10px;
  border: 1px solid #e7d4c6;
  box-sizing: border-box;
}
.gh-image--preserve { filter: none; object-fit: contain; }
.gh-diagram-scroll {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  background: #fff9f3;
  scrollbar-color: #884719 #fff4ec;
}
.gh-image-caption { display: block; color: #884719; font-size: 1rem; line-height: 1.5; margin: 8px 0 24px; }
.gh-diagram-scroll > img { display: block; width: 100%; min-width: 620px; }
.gh-diagram-scroll:focus-visible { outline: 2px solid #884719; outline-offset: 4px; }
@media (min-width: 768px) {
  .gh-diagram-scroll > img { min-width: 0; }
}
