/* Hedera II — Hedera with block paragraphs: set flush, with space between them instead of indents.
   EB Garamond (Georg Duffner's revival of Garamont), true small caps, old-style figures,
   notes in the margin. One blue fleuron — the hedera, ❦ — opens the contents and closes each essay. */

@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/eb-garamond.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/eb-garamond-italic.woff2") format("woff2");
  font-weight: 400 700; font-style: italic; font-display: swap;
}

:root {
  --serif: "EB Garamond", Garamond, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --play: #3a5d8f;
  --indent: 0;
  --para: 1em;
}

/* home */
.intro-lead { font-style: italic; letter-spacing: -0.002em; }
.intro-lead .name { font-style: normal; }
.divider p { text-align: center; color: var(--accent); font-size: 1.3em; }
.year-num { font-style: italic; color: var(--ink-3); line-height: 1.36; }
@media (min-width: 1120px) {
  .year { margin-bottom: 1.45em; }
  .year-num { grid-column: 2; grid-row: 1; margin: 0; padding-top: 0.11em; }
  .year .toc { grid-row: 1; }
}

/* index */
.subject-name { font-style: italic; font-size: 1.3em; }

/* essay */
.essay-date { font-variant-caps: all-small-caps; letter-spacing: 0.08em; font-size: 0.92em; }
.prose p.lede::first-line { font-variant-caps: small-caps; letter-spacing: 0.035em; }
.prose p + p { margin-top: var(--para); }
.prose blockquote p + p { text-indent: 0; }
/* keep a bold run-in head with its paragraph, and the video note with the opening */
.prose p.as-head + p, .prose p.derived + p { margin-top: 0; }
/* with space between paragraphs, section heads need more air above to still read as breaks */
.prose h3, .prose h4 { margin-top: 2.2em !important; }
.prose p.as-head { margin-top: 2.2em; }
.endmark { font-size: 1.04em; margin-left: 0.4em; }
.prevnext .dir { font-variant-caps: all-small-caps; letter-spacing: 0.12em; }
.prevnext a { font-style: italic; }

/* Integration with unchanged article HTML and private-preview safeguards. */
.visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.preview-notice { padding: 0.75em 1em; background: var(--select); color: var(--ink); text-align: center; }
.essay-title, .toc a, .subject-name, .prevnext a { overflow-wrap: anywhere; }
.prose { overflow-wrap: break-word; }
.prose pre, .prose .highlight { max-width: 100%; }
.prose pre { color: var(--ink) !important; background: var(--wash) !important; }
.prose pre span { color: inherit !important; background: none !important; font-weight: inherit !important; }
.prose iframe { max-width: 100%; }
.prose iframe[id^="twitter-widget-"] { aspect-ratio: auto; }
.prose svg { max-width: 100%; height: auto; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}