/* Client stories (from our Senja wall, stories.futurexleader.com) - 16 Oct 2026.
   Quotes are verbatim excerpts of approved Senja testimonials ("…" marks a cut); the <mark> is the
   person's own phrase that is highlighted on Senja. Each page sets its colours with --xs-* on the section. */
.xs{--xs-ink:#1B1F3B;--xs-mut:#5B5F78;--xs-acc:#2B3BB0;--xs-line:#E6E2DC;--xs-card:#fff;--xs-mark:rgba(43,59,176,.14);--xs-star:#C9962B;--xs-ini:#EEF0FA}
.xs-lede{margin:0;max-width:640px;font-size:17px;line-height:1.55;color:var(--xs-lede,var(--xs-mut))}
.xs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none}
.xs-c{margin:0;display:flex;flex-direction:column;gap:16px;background:var(--xs-card);border:1px solid var(--xs-line);border-radius:18px;padding:28px 26px 22px;color:var(--xs-ink);text-align:left}
.xs-st{margin:0;color:var(--xs-star);font-size:15px;letter-spacing:.16em;line-height:1}
.xs-c blockquote{margin:0;flex:1 1 auto}
.xs-c blockquote p{margin:0;font-size:16px;line-height:1.65;color:var(--xs-ink);font-weight:400;letter-spacing:0}
.xs-c blockquote p:lang(zh){font-size:16px;line-height:1.85}
.xs-c mark{background:linear-gradient(transparent 56%,var(--xs-mark) 56%);color:inherit;padding:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.xs-c figcaption{display:flex;align-items:center;gap:12px;min-height:76px;padding-top:16px;border-top:1px solid var(--xs-line)}
.xs-av{width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;display:block;background:var(--xs-ini)}
.xs-ini{display:grid;place-items:center;font-size:18px;font-weight:600;color:var(--xs-acc)}
.xs-who{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.xs-who b{font-size:15px;font-weight:600;color:var(--xs-ink)}
.xs-who span{font-size:13.5px;color:var(--xs-mut)}
.xs-foot{margin:28px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:14px;color:var(--xs-lede,var(--xs-mut))}
.xs-all{font-weight:600;font-size:15.5px;color:var(--xs-link,var(--xs-acc));text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.xs-all:hover{opacity:.8}
.xs-all:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
/* Phones and small tablets: swipe through the cards, the next one peeks in */
@media (max-width:960px){
  .xs-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82%,380px);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-left:-24px;margin-right:-24px;padding:0 24px 6px;scroll-padding:0 24px;scrollbar-width:none}
  .xs-grid::-webkit-scrollbar{display:none}
  .xs-c{scroll-snap-align:start;padding:24px 22px 20px}
}