/* Headings: clear hierarchy with spacing */
h1, h2, h3 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
  line-height: 1.2;
}

h1 {
  font-size: 2.5rem;  /* ~40px */
  letter-spacing: -0.02em; /* slight negative for large text */
}

h2 {
  font-size: 2rem;    /* ~32px */
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.5rem;  /* ~24px */
  letter-spacing: 0;
}

/* Paragraphs with good spacing */
p {
  margin-top: 0;
  margin-bottom: 1.25em;  /* spacing between paragraphs */
  font-size: 1rem;        /* 16px */
  line-height: 1.6;
  letter-spacing: normal;
}

/* Links styled simply for professionalism */
a {
  color: #004080;          /* subtle blue */
  text-decoration: none;
  padding: 2px 4px;        /* small padding around links */
  transition: color 0.3s;
}

a:hover, a:focus {
  color: #007acc;          /* highlight on hover */
  text-decoration: underline;
}



/* CHICAGO-style styles */

.chicago-style ul,
.chicago-style ol {
  margin-left: 2.5em;                /* align with body text indent */
  padding-left: 0;
  list-style-position: outside;     /* bullet/number outside text */
  line-height: 2;                   /* double spacing between lines */
  margin-top: 1em;
  margin-bottom: 1em;               /* spacing before/after entire list */
}

/* Bulleted (unordered) lists use disc by default; can customize for style */
.chicago-style ul {
  list-style-type: disc;
}

/* Numbered (ordered) lists with standard decimal numbers */
.chicago-style ol {
  list-style-type: decimal;
}

/* Lettered sublists */
.chicago-style ol.lettered-list {
  list-style-type: lower-alpha;     /* a., b., c., etc. */
  margin-left: 3.5em;              /* additional indent for nested lists */
}

/* List items */
.chicago-style li {
  margin-bottom: 0;                 /* no extra spacing between items */
  padding-left: 0.5em;             /* padding between bullet/number and content */
  text-indent: -0.5em;             /* hanging indent effect */
}

/* Capitalize first letter of list items if they are sentences */
.chicago-style li::first-letter {
  text-transform: uppercase;
}

/* CHICAGO LISTS */

.chicago-list {
  margin-left: 2.5em;                /* aligns lists with body text indent */
  padding-left: 0;
  list-style-position: outside;     /* bullets outside of text */
  line-height: 2;                   /* double spacing for readability */
  margin-top: 1em;
  margin-bottom: 1em;               /* spacing before/after the whole list */
  text-align: left;
  font-family: 'Times New Roman', serif;
  font-size: 16px;
  color: #000;
}

/* Unordered lists use disc bullets as per CMS */
.chicago-list ul {
  list-style-type: disc;
}

/* Ordered lists use decimal numbering */
.chicago-list ol {
  list-style-type: decimal;
}

/* Lettered sublists with additional indent */
.chicago-list ol.lettered-list {
  list-style-type: lower-alpha;     /* a., b., c., etc. */
  margin-left: 3.5em;
}

/* Each list item has hanging indent effect */
.chicago-list li {
  margin-bottom: 0;                 /* no extra spacing between items */
  padding-left: 0.5em;             /* space between bullet/number and text */
  text-indent: -0.5em;             /* hanging indent */
}

/* Capitalize first letter of list items if they are complete sentences */
.chicago-list li::first-letter {
  text-transform: uppercase;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 600px) {
  .chicago-list {
    margin-left: 1.5em;            /* reduce left indent for small screens */
    font-size: 14px;               /* smaller font for mobile */
    line-height: 1.6;              /* slightly less line spacing on mobile */
  }

  .chicago-list ol.lettered-list {
    margin-left: 2em;              /* adjust nested indent for mobile */
  }
}








/* CUSTOMIZED SECTIONS SIMPLE */
.custom-section h1,
.custom-section h2,
.custom-section h3,
.custom-section p,
.custom-section a {
  /* Your custom styles */
  margin-bottom: 1em;
  padding: 0;
  color: #222;
  text-align: left;
  line-height: 1.6;
}

/* Example for specific spacing */
.custom-section a {
  color: #004080;
  text-decoration: none;
  padding: 2px 4px;
}

.custom-section a:hover {
  text-decoration: underline;
}