/*
 * Body font override for ENGL-257.
 * Loaded after main.css in _includes/head.html, so these rules win.
 * To undo: delete this file and its <link> line in head.html.
 *
 * The course pages write most prose as ###### (h6) and week labels as ##### (h5),
 * so those get the body font too. Tiles, banners, h2 (Roboto) and h3/h4 (PT Sans) are unchanged.
 */

/* The theme never sets a page background, so dark-mode browsers painted a black band
   behind the header and exposed the white plate of the title logo. Paint it white explicitly. */
html,
body {
  background-color: #fff;
}

html,
h5,
h6 {
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
}

/*
 * Long-form pages (Video Essays, Assignments). The theme sets body text at 22px in a
 * 670px column, which reads oversized next to the week cards; these bring it to 17px.
 * _layouts/post.html adds .content-body--prose on those two pages only.
 */
.content-body--prose p,
.content-body--prose li {
  font-size: 17px;
  line-height: 1.6;
}
/* Video Essays writes prose as ###### headings, which browsers make bold. */
.content-body--prose h6 {
  font-size: 17px;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
}
.content-body--prose h5 { font-size: 19px; line-height: 1.4; }
/* "Contact & Office Hours" (_includes/subscribe.html), at the foot of every post page.
   The theme ran it at 39px/22px, far larger than the content above it. */
.section--subscribe h3 { font-size: 24px; line-height: 1.3; }
.section--subscribe p { font-size: 17px; line-height: 1.6; }

/* Banner titles: clamped so long week titles don't run to three lines on a wide screen
   and still shrink on phones. */
.section--first h2 { font-size: clamp(28px, 5vw, 44px); line-height: 1.12; }

/* "Previous Section:" banner at the bottom of post pages. */
.section--prePost h4 { font-size: 16px; line-height: 1.4; }
.section--prePost h2 { font-size: clamp(22px, 3.6vw, 34px); line-height: 1.15; }
.content-body--prose h4 { font-size: 24px; line-height: 1.3; }
.content-body--prose h3 { font-size: 30px; line-height: 1.25; }