/* Chemical Peels page-specific presentation.
   Shared Skin structure remains owned by skin-spokes.css. */

.chemical-peels-page .skin-hero__grid {
  grid-template-columns: minmax(0, 1.32fr) minmax(340px, .68fr);
}

.peel-difference-card .skin-eyebrow {
  margin-bottom: 32px;
  white-space: nowrap;
}

.peel-difference-card .peel-difference-card__credentials {
  margin: 16px 0;
}

.peel-difference-card__doctor {
  color: var(--gold-dark);
  font-weight: 700;
}

.peel-faq-question {
  margin-top: 24px;
  text-align: center;
}

.peel-faq-question__link {
  appearance: none;
  padding: 0;
  color: var(--bronze);
  background: none;
  border: 0;
  border-bottom: 1px solid currentColor;
  font: 600 15px/1.5 var(--sans);
  cursor: pointer;
}

.peel-faq-question__link:hover,
.peel-faq-question__link:focus-visible {
  color: var(--gold-dark);
}

@media(max-width: 900px) {
  .chemical-peels-page .skin-hero__grid {
    grid-template-columns: 1fr;
  }

  .peel-difference-card .skin-eyebrow {
    white-space: normal;
  }
}


/* Compact-width refinement: page-owned so other Skin spokes retain their approved geometry. */
@media(max-width:640px){
  .chemical-peels-page .skin-comparison{margin-inline:0;-webkit-overflow-scrolling:touch}
  .chemical-peels-page .skin-comparison table{min-width:640px}
}
@media(max-width:430px){
  .chemical-peels-page .skin-hero{padding-block:48px 42px}
  .chemical-peels-page .skin-eyebrow{font-size:11px;letter-spacing:.19em}
  .chemical-peels-page .skin-hero h1{font-size:clamp(35px,10vw,42px)}
  .chemical-peels-page .skin-card{padding:22px 19px}
  .chemical-peels-page .skin-card strong{font-size:21px}
  .chemical-peels-page .skin-section,.chemical-peels-page .skin-callout{padding-block:44px}
  .chemical-peels-page .skin-item{padding:21px 18px}
  .chemical-peels-page .skin-comparison th,.chemical-peels-page .skin-comparison td{padding:14px}
  .peel-faq-question{margin-top:20px}
  .peel-faq-question__link{font-size:14px}
}