/* Hallmark v2.0.0 · theme: custom (by request, brand-aligned) · genre: editorial · shape: narrative-workflow · signature: 치료 순서 전환기 / 재료·경로 구분표 · project: VS라인의원 인천구월점 클리닉 안내 */
/* critique: 한 화면에 한 가지 생각, 사진은 정물만, 숫자와 후기는 병원이 공개한 것만 쓴다. */
/* waive 58: 의료 안내 페이지라 검색·환자 이해에 필요한 본문 분량을 유지한다. */
/* waive 34: html·body의 overflow-x: clip은 이 사이트에서 세로 스크롤을 막아 .vc에만 적용한다. */
/* waive 48(font-family 일부): 본문 글꼴은 기존 사이트 :root 스택을 상속한다. */

:root {
  --vc-ivory: #f5f1e9;
  --vc-paper: #fffdf9;
  --vc-ink: #23201b;
  --vc-charcoal: #302b24;
  --vc-wine: #7a1e1e;
  --vc-wine-deep: #5c1515;
  --vc-gold: #a9884f;
  --vc-gold-soft: #d9c49a;
  --vc-line: #e2d9c9;
  --vc-muted: #6e665b;
  --vc-on-dark: #f5f1e9;
  --vc-on-dark-muted: #cfc5b4;
  --vc-hair-dark: rgba(245, 241, 233, 0.22);
  --vc-veil: rgba(35, 32, 27, 0.86);
  --vc-veil-0: rgba(35, 32, 27, 0);
  --vc-display: "VC Display", "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --vc-body: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
  --vc-max: 1120px;
  --vc-gutter: clamp(20px, 5vw, 48px);
  --vc-quick: 0px;
  --vc-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

@font-face {
  font-family: "VC Display";
  src: url("/fonts/vc-display-700.woff2?v=20261114-clinic-links-1") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@media (min-width: 1024px) {
  :root { --vc-quick: 118px; }
}

.vc {
  overflow-x: clip;
  background: var(--vc-ivory);
  color: var(--vc-ink);
  font-family: var(--vc-body);
  font-size: 17px;
  line-height: 1.75;
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}
.vc *, .vc *::before, .vc *::after { box-sizing: border-box; }
.vc ::selection { background: var(--vc-wine); color: var(--vc-on-dark); }
:where(.vc) img { display: block; max-width: 100%; height: auto; }
:where(.vc) a { color: inherit; text-underline-offset: 0.22em; text-decoration-thickness: 1px; }
:where(.vc) p { margin: 0; }
:where(.vc) :is(h1, h2, h3) { margin: 0; font-family: var(--vc-display); font-weight: 700; color: var(--vc-ink); overflow-wrap: break-word; min-width: 0; text-wrap: balance; letter-spacing: -0.03em; }
:where(.vc) :is(ul, ol, dl, dd) { margin: 0; padding: 0; list-style: none; }
.vc :focus-visible { outline: 3px solid var(--vc-gold); outline-offset: 3px; border-radius: 2px; }

.vc-wrap {
  width: 100%;
  max-width: calc(var(--vc-max) + var(--vc-gutter) * 2 + var(--vc-quick));
  margin-inline: auto;
  padding-left: var(--vc-gutter);
  padding-right: calc(var(--vc-gutter) + var(--vc-quick));
}

/* ───── 버튼 ───── */
.vc-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 28px;
  font-family: var(--vc-body); font-size: 16px; font-weight: 600; line-height: 1;
  text-decoration: none; border-radius: 2px; border: 1px solid var(--vc-wine);
  background: var(--vc-wine); color: var(--vc-on-dark); cursor: pointer;
  transition: background-color 0.2s var(--vc-ease), color 0.2s var(--vc-ease), transform 0.2s var(--vc-ease);
}
.vc a.vc-btn { color: var(--vc-on-dark); }
.vc-btn:hover { background: var(--vc-wine-deep); }
.vc-btn:active { transform: translateY(1px); }
.vc-btn--ghost, .vc a.vc-btn--ghost { background: transparent; color: var(--vc-wine); }
.vc-btn--ghost:hover, .vc a.vc-btn--ghost:hover { background: var(--vc-wine); color: var(--vc-on-dark); }
.vc-dark .vc-btn { background: var(--vc-gold-soft); border-color: var(--vc-gold-soft); color: var(--vc-ink); }
.vc-dark a.vc-btn { color: var(--vc-ink); }
.vc-dark .vc-btn:hover { background: var(--vc-on-dark); }
.vc-dark .vc-btn--ghost, .vc-dark a.vc-btn--ghost { background: transparent; color: var(--vc-on-dark); border-color: var(--vc-on-dark-muted); }
.vc-dark .vc-btn--ghost:hover, .vc-dark a.vc-btn--ghost:hover { background: var(--vc-on-dark); color: var(--vc-ink); }
.vc-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.vc-more { font-weight: 600; color: var(--vc-wine); }
.vc a.vc-more { color: var(--vc-wine); }
.vc-dark a.vc-more { color: var(--vc-gold-soft); }

/* ───── 첫 화면 ───── */
.vc-hero { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--vc-ivory); }
.vc-hero__text { padding: clamp(40px, 7vw, 88px) var(--vc-gutter) clamp(36px, 5vw, 64px); display: flex; flex-direction: column; justify-content: center; }
.vc-hero h1 { font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.24; }
.vc-hero__lead { margin-top: 24px; font-size: clamp(1.05rem, 1.5vw, 1.2rem); color: var(--vc-charcoal); max-width: 30em; }
.vc-hero .vc-actions { margin-top: 32px; }
.vc-hero__where { margin-top: 28px; font-size: 15px; color: var(--vc-muted); }
.vc-hero__media { position: relative; min-height: 300px; overflow: hidden; }
.vc-hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 900px) {
  .vc-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); min-height: min(680px, calc(100svh - 96px)); }
  .vc-hero__text { padding-left: max(var(--vc-gutter), calc((100vw - var(--vc-max) - var(--vc-quick)) / 2)); padding-right: clamp(32px, 4vw, 64px); }
}

