/* Lightweight, single-quote presentation. No globe or horizontal scrolling. */
.quotes.review-simple{display:block;overflow:visible;scroll-snap-type:none;scroll-behavior:auto;-webkit-mask-image:none;mask-image:none;max-width:690px;min-height:180px;margin:32px auto 0;padding:8px 12px;touch-action:pan-y}
.quotes.review-simple .quote{display:block;max-width:100%;margin:0 auto;text-align:center}
.quotes.review-simple .quote[hidden]{display:none!important}
.quotes.review-simple .quote p{font-family:'Crimson Pro',Georgia,serif;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.45}
.quotes.review-simple .quote .who{text-align:center;margin-top:20px}
.quotes.review-simple:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.quotes.review-simple .quote{animation:none}}


/* Accessible 36px tap area, with the original small gold dot preserved visually. */
.qdots { gap: 4px; align-items: center; }
.qdots .qdot,
.qdots .qdot[aria-current="true"] {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  transform: none;
}
.qdots .qdot::before {
  content: "";
  width: 9px;
  height: 9px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid rgba(212,182,97,.75);
  background: transparent;
}
.qdots .qdot[aria-current="true"]::before {
  background: var(--gold);
  border-color: var(--gold);
}
html.lightmode .qdots .qdot::before { border-color: rgba(125,98,36,.8); }
html.lightmode .qdots .qdot[aria-current="true"]::before {
  background: #7d6224;
  border-color: #7d6224;
}
.qdots .qdot:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 1px;
}