@font-face {
  font-family: "Lora";
  src: url("/tools/sully/assets/fonts/Lora-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: url("/tools/sully/assets/fonts/Lora-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
}
.essay-lora .essay { max-width: 760px; }
.essay-lora .essay-prose,
.essay-lora .essay-subtitle { font-family: "Lora", Georgia, serif; }
.essay-lora .essay-subtitle { font-size: clamp(20px, 2vw, 25px); font-style: italic; line-height: 1.5; margin: 12px 0 20px; }
.essay-lora .essay-prose { max-width: 36em; font-size: clamp(18px, 1.5vw, 20px); line-height: 1.85; overflow-wrap: anywhere; }
.essay-lora .essay-prose p { margin: 0 0 1.4em; }
.essay-lora .essay-prose h2 { font: 600 clamp(24px, 2.7vw, 30px)/1.35 "Lora", Georgia, serif; margin: 2.5em 0 1em; text-wrap: balance; }
.essay-lora .essay-prose blockquote { margin: 2em 0; padding: .25em 0 .25em 1.2em; border-left: 2px solid var(--ink); font-style: italic; font-size: 1.12em; }
.essay-lora .essay-prose blockquote p { margin: 0; }
.essay-lora .essay-prose strong { font-weight: 700; }
.essay-lora .essay-prose a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 600px) { .essay-lora .essay-prose blockquote { padding-left: .8em; font-size: 1.05em; } }

.essay-lora .essay-figure { margin: 1.8em 0 2em; }
.essay-lora .essay-figure img { display: block; width: 100%; height: auto; }
.essay-lora .essay-figure figcaption { margin-top: .65em; font-style: italic; font-size: .85em; line-height: 1.5; }

.essay-lora .essay-audio { max-width: 36em; margin: 0 0 2.5em; padding: 1.1em 0 1.25em; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.essay-lora .essay-audio p { font: italic 17px/1.5 "Lora", Georgia, serif; margin: 0 0 .8em; }
.essay-lora .essay-audio audio { display: block; width: 100%; height: 40px; color-scheme: dark; }