/* Full-bleed section with the shared BecA 1240px content alignment. */
.beca-2column-quote {
  --primary: #135ad5;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding: var(--beca-quote-pad-top, 4rem) 0 var(--beca-quote-pad-bottom, 4rem);
  background: var(--beca-quote-bg, #F9FBFF);
  color: #0b1d3a;
  font-family: 'Open Sans', sans-serif;
}
.beca-2column-quote *, .beca-2column-quote *::before, .beca-2column-quote *::after { box-sizing: border-box; }
.beca-2column-quote__container {
  width: min(100% - 2rem, 1240px);
  max-width: 1240px;
  margin-inline: auto;
}
/* Shared BecA eyebrow treatment: blue vertical rule and uppercase label. */
.beca-2column-quote .beca-2column-quote-kicker {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 0 0 1.25rem;
  color: #07A5F6;
  font-family: 'Open Sans', sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.beca-2column-quote .beca-2column-quote-kicker::before {
  content: '';
  display: block;
  flex: 0 0 3px;
  width: 3px;
  height: 1.25em;
  background: #07A5F6;
  border-radius: 2px;
}
.beca-2column-quote__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}
.beca-2column-quote h2 {
  margin: 0;
  font-size: clamp(2rem, 3.5vw, 3.5rem);
  line-height: 1.16;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.beca-2column-quote h2 em { color: var(--primary); font-family: inherit; font-style: normal; }
.beca-2column-quote .lead { margin: 0 0 1rem; font-size: clamp(1.05rem, 1.6vw, 1.2rem); line-height: 1.7; color: #0b1d3a; }
.beca-2column-quote__content > p:not(.lead) { margin: 0 0 1.5rem; color: #5d6d87; line-height: 1.8; }
.beca-2column-quote aside { display: flex; flex-direction: column; gap: .4rem; border-top: 1px solid #cbd6e8; padding-top: 1.4rem; line-height: 1.7; }
@media (max-width: 800px) {
  .beca-2column-quote__grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}

/* Scope Open Sans to this block, including nested headings and formattable text. */
.beca-2column-quote,
.beca-2column-quote :is(h1, h2, h3, h4, h5, h6, p, span, strong, em, blockquote, aside, li) {
  font-family: 'Open Sans', sans-serif;
}

/* Mobile content inset aligned with the BecA Header Mega reference. */
@media (max-width: 768px) {
  .beca-2column-quote__container {
    width: 100%;
    max-width: 1240px;
    margin-inline: auto;
    padding-inline: 2rem;
    box-sizing: border-box;
  }
}