/* ==========================================
   SHARED LAYOUT CONTAINERS
   ========================================== */
.content-container {
  max-width: 50rem;
  margin: 0 auto;
}

/* ==========================================
   GOSPEL TEXT SECTION
   ========================================== */
.gospel-section {
  padding: clamp(3rem, 6vw, 6rem) 5vw;
  background-color: var(--color-white, #ffffff);

  .lead-text {
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    line-height: 1.8;
    color: var(--color-text-dark, #333333);
    margin-bottom: 2rem;
  }

  h2 {
    color: var(--color-primary-dark, #35295c);
    font-size: clamp(1.5rem, 3vw, 1.8rem);
    margin-top: clamp(2rem, 4vw, 3rem);
    margin-bottom: 1rem;
  }

  p {
    font-size: clamp(1.05rem, 1.5vw, 1.15rem);
    line-height: 1.7;
    color: var(--color-text-dark, #444444);
    margin-bottom: 1.25rem;
  }

  ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;

    li {
      font-size: clamp(1.05rem, 1.5vw, 1.15rem);
      line-height: 1.6;
      color: var(--color-text-dark, #444444);
    }
  }

  blockquote {
    font-style: italic;
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    border-left: 4px solid var(--color-primary-dark, #35295c);
    padding: 1rem 1.5rem;
    margin: 2.5rem 0;
    color: var(--color-text-dark, #444444);
    background-color: var(--color-bg-light, #f9fafb);
  }
}