/* =========================================
   Program / content page readability fixes
   ========================================= */

/* Target ONLY page content containers */
.page-content .container {
  max-width: 70ch;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: auto;
  margin-right: auto;
}

/* Paragraph spacing */
.page-content p {
  margin-bottom: 1.25rem;
}

/* Headings spacing */
.page-content h2 {
  margin-top: 3rem;
  margin-bottom: 1.25rem;
}

/* Lists: indent and add breathing room */
.page-content ul {
  margin-left: 2.25rem;
  margin-top: 1.25rem;
  margin-bottom: 2rem;
}

.page-content li {
  margin-bottom: 0.85rem;
}
@media (min-width: 768px) {
  .page-content .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
/* =========================================
   Subtle info panel (Parent Responsibilities)
   ========================================= */

.page-content .info-panel {
  background-color: #f7f9fc;   /* very subtle */
  padding: 2rem;
  margin: 3.5rem 0;
  border-radius: 8px;
}

/* Tighten spacing inside panel */
.page-content .info-panel h2 {
  margin-top: 0;
}

.page-content .info-panel p:last-of-type {
  margin-bottom: 0.75rem;
}

/* Normalize site background to white */
body {
  background-color: #ffffff;  /* white */
}