/* Compact first-quote statistics, using the homepage colours and typography. */
.home-quote-times {
  padding: 32px 0 48px;
}
.home-quote-times .section-title {
  margin-bottom: 24px;
}
.home-quote-times .section-title h2 {
  margin-bottom: 0;
  white-space: nowrap;
}
.home-quote-times .section-title h2 .text-accent { display: inline; }
.home-quote-time-card .quote-time-ring {
  display: inline-block;
  position: relative;
  width: max-content;
}
.home-quote-time-card .quote-time-ring::after {
  content: "";
  position: absolute;
  inset: -6px -10px;
  border: 2px solid #ee7f1e;
  border-radius: 50%;
  pointer-events: none;
}
.home-quote-times-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.home-quote-time-card {
  min-width: 0;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
  text-align: center;
}
.home-quote-time-card strong {
  display: block;
  color: #005aba;
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 8px;
}
.home-quote-time-card:nth-child(2) strong { color: #ee7f1e; }
.home-quote-time-card:nth-child(3) strong { color: #008b22; }
.home-quote-time-card h3 {
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 4px;
}
.home-quote-time-card p {
  font-size: 14px;
  line-height: 1.5;
  color: #5f6e83;
  margin: 0;
}
.home-quote-times .quote-times-note,
.home-quote-times details {
  margin: 16px 0 0;
  color: #5f6e83;
  font-size: 13px;
  line-height: 1.6;
}
.home-quote-times details { margin-top: 6px; }
.home-quote-times details p { font: inherit; margin: 8px 0 0; }
.home-quote-times summary { cursor: pointer; }
@media (max-width: 767px) {
  .home-quote-times { padding: 24px 0 32px; }
  .home-quote-times-grid { grid-template-columns: 1fr; gap: 12px; }
  .home-quote-time-card {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    padding: 18px;
    text-align: left;
  }
  .home-quote-time-card strong { margin: 0; font-size: 28px; }
  .home-quote-time-card h3 { font-size: 16px; }
  .home-quote-time-card p { font-size: 13px; }
}

@media (max-width: 767px) {
  .home-quote-times .section-title h2 { font-size: 22px; }
}
@media (max-width: 374px) {
  .home-quote-times .section-title h2 { font-size: 20px; }
}
