.poetry-heading { font: 400 32px Georgia, serif; margin: 0 0 28px; }
.poem-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #dedede; }
.poem-list > li { border-bottom: 1px solid #dedede; }
.poem summary { cursor: pointer; padding: 28px 0; font: 400 clamp(24px, 3vw, 36px) Georgia, serif; }
.poem summary:focus-visible { outline: 3px solid #47649e; outline-offset: 5px; }
.poem-body { padding: 0 0 35px 24px; }
.poem-form { margin: 0 0 24px; color: #666; font: 14px Arial, Helvetica, sans-serif; }
.poem-text { white-space: pre-wrap; overflow-wrap: anywhere; font: 18px/1.9 Georgia, serif; margin: 0; }
.prose-section { margin-top: 70px; }
.prose-text { font: 18px/1.9 Georgia, serif; overflow-wrap: anywhere; max-width: 78ch; }
.prose-text p { margin: 0 0 1.2em; }
.pronunciation-heading { font-size: 22px; font-weight: 400; line-height: 1.4; margin: 0 0 0.8em; }
.pronunciation-names { list-style: none; padding: 0; margin: 0 0 4.4em; line-height: 1.3; }
.prose-text .prose-haiku { line-height: 1.3; margin-left: 2em; }
@media (max-width: 650px) {
  .poem summary { padding: 24px 0; }
  .poem-body { padding-left: 0; }
  .poem-text { font-size: 16px; }
  .prose-text { font-size: 16px; }
  .pronunciation-heading { font-size: 20px; }
}