/* 어두운 첫 화면 (줄기세포) */
.vc-hero--dark { position: relative; background: var(--vc-ink); color: var(--vc-on-dark); }
.vc-hero--dark h1 { color: var(--vc-on-dark); }
.vc-hero--dark .vc-hero__lead { color: var(--vc-on-dark-muted); }
.vc-hero--dark .vc-hero__where { color: var(--vc-on-dark-muted); }
@media (min-width: 900px) {
  .vc-hero--dark { grid-template-columns: minmax(0, 1fr); }
  .vc-hero--dark .vc-hero__media { position: absolute; inset: 0; }
  .vc-hero--dark .vc-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--vc-ink) 0%, var(--vc-veil) 34%, var(--vc-veil-0) 68%); }
  .vc-hero--dark .vc-hero__text { position: relative; z-index: 1; max-width: calc(620px + max(var(--vc-gutter), (100vw - var(--vc-max) - var(--vc-quick)) / 2)); }
}

/* ───── 구역 공통 ───── */
.vc-sec { padding-block: clamp(64px, 9vw, 120px); }
.vc-sec--paper { background: var(--vc-paper); }
.vc-sec--line { border-top: 1px solid var(--vc-line); }
.vc-dark { background: var(--vc-ink); color: var(--vc-on-dark); }
.vc-dark h2, .vc-dark h3 { color: var(--vc-on-dark); }
.vc-head { max-width: 760px; margin-bottom: clamp(32px, 4.5vw, 56px); }
.vc-head h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); line-height: 1.3; }
.vc-head p { margin-top: 16px; color: var(--vc-charcoal); max-width: 36em; }
.vc-dark .vc-head p { color: var(--vc-on-dark-muted); }
.vc-note { margin-top: 28px; font-size: 15px; color: var(--vc-muted); max-width: 46em; }
.vc-dark .vc-note { color: var(--vc-on-dark-muted); }

/* ───── 전환기 (대표 장치) ───── */
.vc-switch__tabs { display: grid; grid-template-columns: repeat(var(--vc-tabs, 3), minmax(0, 1fr)); border-bottom: 1px solid var(--vc-line); }
.vc-dark .vc-switch__tabs { border-bottom-color: var(--vc-hair-dark); }
.vc-switch__tab {
  appearance: none; background: none; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px;
  padding: 16px 8px 20px; min-height: 64px; cursor: pointer; text-align: left;
  font-family: var(--vc-body); font-size: 15px; line-height: 1.4; color: var(--vc-muted);
  transition: color 0.2s var(--vc-ease), border-color 0.2s var(--vc-ease);
}
.vc-switch__tab b { display: block; font-family: var(--vc-display); font-size: clamp(1.05rem, 2vw, 1.45rem); font-weight: 700; color: inherit; }
.vc-switch__tab:hover { color: var(--vc-ink); }
.vc-switch__tab[aria-selected="true"] { color: var(--vc-wine); border-bottom-color: var(--vc-wine); }
.vc-dark .vc-switch__tab { color: var(--vc-on-dark-muted); }
.vc-dark .vc-switch__tab:hover { color: var(--vc-on-dark); }
.vc-dark .vc-switch__tab[aria-selected="true"] { color: var(--vc-gold-soft); border-bottom-color: var(--vc-gold-soft); }

