/* Testimonial card — shared by the wall (index.html) and each embed (embed.html) */
:root {
  --deep-blue: #005282;
  --nude: #EBD4CD;
  --plum: #65254D;
  --gold: #BE8C44;
  --ivory: #FBF7F4;
  --ink: #2a2530;
  --muted: #6b6270;
  --serif: "Bangla MN", "Cormorant Garamond", Georgia, serif;
}

.t-card {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid var(--nude);
  border-top: 3px solid var(--deep-blue);
  border-radius: 6px;
  padding: 32px 30px 26px;
  font-family: var(--serif);
  color: var(--ink);
}
.t-mark {
  display: block;
  font-size: 56px;
  line-height: 0.6;
  height: 24px;
  color: var(--gold);
  font-family: Georgia, serif;
}
.t-quote {
  margin: 0 0 24px;
  font-size: 21px;
  line-height: 1.7;
}
.t-person {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 18px;
  border-top: 1px solid var(--nude);
}
.t-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  flex: none;
  object-fit: cover;
  background: var(--deep-blue);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 20px;
}
.t-name {
  font-size: 18px;
  color: var(--deep-blue);
  font-weight: bold;
}
.t-title {
  font-size: 15px;
  color: var(--muted);
}