/* Main body text */
.main-container p,
.main-container li {
  font-size: 1.2em;
  line-height: 1.6;
}

/* Subheadings and subsections */
/* Draw a line under the headings and give them clear spacing */
.main-container h2 {
  font-size: 1.8em;              /* larger than body text */
  border-bottom: 2px solid #ddd;
  padding-bottom: 0.25rem;
  margin-top: 4rem;            /* space before a new section */
  margin-bottom: 1.5rem;         /* space after the heading */
}

.main-container h3 {
  font-size: 1.4em;              /* larger than body text */
  border-bottom: 1.5px solid #e0e0e0;
  padding-bottom: 0.2rem;
  margin-top: 1.25rem;            /* space before a new subsection */
  margin-bottom: 0.65rem;         /* space after the subheading */
}

/* Optional: add extra breathing room between logical subsections if your HTML uses <section> */
.main-container section {
  margin-bottom: 1.5rem;          /* remove if not needed */
}

/* Figure styles */
.figure-left { 
  float: left; 
  width: 242px;   /* was 220px */
  margin: 0 1rem 0.5rem 0; 
}
.figure-left img { 
  width: 100%; 
  height: auto; 
  border-radius: 6px; 
}
.figure-left figcaption { 
  font-size: 0.9em; 
  color: #666; 
  text-align: center; 
  margin-top: 0.35rem; 
}
.clearfix { clear: both; }

/* Center + shrink the big page title (the H1 generated from YAML 'title') */
h1.title {
  text-align: center;
  font-size: 2.5rem;    
  font-weight: 700;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/* If a page title has both classes "title toc-ignore", this still hits it */
h1.title.toc-ignore { 
  text-align: center; 
  font-size: 1.6rem; 
}

/* Hide the R Markdown date line under the page title */
#header h4.date { 
  display: none; 
}