/* Mind2Biz Kurumsal Mimari, Versiyon B. styles.css'ten SONRA bağlanır. Yeni renk/değişken yok. */

/* 1) Soru-cevap yerleşimi: masaüstünde sol soru, sağ cevap */
.era--qa .qa { min-inline-size: 0; }
@media (min-width: 1100px) {
  .era--qa { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: 64px; align-items: start; }
  .era--qa .h2 { grid-column: 1; margin-top: 0; }
  .era--qa .qa { grid-column: 2; }
}

/* 2) Tek cümlelik cevap */
.era .sub { margin-top: 24px; font-weight: 700; max-inline-size: 880px; }
.era--qa .h2 + .qa .sub, .era--qa .qa > .sub:first-child { margin-top: 0; }
.era:not([data-tone="navy"]) .sub { color: var(--color-navy); }
.era[data-tone="navy"] .sub { color: #fff; }

/* 3) Okuma kademesi */
.era .more { margin-top: 24px; }
.era .more > .item__p:first-of-type { margin-top: 16px; }
.era .qa > .item__p { margin-top: 24px; }

/* 4) Dört yapı satırları */
.era .lines { margin-top: 32px; }
.era .lines + .item__p { margin-top: 32px; }

/* summary.link başlıkla aynı sol çizgide, 48px hedef */
.era .more > summary.link { display: inline-flex; align-items: center; padding-left: 0; min-height: var(--tap-min, 48px); }
.era[data-tone="tint"] .more > summary.link { color: var(--color-primary-hover); }