/*
 * 學員見證：卡片底色依序白、墨藍、橘輪替。每張卡改寫區段的 --s-* 變數，
 * .lws-card 的底色、框線與文字色都跟著換，淺底與深底區段都一樣。
 * 強調色底的卡上所有文字都用 --accent-fg（基底是橘底配墨藍：白字與灰字在橘底對比不足）。
 */
.lws-testimonials .lws-quotes {
  align-items: start;
}
.lws-testimonials .lws-quote.is-paper {
  --s-raised: var(--bg-raised);
  --s-fg: var(--fg);
  --s-muted: var(--fg-muted);
  --s-line: var(--line);
}
.lws-testimonials .lws-quote.is-ink {
  --s-raised: var(--bg-inverse);
  --s-fg: var(--fg-inverse);
  --s-muted: var(--fg-inverse-muted);
  --s-line: var(--line-inverse);
}
.lws-testimonials .lws-quote.is-accent {
  --s-raised: var(--accent);
  --s-fg: var(--accent-fg);
  --s-muted: var(--accent-fg);
  --s-line: var(--accent);
}
.lws-testimonials .lws-quote {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin: 0;
  color: var(--s-fg);
}
/* 重設佈景主題對 blockquote 的預設樣式（左框線、斜體、外距） */
.lws-testimonials .lws-quote__text {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--s-fg);
  font-style: normal;
}
.lws-testimonials .lws-quote__text p {
  margin: 0;
  font-size: var(--text-md);
  line-height: var(--leading-loose);
}
.lws-testimonials .lws-quote__who {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
/*
 * 頭像不指定 --font-display：內容是後台自由輸入的名字第一個字，任何字都可能出現，
 * 若用品牌字型，未涵蓋在常用分塊的字會各自觸發一塊新的字型分塊（實測某些字一個就近
 * 200KB），沒有上限。沿用區段預設的 --font-body（不含中文字集，退回系統字型），
 * 與 .lws-quote__name 同一種處理方式。
 */
.lws-testimonials .lws-quote__avatar {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--space-7);
  height: var(--space-7);
  border-radius: var(--radius-pill);
  background: var(--s-fg);
  color: var(--s-raised);
  font-size: var(--text-md);
  font-weight: 700;
}
.lws-testimonials .lws-quote__meta {
  display: flex;
  flex-direction: column;
}
.lws-testimonials .lws-quote__name {
  color: var(--s-fg);
  font-weight: 700;
}
.lws-testimonials .lws-quote__role {
  color: var(--s-muted);
  font-size: var(--text-sm);
}