/* story-body-reading
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/story-body-reading.css. */
.story-body .prose { max-width: 680px; padding: var(--s6) 0 var(--s5); font-size: 19px; line-height: 1.7; }
.story-body .prose p + p { margin-top: var(--s3); }
.story-body .prose h2 { font-size: 30px; margin: var(--s6) 0 var(--s3); }
.story-body .prose blockquote { margin: var(--s5) 0; padding-left: var(--s4); box-shadow: inset 4px 0 0 var(--highlight); }
.story-body .prose blockquote p { font-family: var(--head); font-size: 26px; line-height: 1.4; }
.story-body .prose blockquote footer { margin-top: 12px; font-size: 16px; color: var(--muted); }
.story-body .glance { margin: var(--s5) 0; background: var(--stone); border-radius: var(--r-panel); padding: 32px 36px; }
.story-body .glance h2 { font-family: var(--sans); font-size: 17px; font-weight: 700; margin: 0 0 var(--s2); line-height: 1.4; }
.story-body .glance dl { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 10px var(--s4); font-size: 17px; line-height: 1.5; }
.story-body .glance dt { color: var(--muted); }
.story-body .glance dd { margin: 0; font-weight: 600; }
.story-body .tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--s5); }
.story-body .tags a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; background: var(--stone); color: var(--ink); font-size: 15px; font-weight: 600; text-decoration: none; }
.story-body .tags a:hover { background: var(--line); }
@media (max-width: 620px) {
  .story-body .prose { font-size: 18px; padding: var(--s5) 0 var(--s4); }
  .story-body .prose blockquote p { font-size: 22px; }
  .story-body .glance { padding: var(--s3); }
  .story-body .glance dl { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .story-body .glance dd { margin-bottom: 10px; }
}

/* Block markup adjustments */
.story-body .glance dl > div { display: contents; }
.story-body .glance dt p, .story-body .glance dd p { margin: 0; }
.story-body .prose blockquote cite { display: block; margin-top: 12px; font: 400 16px/1.5 var(--sans); color: var(--muted); font-style: normal; }
.story-body .prose blockquote p { margin: 0; }
.story-body > .prose { padding-bottom: 0; }
.story-body .tags { margin: var(--s5) 0; max-width: 680px; }