/* Scoped to single posts/pages. Avoid styling navigation, widgets and controls. */
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) {
  --saf-readable-width: min(100%, var(--saf-content-width));
  overflow-wrap: break-word;
}
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) :is(p, li) {
  font-size: var(--saf-font-size);
  line-height: var(--saf-line-height);
}
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) p {
  text-align: var(--saf-alignment);
  margin-block: 0 1em;
  hyphens: auto;
}
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) > :is(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote) {
  max-width: var(--saf-readable-width);
}
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) :is(img, video, iframe) { max-width:100%; height:auto; }
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) :is(.alignleft, .wp-block-image.alignleft, figure.alignleft) { float:left; margin:0 var(--saf-image-gap) 1em 0; max-width:48%; }
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) :is(.alignright, .wp-block-image.alignright, figure.alignright) { float:right; margin:0 0 1em var(--saf-image-gap); max-width:48%; }
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) :is(.aligncenter, figure.aligncenter) { float:none; display:block; margin:1em auto; }
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) :is(.wp-block-table, .table-responsive) { max-width:100%; overflow-x:auto; }
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) :is(.wp-block-image, figure) figcaption { font-size:.875em; line-height:1.5; text-align:center; }
body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) :is(.wp-block-group, .wp-block-columns, .wp-block-cover, .wp-block-media-text) p { max-width:none; }
@media (max-width: 767px) {
  body.saf-enabled :is(.entry-content, .post-content, .wp-block-post-content) p { text-align:left; }
  body.saf-enabled.saf-mobile-stack :is(.entry-content, .post-content, .wp-block-post-content) :is(.alignleft, .alignright, .wp-block-image.alignleft, .wp-block-image.alignright, figure.alignleft, figure.alignright) { float:none; display:block; max-width:100%; margin:1em auto; }
}