:root {
  --jointhealth-bg: #f4f8f7;
  --jointhealth-surface: #ffffff;
  --jointhealth-tone: #0e8388;
  --jointhealth-tone-hover: #096367;
  --jointhealth-ink: #0f172a;
  --jointhealth-subtle: #eef6f5;
  --jointhealth-header-grad: linear-gradient(135deg, #0e8388 0%, #1e293b 100%);
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Mulish', sans-serif;
}

/* Preset B - CSS Radio Gallery Display Logic */
.pp-joint-slide {
  display: none;
}

#pp-img-1:checked ~ div .pp-slide-frame-1 {
  display: block;
}

#pp-img-2:checked ~ div .pp-slide-frame-2 {
  display: block;
}

#pp-img-3:checked ~ div .pp-slide-frame-3 {
  display: block;
}

#pp-img-4:checked ~ div .pp-slide-frame-4 {
  display: block;
}

/* Thumbnail Borders (Preset B: side with border) */
.pp-joint-thumb-lbl {
  border: 2px solid #cbd5e1;
  background-color: #ffffff;
}

#pp-img-1:checked ~ div label[for="pp-img-1"],
#pp-img-2:checked ~ div label[for="pp-img-2"],
#pp-img-3:checked ~ div label[for="pp-img-3"],
#pp-img-4:checked ~ div label[for="pp-img-4"] {
  border-color: var(--jointhealth-tone);
  box-shadow: 0 0 0 1px var(--jointhealth-tone);
}

/* Preset B CTA Button Style: Rectangular with box-shadow */
.pp-joint-cta-button {
  background-color: var(--jointhealth-tone);
  border-radius: 4px;
  box-shadow: 0 6px 20px rgba(14, 131, 136, 0.35);
  font-family: var(--font-display);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.pp-joint-cta-button:hover {
  background-color: var(--jointhealth-tone-hover);
  box-shadow: 0 8px 25px rgba(14, 131, 136, 0.45);
}