.vc-switch__panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); padding-top: clamp(28px, 4vw, 48px); }
.vc-switch__panel + .vc-switch__panel { margin-top: 40px; border-top: 1px solid var(--vc-line); }
.vc-switch.is-ready .vc-switch__panel + .vc-switch__panel { margin-top: 0; border-top: 0; }
.vc-switch.is-ready .vc-switch__panel[hidden] { display: none; }
.vc-switch.is-ready .vc-switch__panel { animation: vc-rise 0.5s var(--vc-ease); }
@keyframes vc-rise { from { transform: translateY(10px); } to { transform: none; } }
.vc-switch__panel h3 { font-size: clamp(1.35rem, 2.4vw, 1.9rem); line-height: 1.35; }
.vc-switch__panel h3 + p { margin-top: 12px; }
.vc-switch__panel p { max-width: 34em; }
@media (min-width: 860px) { .vc-switch__panel { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); } }

.vc-list { border-top: 1px solid var(--vc-ink); }
.vc-dark .vc-list { border-top-color: var(--vc-on-dark); }
.vc-list li { padding: 16px 0; border-bottom: 1px solid var(--vc-line); display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr); gap: 16px; align-items: baseline; }
.vc-dark .vc-list li { border-bottom-color: var(--vc-hair-dark); }
.vc-list b { font-weight: 700; }
.vc-list span { color: var(--vc-charcoal); font-size: 16px; }
.vc-dark .vc-list span { color: var(--vc-on-dark-muted); }
.vc-list + .vc-more, .vc-list + p { display: inline-block; margin-top: 20px; }

/* ───── 표 ───── */
.vc-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.vc-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 16px; }
.vc-table caption { text-align: left; font-size: 15px; color: var(--vc-muted); padding-bottom: 12px; caption-side: top; }
.vc-table th, .vc-table td { text-align: left; vertical-align: top; padding: 20px 20px 20px 0; border-bottom: 1px solid var(--vc-line); font-weight: 400; }
.vc-table thead th { font-size: 15px; color: var(--vc-muted); border-bottom: 1px solid var(--vc-ink); padding-block: 12px; }
.vc-table tbody th { font-family: var(--vc-display); font-weight: 700; font-size: 1.15rem; width: 26%; }
.vc-dark .vc-table th, .vc-dark .vc-table td { border-bottom-color: var(--vc-hair-dark); }
.vc-dark .vc-table thead th { color: var(--vc-on-dark-muted); border-bottom-color: var(--vc-on-dark); }
.vc-dark .vc-table caption { color: var(--vc-on-dark-muted); }

/* ───── 사진 + 글 ───── */
.vc-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.vc-split__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.vc-split__media--square img { aspect-ratio: 1 / 1; }
.vc-split h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); line-height: 1.3; }
.vc-split h2 + p { margin-top: 20px; }
.vc-split p + p { margin-top: 12px; }
@media (min-width: 860px) {
  .vc-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .vc-split--flip .vc-split__media { order: 2; }
}

/* ───── 큰 문장 ───── */
.vc-quote { font-family: var(--vc-display); font-weight: 700; font-size: clamp(1.5rem, 3.4vw, 2.6rem); line-height: 1.45; letter-spacing: -0.02em; max-width: 22em; text-wrap: balance; }
.vc-quote + p { margin-top: 24px; color: var(--vc-on-dark-muted); max-width: 36em; }

