/* Compendium essays: readable long-form typesetting. No changes to Music styles. */
.essay-shell { max-width: 790px; padding-top: 46px; }
.essay-back { display:inline-block; font:600 .83rem Arial,sans-serif; color:var(--comp-teal);margin-bottom:32px;text-decoration:none; }
.essay-back:hover{text-decoration:underline}
.essay-kicker { font:700 .75rem Arial,sans-serif; letter-spacing:.17em;text-transform:uppercase;color:var(--comp-teal);}
.comp-wrap.essay-shell h1 {max-width:790px;font-size:clamp(3.2rem,7vw,5.3rem);line-height:1.06;letter-spacing:-.025em;margin:12px 0 15px;}
.essay-subtitle { font:1.38rem/1.45 Garamond,Georgia,serif;color:var(--comp-muted);max-width:760px;margin:0 0 22px;}
.essay-byline {font: .85rem/1.6 Arial,sans-serif;color:var(--comp-muted);border-bottom:1px solid rgba(0,77,79,.24);padding-bottom:24px;margin-bottom:38px;}
.essay-body {font:clamp(1.13rem,1.8vw,1.28rem)/1.72 Garamond,Georgia,serif;color:var(--comp-ink);overflow-wrap:break-word;}
.essay-body p {margin:0 0 1.35em;}
.essay-body h2 {font:500 clamp(2rem,3vw,2.65rem)/1.2 Garamond,Georgia,serif;margin:1.8em 0 .65em;letter-spacing:-.015em;}
.essay-body h3 {font:600 1.45rem/1.25 Garamond,Georgia,serif;margin:1.5em 0 .7em;}
.essay-body .essay-book-heading {margin-top:2.1em;}
.essay-body a {color:var(--comp-teal);text-decoration-thickness:1px;text-underline-offset:4px;}
.essay-body a:hover {text-decoration-thickness:2px;}
.essay-body .essay-figure {margin:1.45em auto 1.6em;text-align:center;max-width:100%;}
.essay-body .essay-figure img {display:block;width:auto;height:auto;max-width:min(100%,650px);max-height:780px;margin:0 auto;object-fit:contain;border:0;}
.essay-body .essay-caption {font:italic .87rem/1.45 Arial,sans-serif;color:var(--comp-muted);text-align:center;margin:-1.2em 0 2em;}
.essay-body blockquote.essay-quotation {border-left:3px solid var(--comp-mustard);padding:.2em 0 .2em 1.1em;margin:1.2em 0 1.5em;font-style:italic;line-height:1.6;color:#334a45;}
.essay-body .essay-list {padding-left:1.35em;margin:0 0 1.6em;list-style:disc;}
.essay-body .essay-list li {padding-left:.2em;margin-bottom:.8em;}
.essay-body sup {font: .65em Arial,sans-serif;vertical-align:super;}
.essay-body .essay-footnotes {border-top:1px solid #cbd1c5;margin-top:3em;padding-top:.5em;}
.essay-body .essay-footnotes h2 {font-size:1.8rem;}
.essay-body .essay-footnotes ol {font: .93rem/1.6 Arial,sans-serif;padding-left:1.5em;}
.essay-body .essay-footnotes li {margin:.75em 0;scroll-margin-top:24px;}
.essay-source {border-top:1px solid rgba(0,77,79,.24);padding:22px 0 0;margin-top:50px;font:.83rem/1.6 Arial,sans-serif;color:var(--comp-muted)}
.essay-source a {color:var(--comp-teal);}
@media(max-width:680px){.essay-shell{padding:25px 19px 65px}.essay-body{line-height:1.65}.essay-body .essay-figure img{max-width:100%}}

/* COMPENDIUM ARTICLE HEADER RESET v1
   The original music theme styles every HTML <header> as a sticky teal nav bar.
   Restore ordinary layout for the nested heading of a published essay/note.
   Do not change the actual site navigation (.comp-nav). */
.comp-wrap.essay-shell article > header {
  position: static;
  top: auto;
  z-index: auto;
  display: block;
  width: auto;
  min-height: 0;
  background: transparent;
  color: var(--comp-ink, #183837);
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0 0 24px;
}
.comp-wrap.essay-shell article > header h1 {
  color: var(--comp-teal, #004d4f);
  margin: 12px 0 16px;
}
.comp-wrap.essay-shell article > header .essay-kicker {
  color: var(--comp-teal, #004d4f);
}
.comp-wrap.essay-shell article > header .essay-byline,
.comp-wrap.essay-shell article > header .essay-subtitle {
  color: var(--comp-muted, #526762);
}