/* ── Final quote CTA ───────────────────────────────────────────────
   One closing call-to-action across the content pages: a pale aqua
   card with the copy on the left and the actions on the right.
   Class hooks: .final-quote-cta on the section, .final-cta-wrap on the
   .wrap that carries it (band pages), .ed-end.final-quote-cta on the
   editorial pages where the section is the card itself.
   Loaded last on each page so it wins the cascade without !important. */

.cta-band.final-quote-cta {
  background: #e3f1f4;
  border: 1px solid #c3dce3;
  border-radius: 24px;
  padding: clamp(36px, 5vw, 64px);
  color: #123448;
}
.cta-band.final-quote-cta .band-blobs { display: none; }

.cta-band.final-quote-cta .cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 40px;
  align-items: center;
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #123448;
}
.cta-band.final-quote-cta .cta-panel h2 {
  grid-column: 1;
  color: #123448;
  font-size: clamp(30px, 3.5vw, 46px);
  line-height: 1.1;
  letter-spacing: -.035em;
  margin: 0 0 12px;
}
.cta-band.final-quote-cta .cta-panel p {
  grid-column: 1;
  color: #385866;
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
}
.cta-band.final-quote-cta .cta-actions {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-content: flex-end;
  align-self: center;
}
.cta-band.final-quote-cta a:focus-visible { outline: 3px solid #0069b4; outline-offset: 4px; }

/* Editorial pages: the section itself is the card, centred to the
   same measure as .wrap so every route ends on the same width. */
.ed-end.final-quote-cta {
  background: #e3f1f4;
  border: 1px solid #c3dce3;
  border-radius: 24px;
  padding: clamp(36px, 5vw, 64px);
  color: #123448;
  width: calc(100% - 48px);
  max-width: calc(var(--wrap, 1180px) - 48px);
  margin: 0 auto clamp(26px, 3vw, 44px);
}
.ed-end.final-quote-cta .ed-end-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 40px;
  align-items: center;
  max-width: none;
  margin: 0;
  padding: 0;
}
.ed-end.final-quote-cta .ed-kicker { color: #12667a; }
.ed-end.final-quote-cta h2 {
  color: #123448;
  font-size: clamp(30px, 3.5vw, 46px);
  line-height: 1.1;
  letter-spacing: -.035em;
  margin: 0 0 12px;
}
.ed-end.final-quote-cta p {
  color: #385866;
  font-size: 17px;
  line-height: 1.6;
  max-width: none;
  margin: 0;
}
.ed-end.final-quote-cta .ed-button {
  border-radius: 999px;
  padding: 15px 28px;
  min-height: 52px;
  font-size: 15px;
  font-weight: 600;
}
.ed-end.final-quote-cta a:focus-visible { outline: 3px solid #0069b4; outline-offset: 4px; }

/* Space above the footer: one modest step instead of a dead strip.
   The footer supplies its own top padding, so this is the only gap. */
.final-cta-wrap { padding-bottom: clamp(26px, 3vw, 44px); }
.about-editorial .about-cta-wrap { padding-bottom: clamp(26px, 3vw, 44px); }
.trucks-page .final-cta-wrap { padding-top: clamp(50px, 6vw, 80px); }

/* Below ~900px the action pair stops fitting beside the copy, so the
   card stacks: copy first, actions underneath. */
@media (max-width: 900px) {
  .cta-band.final-quote-cta .cta-panel { display: block; }
  .cta-band.final-quote-cta .cta-actions { justify-content: flex-start; margin-top: 24px; }

  .ed-end.final-quote-cta .ed-end-inner { display: block; }
  .ed-end.final-quote-cta .ed-button { margin-top: 24px; }
}

@media (max-width: 767px) {
  .cta-band.final-quote-cta {
    margin: 0;
    border-radius: 20px;
    padding: 30px 24px;
  }
  .ed-end.final-quote-cta {
    border-radius: 20px;
    padding: 30px 24px;
  }
}