/* ---------- About page: blurbs with icons ---------- */
.rr-about-list { display: grid; gap: 2.75rem; }
.rr-about-item,
.rr-about-parent {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}
.rr-about-item h2 { margin-top: 0.35rem; margin-bottom: 0.6rem; }
.rr-about-item p { margin: 0; }

.rr-about-item__icon {
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--mist, #d9dfe4);
  color: var(--accent, #1f4f8f);
}

/* Raven Ridge Media note: set apart as a callout */
.rr-about-parent {
  align-items: center;
  margin-top: 3rem;
  padding: 1.5rem;
  border-radius: 6px;
  background: #fff;
  border: 1px solid var(--mist, #d9dfe4);
}
.rr-about-parent .rr-about-item__icon {
  background: var(--accent, #1f4f8f);
  border-color: transparent;
  color: #fff;
}
.rr-about-parent p { margin: 0; }

@media (max-width: 36rem) {
  .rr-about-item,
  .rr-about-parent { grid-template-columns: 2.75rem minmax(0, 1fr); gap: 1rem; }
  .rr-about-item__icon { width: 2.75rem; height: 2.75rem; }
  .rr-about-item__icon svg { width: 22px; height: 22px; }
}