/* One-page treatment layout; each design retains its own title and body type. */
.im-treatments { --treatment-line: var(--border, var(--line, #e5e7eb)); }
.im-treatments .im-treatment-list { display: grid; }
.im-treatments .im-treatment {
  display: grid;
  grid-template-columns: minmax(0, .34fr) minmax(0, .66fr);
  align-items: center;
  gap: clamp(28px, 4vw, 56px);
  padding-block: 28px;
  scroll-margin-top: 28px;
}
.im-treatments .im-treatment:first-child { padding-top: 0; }
.im-treatments .im-treatment + .im-treatment { border-top: 1px solid var(--treatment-line); }
.im-treatments .im-treatment .im-treatment-art { width: 100%; max-width: 350px; margin: 0 auto; aspect-ratio: 4 / 3; }
/* Keep the full-size layout frame; match the examination illustrations with centered artwork. */
.im-treatments .im-treatment .im-treatment-art img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; transform: scale(.62); }
.im-treatments .im-treatment .im-treatment-copy { min-width: 0; margin: 0; }
.im-treatments .im-treatment .im-treatment-copy h2 { margin: 0 0 18px; }
.im-treatments .im-treatment .im-treatment-label { margin: 0 0 12px; }
.im-treatments .im-treatment-copy p { margin: 0; }
.im-treatments .im-treatment-copy p + p { margin-top: 12px; }
.im-treatments .im-treatment--text-only { grid-template-columns: minmax(0, 1fr); }
.im-treatments .im-treatment--text-only .im-treatment-copy { max-width: 680px; }
.im-treatments .im-treatments-note { margin: 24px 0 0; }

@media (max-width: 700px) {
  .im-treatments .im-treatment { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-block: 28px; }
  .im-treatments .im-treatment .im-treatment-art { width: 78%; max-width: 280px; }
  .im-treatments .im-treatment .im-treatment-copy h2 { margin-bottom: 14px; }
  .im-treatments .im-treatments-note { margin-top: 16px; }
}