/* fx-review-carousel: swipeable review cards with native scroll-snap. No autoplay (people read at their own pace),
   arrows + "2 / 6" counter, the next card peeks so phones show there is more. */
[data-fx~="review-carousel"]{position:relative}
.rc-track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--rc-w,min(84%,400px));gap:var(--rc-gap,16px);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:2px;padding:4px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rc-track::-webkit-scrollbar{display:none}
.rc-track>*{scroll-snap-align:start;margin:0}
.rc-track:focus-visible{outline:3px solid var(--a,#d9622b);outline-offset:4px}
.rc-ctl{display:flex;align-items:center;gap:10px;margin-top:18px}
.rc-ctl button{width:48px;height:48px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;transition:opacity .2s,background .2s}
.rc-ctl button:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}
.rc-ctl button:disabled{opacity:.3;cursor:default}
.rc-ctl svg{width:20px;height:20px}
.rc-ctl .rc-n{font:600 15px/1 var(--bf,system-ui);font-variant-numeric:tabular-nums;min-width:4.5ch;text-align:center}
@media (prefers-reduced-motion:no-preference){.rc-track{scroll-behavior:smooth}}
