/* ===========================
   Church History Page (Mobile XL)
   Theme: Revolutionary War Era
   =========================== */

.page-section {
  width: 100%;
  padding: 3.5rem 2.5rem;   /* more breathing room */
  margin: 0 auto 3.5rem;
  box-sizing: border-box;
}

/* Section wrappers with parchment-style background */
.section-wrapper {
  background: #fdfaf5; /* parchment tone */
  border-radius: 14px;
  padding: 3rem;       /* larger padding */
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  max-width: 95%;
  margin: 0 auto;
  position: relative;
}

/* Decorative border accent */
.section-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px dashed rgba(58,107,53,0.25);
  border-radius: 14px;
  pointer-events: none;
}

/* Header Section */
.history-header-title {
  font-family: var(--font-serif-primary);
  font-size: 3.4rem;   /* bigger */
  font-weight: 800;
  color: var(--primary-green);
  text-align: center;
  margin-bottom: 1.25rem;
}

.history-header-subtitle {
  font-family: var(--font-serif-secondary);
  font-size: 2.4rem;   /* bigger */
  color: var(--primary-complement);
  text-align: center;
  margin-bottom: 1.75rem;
}

.history-header-description {
  font-family: var(--font-sans-secondary);
  font-size: 1.8rem;   /* bigger */
  line-height: 2.5;
  color: #333;
  text-align: center;
}

/* Intro Section */
.history-intro-title {
  font-family: var(--font-display);
  font-size: 2.8rem;   /* bigger */
  font-weight: 600;
  color: var(--primary-dark-complement);
  text-align: center;
  margin-bottom: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.history-intro-description {
  font-size: 1.8rem;   /* bigger */
  line-height: 2.5;
  color: #444;
  margin-bottom: 2.5rem;
}

.history-intro-image img {
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.history-intro-caption {
  font-size: 1.6rem;   /* bigger */
  color: #555;
  margin-top: 1rem;
  font-style: italic;
}

/* Foundation Section */
.history-foundation-title {
  font-family: var(--font-serif-primary);
  font-size: 3rem;     /* bigger */
  font-weight: 700;
  color: var(--primary-green);
  text-align: center;
  margin-bottom: 1.75rem;
}

.history-foundation-description {
  font-size: 1.8rem;   /* bigger */
  line-height: 2.5;
  color: #333;
  margin-bottom: 2.5rem;
}

.history-foundation-image img {
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.history-foundation-caption {
  font-size: 1.6rem;   /* bigger */
  color: #555;
  margin-top: 1rem;
  font-style: italic;
}

/* Pastors Section */
.history-pastors-title {
  font-family: var(--font-serif-primary);
  font-size: 3rem;     /* bigger */
  font-weight: 800;
  color: var(--primary-green);
  text-align: center;
  margin-bottom: 1.75rem;
}

.history-pastors-description {
  font-size: 1.8rem;   /* bigger */
  line-height: 2.5;
  color: #444;
  margin-bottom: 2.5rem;
  text-align: center;
}

/* Pastor list styled like colonial roll call */
.pastor-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;   /* more spacing */
}

.pastor-item {
  background: #fff;
  border-left: 5px solid var(--primary-complement);
  padding: 1.6rem;     /* bigger padding */
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
  text-align: center;
}

.pastor-name {
  font-family: var(--font-serif-secondary);
  font-size: 2rem;     /* bigger */
  font-weight: 700;
  color: var(--primary-complement);
  display: block;
}

.pastor-years {
  font-size: 1.8rem;   /* bigger */
  color: #555;
  display: block;
  margin-top: 0.5rem;}
