/* Reusable component: no dependency on .public-site or homepage styles. */
.testimonials { padding-block: clamp(48px, 5.6vw, 80px); background: #f7f2e9; color: #23404a; }
.testimonials__inner { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: clamp(20px, 3vw, 32px); }
.testimonials__heading { max-width: 720px; margin: 0 auto 28px; text-align: center; }
.testimonials__heading h2 { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.75rem, 2.8vw, 2.25rem); line-height: 1.25; margin: 0 0 12px; text-wrap: balance; color: #215f6d; }
.testimonials__heading > p:last-child { margin: 0; line-height: 1.6; }
.testimonials__eyebrow { color: #526469; font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 12px; }
.testimonials__track { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 3); gap: 24px; list-style: none; padding: 4px 0 12px; margin: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #8caaa9 #eee8dc; }
.testimonials__track[data-count='1'] { grid-auto-columns: 100%; max-width: 720px; margin-inline: auto; }
.testimonials__item { min-width: 0; display: flex; flex-direction: column; padding: 24px; border-top: 2px solid #b88d57; background: #fffdf8; scroll-snap-align: start; }
.testimonials__item figure { display: flex; flex-direction: column; flex: 1; margin: 0; }
.testimonials__quote-mark { height: 30px; color: #8a632f; font: 3rem/1 Georgia, serif; }
.testimonials__treatment { font-size: .75rem; line-height: 1.5; color: #526469; margin: 4px 0 12px; }
.testimonials__item blockquote { margin: 0 0 24px; font: 1.15rem/1.6 'Playfair Display', Georgia, serif; }
.testimonials__item blockquote p { margin: 0; }
.testimonials__item figcaption { margin-top: auto; }
.testimonials__author { display: block; font-size: .9rem; font-weight: 600; }
.testimonials__source { display: block; font-size: .78rem; color: #526469; margin-top: 4px; }
.testimonials__item > a { display: inline-flex; align-items: center; min-height: 44px; align-self: flex-start; margin-top: 12px; color: #215f6d; font-size: .82rem; text-decoration: underline; text-underline-offset: 4px; }
.testimonials__controls { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 12px; }
.testimonials__controls[hidden] { display: none; }
.testimonials__controls button { width: 44px; height: 44px; border: 1px solid #52777d; border-radius: 50%; background: transparent; color: #215f6d; font-size: 1.2rem; cursor: pointer; }
.testimonials__controls button:disabled { opacity: .45; cursor: default; }
.testimonials__position { min-width: 4ch; text-align: center; font-size: .82rem; font-variant-numeric: tabular-nums; }
.testimonials :is(a, button, [tabindex]):focus-visible { outline: 3px solid #215f6d; outline-offset: 2px; }
.testimonials__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (min-width: 768px) {
  .testimonials__track[data-count='2'] { grid-auto-columns: calc((100% - 24px) / 2); }
}
@media (max-width: 767.98px) {
  .testimonials__track { grid-auto-columns: calc(100% - 40px); gap: 16px; }
  .testimonials__item { padding: 20px; }
}
@media print {
  .testimonials__track { display: block; overflow: visible; }
  .testimonials__item { break-inside: avoid; margin-bottom: 12px; }
  .testimonials__controls { display: none; }
}