/* ICPalestina – About us page */
.about-page { background: var(--white); }
.about-page-inner { max-width: 820px; }

.about-page-section { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid var(--border); }
.about-page-section:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.about-page-section h2 {
  position: relative;
  padding-top: 1.1rem; margin-bottom: 1.3rem;
  font-size: clamp(1.45rem, 2.6vw, 1.9rem);
}
/* A short red line above each heading, like the flag's red */
.about-page-section h2::before {
  content: ''; position: absolute; top: 0; inset-inline-start: 0;
  width: 48px; height: 3px; background: var(--red-mid);
}

.about-page p {
  margin-bottom: 1.15rem;
  font-size: 1.02rem; line-height: 1.85; color: var(--text-body);
  /* A single line break typed in the administration stays a line break */
  white-space: pre-line;
}
.about-page p:last-child { margin-bottom: 0; }

/* The page's opening sentence */
.about-page p.about-page-lead {
  margin-bottom: 2.2rem; padding-inline-start: 1.3rem;
  border-inline-start: 4px solid var(--green-mid);
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.2rem, 2.2vw, 1.5rem); line-height: 1.55; color: var(--text-dark);
}

/* A bulleted list: one card per item */
.about-page-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.9rem; margin: 1.4rem 0 1.6rem; }
.about-page-list:last-child { margin-bottom: 0; }
.about-page-list li {
  display: flex; align-items: flex-start; gap: 0.75rem;
  padding: 1rem 1.1rem;
  background: var(--green-pale); border-inline-start: 3px solid var(--green-mid); border-radius: 4px;
  font-size: 0.95rem; line-height: 1.6; color: var(--text-body);
}
.about-page-list li i { flex-shrink: 0; margin-top: 0.3rem; font-size: 0.85rem; color: var(--green-mid); }

@media (max-width: 640px) {
  .about-page-list { grid-template-columns: minmax(0, 1fr); }
  .about-page-section { padding-bottom: 2.25rem; margin-bottom: 2.25rem; }
}