/* =========================================================
   Hero + always-open quote panel layout
   ========================================================= */

.hero-grid-quote {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  align-items: flex-start;
}

.hero-grid-quote .hero-intro {
  flex: 1 1 380px;
}

.hero-grid-quote .hero-quote-panel {
  flex: 1.2 1 420px;
}

.hero-intro {
  padding-top: 24px;
}

.hero-quote-panel .form-shell {
  background: #fff;
  max-height: 720px;
  overflow-y: auto;
  padding: 32px;
}

.quote-panel-head {
  margin-bottom: 24px;
}

.quote-panel-head .eyebrow {
  margin-bottom: 8px;
}

.quote-panel-head h3 {
  color: var(--navy);
  font-size: 22px;
}

/* Scrollbar styling for the quote panel (webkit browsers) */
.hero-quote-panel .form-shell::-webkit-scrollbar {
  width: 8px;
}
.hero-quote-panel .form-shell::-webkit-scrollbar-thumb {
  background: var(--line);
  border-radius: 4px;
}
.hero-quote-panel .form-shell::-webkit-scrollbar-track {
  background: transparent;
}

@media (max-width: 900px) {
  .hero-grid-quote {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .hero-quote-panel .form-shell {
    max-height: none;
    overflow-y: visible;
  }
}