/* Field Note typography + rhythm pass 4 */

/* Hero title only. Markdown H1s inside the note body must not inherit this scale. */
.field-note-pretty-intro > h1 {
  margin: 0;
  max-width: 780px;
  font-size: clamp(3rem, 6.5vw, 6.1rem);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.035em;
}

/* Reset body headings to an editorial reading scale. */
.field-note-prose h1,
.field-note-prose h2,
.field-note-prose h3 {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -.015em;
}

.field-note-prose h1 {
  margin: 1.7em 0 .45em;
  font-size: clamp(2.2rem, 4vw, 3.35rem);
}

.field-note-prose h2 {
  margin: 1.8em 0 .55em;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.field-note-prose h3 {
  margin: 1.7em 0 .55em;
  font-size: clamp(1.3rem, 2vw, 1.65rem);
}

/* If a heading is literally the first body element, don't add empty top air. */
.field-note-prose > h1:first-child,
.field-note-prose > h2:first-child,
.field-note-prose > h3:first-child {
  margin-top: 0;
}

/* Give a heading's first paragraph a predictable editorial gap. */
.field-note-prose h1 + p,
.field-note-prose h2 + p,
.field-note-prose h3 + p {
  margin-top: 0;
}

/* Lists should belong to the paragraph/section around them rather than float. */
.field-note-prose ul,
.field-note-prose ol {
  margin-top: .55em;
  margin-bottom: 1.45em;
  padding-left: 1.45em;
}

.field-note-prose li + li {
  margin-top: .32em;
}

/* Make the hero/body divider read intentionally, like the mockup. */
.field-note-pretty-rule {
  height: 0;
  border-top: 1px solid rgba(67, 62, 51, .28);
  background: none;
}