/* =============================================================================
   Б.9 „Какво ви питаме и как да се подготвите" (staging runbook, Phase F2).
   Фигма борд няма — страницата следва системата: херо по образеца на
   Методиката (без арт кадъра), шестте карти се преизползват от
   methodology.css, финалът — .ab-final от aboutpage.css.
   ============================================================================= */

/* --- Херо ------------------------------------------------------------------ */
.wa-hero {
  position: relative;
  padding-bottom: 5rem;
}

.wa-hero .blog-top,
.wa-hero .ab-inner {
  position: relative;
}

.wa-hero-title {
  margin: 5.25rem 0 0;
  max-width: 56.6875rem;
  font-family: var(--font-display);
  font-weight: 300;
  font-size: 4rem; /* D1 */
  line-height: 1.05;
  color: var(--color-white);
}

.wa-hero-lead {
  margin: 1rem 0 0;
  max-width: 50rem;
  font-size: var(--text-lg);
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-white);
  text-shadow: var(--shadow-text);
}

/* --- Какво да подготвите ---------------------------------------------------- */
.wa-prep {
  position: relative;
  padding: 5rem 0;
}

.wa-prep-head {
  max-width: 44rem;
  margin-bottom: 2.5rem;
}

.wa-prep-head p {
  margin: 0.75rem 0 0;
  font-size: var(--text-lg);
  line-height: 1.5;
  color: var(--color-white);
}

.wa-prep-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.wa-prep-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
  border-radius: var(--radius-panel);
  background: rgba(60, 60, 60, 0.4);
}

.wa-prep-card h3 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: var(--text-2xl);
  line-height: 1.2;
  color: var(--color-white);
}

.wa-prep-card p {
  margin: 0;
  font-size: var(--text-md);
  line-height: 1.6;
  color: var(--color-white);
  opacity: 0.85;
}

@media (max-width: 767px) {
  .wa-hero-title {
    margin-top: 3rem;
    font-size: 2.375rem; /* мобилен H1 38 */
  }

  .wa-hero-lead {
    font-size: 1.0625rem; /* Body L 17 */
  }

  .wa-prep {
    padding: 3rem 0;
  }

  .wa-prep-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}