/* Testimonial card copied from the live linkvendors.com homepage Testimonials section (#reviews, 30 Oct 2026):
   reviews-r16.css + reviews-r17.css (.r17 / .r17-c overrides already applied: straight card, solo bubble) + polish.css
   (.r19-person icon). Same markup classes; values unchanged. Scoped under .lv-testimonial so the blog CSS keeps working,
   and the blog's own blockquote style (.post-body blockquote) is reset for the bubble. Single card, max 520px
   (the homepage's one-column width). */
.lv-testimonial { --ink: #1a1a1a; --ink-2: #4a4a4a; --muted: #5f6672; --butter: #f7e857; --sans: Outfit, system-ui, sans-serif;
  max-width: 520px; margin: 28px 0 8px; }
.lv-testimonial .r16q-art { position: relative; padding: 12px 6px; }
.lv-testimonial .r16q-card { position: relative; display: grid; align-content: center; justify-items: start; gap: 14px; min-height: 250px;
  padding: 30px 22px; border: 2px solid var(--ink); border-radius: 20px; transform: none; background-color: var(--butter);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='none'%3E%3Cpath d='M-10 180 90 120 70 220 190 170 150 320 -10 320 Z M200 -20 300 -20 250 70 380 40 330 140 420 160 420 -20 Z' fill='%231d1d1b'/%3E%3C/svg%3E");
  background-size: 100% 100%; box-shadow: 0 18px 30px -22px rgba(0,0,0,.5); }
.post-body .lv-testimonial blockquote.r17-solo { max-width: 100%; margin: 0; padding: 16px 20px 18px; background: #fff; border: 2px solid var(--ink);
  border-radius: 6px 22px 22px 22px; box-shadow: 4px 4px 0 var(--ink); font: 500 20px/1.42 var(--sans); letter-spacing: -.01em; color: var(--ink); }
.lv-testimonial .r16q-by { display: flex; align-items: center; gap: 14px; margin-top: 24px; padding-left: 4px; }
.lv-testimonial .r16q-ava { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%;
  border: 3px solid var(--butter); box-shadow: 0 0 0 1.5px var(--ink); background: #fff; }
.lv-testimonial .r16q-ava svg { width: 30px; height: 30px; fill: var(--ink); stroke: none; }
/* Attribution kept as one line of the draft's wording ("Ben, runs a portfolio..."): name in the homepage's bold style. */
.post-body .lv-testimonial .r16q-by p { margin: 0; font: 400 14.5px/1.35 var(--sans); color: var(--ink-2); }
.lv-testimonial .r16q-by b { font: 700 16.5px/1.2 var(--sans); color: var(--ink); }
@media (max-width: 960px) { .lv-testimonial .r16q-card { min-height: 0; } }