/* ==========================================================================
   TESTIMONIAL — Shared quotation component

   Usage:
     <section class="testimonial-section" aria-labelledby="…">
       <h2 class="testimonial-section__label" id="…">…</h2>
       <figure class="testimonial">
         <span class="testimonial__mark" aria-hidden="true">&ldquo;</span>
         <blockquote class="testimonial__quote"><p>…</p></blockquote>
         <figcaption class="testimonial__cite">…</figcaption>
       </figure>
     </section>

   Quote text and attribution are approved copy: reproduce them verbatim.
   No logo, name or photograph is shown — none has been approved.
========================================================================== */

.testimonial-section {
  max-width: 920px;
  margin: 24px auto;
  padding: 24px;
}

.testimonial-section__label {
  margin: 0 0 16px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #c2410c;          /* AA on the light page background */
}

.testimonial {
  position: relative;
  margin: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 40px 48px 32px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.testimonial__mark {
  position: absolute;
  top: 6px;
  left: 22px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 84px;
  line-height: 1;
  color: #d6e4fb;
  pointer-events: none;
  user-select: none;
}

.testimonial__quote {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}

.testimonial__quote p {
  margin: 0 0 14px;
  font-size: 18px;
  line-height: 1.7;
  color: #0f172a;
}

.testimonial__quote p:last-child { margin-bottom: 0; }

.testimonial__cite {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
  font-size: 14px;
  line-height: 1.55;
  color: #475569;
}

.testimonial__role {
  font-weight: 700;
  color: #004080;
}

/* Optional supporting links beneath the quote */
.testimonial-section__links {
  margin: 18px 0 0;
  text-align: center;
  font-size: 14px;
}
.testimonial-section__links a {
  color: #004080;
  font-weight: 700;
  text-decoration: none;
  margin: 0 10px;
  display: inline-block;
}
.testimonial-section__links a:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .testimonial-section { padding: 16px; }
  .testimonial { padding: 36px 22px 24px; }
  .testimonial__mark { font-size: 64px; left: 14px; top: 4px; }
  .testimonial__quote p { font-size: 16px; }
}