/* Testimonial card component. SINGLE SOURCE OF TRUTH, shared across sites:
   the portfolio renders the live cards from it and the Peers app loads it
   from https://danielserrano.com/css/tcard.css for the post-submit preview.
   Layout around the cards (the .testimonials grid, fallback line, More
   button) stays site-local; only the card itself lives here. Both sites
   define the .card base and the --hi2/--ink/--mut tokens. */
.tcard{display:flex;flex-direction:column;gap:14px;padding:24px;}
.tcard .tq{color:#c4c8d6;font-size:15px;line-height:1.65;margin:0;flex:1;}
.tcard .tq::before{content:"\201C";color:var(--hi2);font-weight:800;margin-right:2px;}
.tcard .tq::after{content:"\201D";color:var(--hi2);font-weight:800;margin-left:2px;}
.tcard .tword{margin:0;font-size:14px;color:var(--ink);}
.tcard .tword-label{color:#c4c8d6;font-weight:500;}
.tcard .tword b{color:var(--ink);font-weight:800;}
.tcard .twho{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:14px;}
/* 96px: the avatar masters are 96 and 192, so 1x and 2x screens both draw them 1:1 */
.tcard .tav{width:96px;height:96px;flex-shrink:0;border-radius:10px;display:block;image-rendering:pixelated;
  background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);}
.tcard .tid{flex:1;min-width:0;}
.tcard .tname{font-size:15px;font-weight:700;color:var(--ink);}
.tcard .tmeta{font-size:12.5px;color:var(--mut);font-weight:600;margin-top:2px;letter-spacing:.2px;}
.tcard .tmeta b{font-weight:800;}
.tcard .trel{color:var(--hi2);}
.tcard .tli{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;
  border:1px solid rgba(255,255,255,.1);color:var(--mut);transition:color .2s,border-color .2s;}
.tcard .tli:hover{color:var(--ink);border-color:var(--hi2);}