/* ───── 용량·구성 ───── */
.vc-pair { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 1px solid var(--vc-ink); }
.vc-pair > div { padding: 32px 0; border-bottom: 1px solid var(--vc-line); }
.vc-pair h3 { font-size: clamp(1.3rem, 2.2vw, 1.7rem); }
.vc-pair p { margin-top: 12px; max-width: 30em; }
.vc-vols { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 28px; margin-top: 24px; }
.vc-vols li { font-family: var(--vc-display); font-weight: 700; line-height: 1; color: var(--vc-wine); font-variant-numeric: tabular-nums; }
.vc-vols small { font-family: var(--vc-body); font-weight: 400; font-size: 14px; color: var(--vc-muted); display: block; margin-top: 8px; }
.vc-vols .s1 { font-size: 2rem; } .vc-vols .s2 { font-size: 2.6rem; } .vc-vols .s3 { font-size: 3.3rem; }
@media (min-width: 860px) {
  .vc-pair { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .vc-pair > div { padding: 40px 48px 40px 0; }
  .vc-pair > div + div { padding-left: 48px; padding-right: 0; border-left: 1px solid var(--vc-line); }
}

/* ───── 순서 ───── */
.vc-steps { counter-reset: vc; display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--vc-ink); }
.vc-steps li { counter-increment: vc; padding: 24px 0 24px; border-bottom: 1px solid var(--vc-line); display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); column-gap: 8px; }
.vc-steps li::before { content: counter(vc); font-family: var(--vc-display); font-weight: 700; font-size: 1.9rem; line-height: 1.1; color: var(--vc-gold); font-variant-numeric: tabular-nums; }
.vc-steps b { display: block; font-size: 1.1rem; }
.vc-steps span { display: block; margin-top: 4px; color: var(--vc-charcoal); font-size: 16px; }
@media (min-width: 860px) {
  .vc-steps { grid-template-columns: repeat(var(--vc-cols, 5), minmax(0, 1fr)); column-gap: 28px; }
  .vc-steps li { display: block; border-bottom: 0; padding-top: 24px; }
  .vc-steps li::before { display: block; margin-bottom: 12px; }
}

/* ───── 두 칸 안내 ───── */
.vc-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px clamp(32px, 6vw, 88px); }
.vc-cols h3 { font-size: 1.35rem; padding-bottom: 12px; border-bottom: 1px solid var(--vc-ink); }
.vc-dark .vc-cols h3 { border-bottom-color: var(--vc-on-dark); }
.vc-cols li { padding: 12px 0; border-bottom: 1px solid var(--vc-line); }
.vc-dark .vc-cols li { border-bottom-color: var(--vc-hair-dark); }
@media (min-width: 860px) { .vc-cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.vc-alert { margin-top: 36px; padding: 24px 24px; background: var(--vc-paper); border: 1px solid var(--vc-wine); max-width: 46em; }
.vc-alert b { color: var(--vc-wine); }

/* ───── 칼럼 목록 ───── */
.vc-reads { border-top: 1px solid var(--vc-ink); }
.vc-reads a { display: block; padding: 20px 0; border-bottom: 1px solid var(--vc-line); text-decoration: none; font-family: var(--vc-display); font-weight: 700; font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.5; transition: color 0.2s var(--vc-ease), transform 0.3s var(--vc-ease); }
.vc-reads a:hover { color: var(--vc-wine); transform: translateX(8px); }
.vc-reads + .vc-more { display: inline-block; margin-top: 24px; }

/* ───── 질문 ───── */
.vc-faq { border-top: 1px solid var(--vc-ink); max-width: 860px; }
.vc-faq details { border-bottom: 1px solid var(--vc-line); }
.vc-faq summary { list-style: none; cursor: pointer; padding: 24px 44px 24px 0; position: relative; font-weight: 700; font-size: 1.1rem; line-height: 1.5; min-height: 44px; }
.vc-faq summary::-webkit-details-marker { display: none; }
.vc-faq summary::after { content: ""; position: absolute; right: 8px; top: 30px; width: 11px; height: 11px; border-right: 2px solid var(--vc-wine); border-bottom: 2px solid var(--vc-wine); transform: rotate(45deg); transition: transform 0.25s var(--vc-ease); }
.vc-faq details[open] summary::after { transform: rotate(-135deg); }
.vc-faq summary:hover { color: var(--vc-wine); }
.vc-faq details p { padding: 0 44px 24px 0; color: var(--vc-charcoal); }

/* ───── 방문 ───── */
.vc-visit { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); }
.vc-visit h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); line-height: 1.3; }
.vc-visit h2 + p { margin-top: 16px; color: var(--vc-on-dark-muted); max-width: 26em; }
.vc-visit .vc-actions { margin-top: 32px; }
.vc-facts { border-top: 1px solid var(--vc-on-dark); }
.vc-facts div { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--vc-hair-dark); }
.vc-facts dt { color: var(--vc-on-dark-muted); font-size: 15px; }
.vc-facts a { color: var(--vc-on-dark); }
@media (min-width: 860px) { .vc-visit { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: start; } }

.vc-legal { padding-block: 32px 48px; font-size: 14px; line-height: 1.7; color: var(--vc-muted); background: var(--vc-ivory); }
.vc-legal p { max-width: 60em; }

