/* Concerns and Treatments indexes: retain the live card/photo composition. */
html body.page-open:is(.concerns-index,.treatments-index) .ix-hero h1 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(3.5rem, 5.2vw, 5.5rem) !important;
  font-weight: 500 !important;
  line-height: 1.06 !important;
  letter-spacing: -.028em !important;
  text-shadow: none !important;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-hero h1 em {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: normal !important;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-group { display: none !important; }
html body.page-open:is(.concerns-index,.treatments-index) .ix-list { gap: clamp(9px, 1.1vh, 15px) !important; }
html body.page-open:is(.concerns-index,.treatments-index) .ix-index > .ix-list:not(:first-of-type) { margin-top: clamp(9px, 1.1vh, 15px); }
html body.page-open:is(.concerns-index,.treatments-index) .ix-row {
  display: flex;
  align-items: center;
  min-height: 132px;
  padding: clamp(18px, 2vw, 26px) clamp(20px, 2.2vw, 30px) !important;
  background: #fdfbf6 !important;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 2px #211d180f, 0 4px 10px #211d180d, inset 0 1px #ffffff8c !important;
  color: #211d18;
  text-decoration: none;
  transform: none !important;
  transition: box-shadow 200ms ease, background-color 200ms ease;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-row:hover,
html body.page-open:is(.concerns-index,.treatments-index) .ix-row:focus-visible {
  background: #fffefa !important;
  box-shadow: 0 3px 9px #211d181a, 0 12px 30px #211d1814 !important;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-row:focus-visible { outline: 2px solid #434a37; outline-offset: 3px; }
html body.page-open:is(.concerns-index,.treatments-index) .ix-row::before,
html body.page-open:is(.concerns-index,.treatments-index) .ix-row::after { display: none !important; }
html body.page-open:is(.concerns-index,.treatments-index) .ix-name,
html body.page-open:is(.concerns-index,.treatments-index) .ix-row:is(:hover,:focus-visible,.is-live) .ix-name {
  font-family: Inter, Arial, sans-serif !important;
  font-size: clamp(1.45rem, 2.25vw, 1.9rem) !important;
  font-weight: 500 !important;
  line-height: 1.2;
  letter-spacing: -.035em;
  color: #33352b !important;
  transform: none !important;
  translate: none !important;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-note,
html body.page-open:is(.concerns-index,.treatments-index) .ix-row:is(:hover,:focus-visible,.is-live) .ix-note {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  letter-spacing: normal !important;
  color: #48463e !important;
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-plate {
  overflow: hidden;
  background: #f9f5ec !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 2px 4px #211d1812, 0 10px 26px #211d1817 !important;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-plate::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit !important;
  background: linear-gradient(to top, #22261eb8, #22261e2e 34%, transparent 62%) !important;
  pointer-events: none;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-plate img { border-radius: 22px !important; }
html body.page-open:is(.concerns-index,.treatments-index) .ix-cap i,
html body.page-open:is(.concerns-index,.treatments-index) .ix-legend,
html body.page-open:is(.concerns-index,.treatments-index) :is(.ix-mark,.ix-meta,.ix-ghost) { display: none !important; }
html body.page-open:is(.concerns-index,.treatments-index) .ix-cap b {
  font-family: Inter, Arial, sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.25rem);
  font-weight: 500;
  line-height: 1.3;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-cross-alt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #858c79;
  color: #211d18;
  font: 500 .875rem/1.4 Inter, Arial, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
}
html body.page-open:is(.concerns-index,.treatments-index) .ix-cross-alt:hover { background: #a7ad9d; color: #211d18; }
html body.page-open:is(.concerns-index,.treatments-index) .ix-cross-alt:focus-visible { outline: 2px solid #f7f4ee; outline-offset: 3px; }
@media (max-width: 1000px) {
  html body.page-open:is(.concerns-index,.treatments-index) .ix-row { min-height: 132px; }
  html body.page-open:is(.concerns-index,.treatments-index) .ix-thumb { display: block; flex: 0 0 clamp(78px, 11vw, 116px); }
  html body.page-open:is(.concerns-index,.treatments-index) .ix-thumb,
  html body.page-open:is(.concerns-index,.treatments-index) .ix-thumb img { border-radius: 8px !important; }
}
@media (max-width: 640px) {
  html body.page-open:is(.concerns-index,.treatments-index) .ix-row { min-height: 116px; padding: 16px !important; gap: 14px; }
  html body.page-open:is(.concerns-index,.treatments-index) .ix-name { font-size: 1.3rem !important; }
  html body.page-open:is(.concerns-index,.treatments-index) .ix-note { font-size: .875rem !important; }
  html body.page-open:is(.concerns-index,.treatments-index) .ix-thumb { flex-basis: clamp(72px, 20vw, 94px); }
}

/* Concerns index uses the shared 1240px page measure. */
/* Let the new image settle promptly without a second long zoom. */
html body.page-open.concerns-index .ix-shot {
  transform: none !important;
  transition: opacity .3s ease !important;
}
@media (prefers-reduced-motion: reduce) {
  html body.page-open.concerns-index .ix-shot { transition: none !important; }
}