/* Accepted article typography. Print layout retains the base theme styles. */
@media screen {
 .hm-typography {--hm-media-width:min(1100px,calc(100vw - 64px))}
 .hm-typography .reading:not(.hm-lesson),
 .hm-typography .hm-model-body,
 .hm-typography .hm-lesson .hm-article-content {max-width:780px}
 .hm-typography .reading,
 .hm-typography .hm-model-body {font-size:18px;line-height:1.65}
 .hm-typography .reading:not(.hm-lesson) {margin-top:40px}
 .hm-typography .hm-article-content p:not(.hm-toc-title),
 .hm-typography .hm-article-content li,
 .hm-typography .hm-model-body p:not(.hm-toc-title),
 .hm-typography .hm-model-body li {font-size:18px;line-height:1.65}
 .hm-typography .reading h1,
 .hm-typography .hm-model-opening h1 {font-size:clamp(30px,3.5vw,44px);line-height:1.16;letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:22px;margin-bottom:26px}
 .hm-typography .reading h2,
 .hm-typography .hm-model h2 {font-size:clamp(26px,2.6vw,30px);line-height:1.25}
 .hm-typography .reading h3,
 .hm-typography .hm-model h3 {font-size:25px;line-height:1.3}
 .hm-typography .hm-article-content .hm-toc li,
 .hm-typography .hm-model-body .hm-toc li {font-size:15px;line-height:1.5}
 .hm-typography .hm-article-content > :is(.gallery,.scheme,.hm-lesson-figure,figure.wp-block-image,.wp-caption),
 .hm-typography .hm-article-content > p:has(> img:only-child),
 .hm-typography .hm-article-content > p:has(> a:only-child > img:only-child) {
  width:var(--hm-media-width);max-width:none;margin-left:calc((100% - var(--hm-media-width))/2);margin-right:calc((100% - var(--hm-media-width))/2);clear:both
 }
 .hm-typography .hm-article-content > p > img.hm-typography-image:only-child,
 .hm-typography .hm-article-content > p > a:only-child > img.hm-typography-image:only-child,
 .hm-typography .hm-article-content > :is(figure,.wp-caption) img.hm-typography-image {
  display:block;width:100%;max-width:min(100%,var(--hm-image-width));height:auto;margin-left:auto;margin-right:auto
 }
 .hm-typography .hm-reading-tools {margin-top:24px}
}
@media screen and (max-width:720px) {
 .hm-typography {--hm-media-width:calc(100vw - 36px)}
 .hm-typography .reading:not(.hm-lesson) {margin-top:28px}
}
@media screen and (max-width:360px) {
 .hm-typography {--hm-media-width:calc(100vw - 28px)}
}