@media (max-width: 599px) {
  .vc { font-size: 16px; }
  .vc-list li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .vc-switch__tab { padding-inline: 4px; font-size: 13px; }
  .vc-actions .vc-btn { flex: 1 1 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .vc *, .vc *::before, .vc *::after { animation: none !important; transition: none !important; }
}

.vc [id] { scroll-margin-top: 96px; }

@media (max-width: 699px) {
  .vc-table { min-width: 0; }
  .vc-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .vc-table tbody tr { display: block; padding: 20px 0; border-bottom: 1px solid var(--vc-line); }
  .vc-table tbody tr:first-child { border-top: 1px solid var(--vc-ink); }
  .vc-table tbody th, .vc-table tbody td { display: block; width: auto; padding: 0; border: 0; }
  .vc-table tbody td { margin-top: 8px; }
  .vc-table tbody td:last-child { color: var(--vc-muted); font-size: 15px; }
  .vc-table tbody td:last-child::before { content: "상담에서 정하는 것: "; }
}

/* ───── 장비 ───── */
.vc-depth { display: grid; grid-template-columns: minmax(0, 1fr); }
.vc-depth > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 32px; padding: 24px clamp(20px, 3vw, 36px); align-items: baseline; }
.vc-depth > div:nth-child(1) { background: var(--vc-paper); border: 1px solid var(--vc-line); border-bottom: 0; }
.vc-depth > div:nth-child(2) { background: var(--vc-gold-soft); }
.vc-depth > div:nth-child(3) { background: var(--vc-wine); color: var(--vc-on-dark); }
.vc-depth b { font-family: var(--vc-display); font-size: 1.2rem; letter-spacing: -0.02em; }
.vc-depth strong { font-weight: 700; }
.vc-depth span { font-size: 15px; }
@media (min-width: 860px) { .vc-depth > div { grid-template-columns: 9rem minmax(0, 1.2fr) minmax(0, 1fr); } }


.vc-devs { margin-top: clamp(32px, 4vw, 48px); border-top: 1px solid var(--vc-ink); }
.vc-devs > li { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px 40px; padding: 28px 0; border-bottom: 1px solid var(--vc-line); }
.vc-devs h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.35; }
.vc-devs h3 + p { margin-top: 4px; font-size: 15px; color: var(--vc-wine); font-weight: 600; }
.vc-devs dl { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px 40px; }
.vc-devs dt { font-size: 14px; color: var(--vc-muted); }
.vc-devs dd { font-size: 16px; }
@media (min-width: 860px) {
  .vc-devs > li { grid-template-columns: 132px minmax(0, 0.7fr) minmax(0, 2fr); align-items: start; }
  .vc-devs dl { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.vc-crit { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 40px; counter-reset: vcc; margin-top: clamp(40px, 5vw, 64px); }
.vc-crit li { counter-increment: vcc; padding: 20px 0; border-top: 1px solid var(--vc-ink); }
.vc-crit li::before { content: counter(vcc); display: block; font-family: var(--vc-display); font-weight: 700; font-size: 1.5rem; color: var(--vc-gold); }
.vc-crit b { display: block; margin-top: 4px; font-size: 1.1rem; }
.vc-crit span { display: block; margin-top: 4px; font-size: 16px; color: var(--vc-charcoal); }
@media (min-width: 860px) { .vc-crit { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.vc-devs figure { margin: 0; width: 132px; height: 132px; padding: 12px; background: var(--vc-paper); border: 1px solid var(--vc-line); }
.vc-devs figure img { width: 100%; height: 100%; object-fit: contain; }

/* Related treatment links follow the guide's existing ruled-list layout. */
.vc-devs .vc-device-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; font-size: 14px; }
.vc-treatment-list { border-top: 1px solid var(--vc-ink); }
.vc-treatment-list > li { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px 48px; padding: 28px 0; border-bottom: 1px solid var(--vc-line); }
.vc-treatment-list h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.4; }
.vc-treatment-list h3 + p { max-width: 38ch; margin-top: 8px; font-size: 16px; color: var(--vc-muted); }
.vc-treatment-programs { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.vc-treatment-programs a { display: inline-flex; align-items: center; min-height: 44px; font-size: 16px; color: var(--vc-wine); }
.vc-treatment-actions { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 12px; }
.vc-treatment-actions a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
.vc-treatment-programs a:hover, .vc-treatment-actions a:hover { color: var(--vc-wine-deep); }
.vc-vols a { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 4px; border-radius: 2px; text-decoration-thickness: 1px; }
@media (min-width: 860px) { .vc-treatment-list > li { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); } }