/* ==========================================================================
   Gorza CMS — styles for content created in the CKEditor (blog articles and
   standard pages). Only targets markup the editor produces (figures, images,
   tables, alignment), so the original design in style.css is untouched.
   ========================================================================== */
.article-body img { max-width: 100%; height: auto; border-radius: var(--gz-radius-sm, 12px); }
.article-body figure { margin: 2rem 0; }
.article-body figure.image { display: table; clear: both; text-align: center; margin-left: auto; margin-right: auto; }
.article-body figure.image img { display: block; margin: 0 auto; min-width: 100%; }
.article-body figure.image.image_resized { max-width: 100%; display: block; box-sizing: border-box; }
.article-body figure.image.image_resized img { width: 100%; }
.article-body img.image_resized { height: auto; }
.article-body figure.image > figcaption { display: table-caption; caption-side: bottom; padding: .6rem 0 0; font-size: .9rem; color: var(--gz-muted, #74867e); }
.article-body .image-style-side,
.article-body .image-style-align-right { float: right; max-width: 50%; margin: .4rem 0 1.2rem 1.6rem; }
.article-body .image-style-align-left { float: left; max-width: 50%; margin: .4rem 1.6rem 1.2rem 0; }
.article-body .image-style-align-center,
.article-body .image-style-block-align-center { margin-left: auto; margin-right: auto; }
.article-body .image-style-block-align-left { margin-left: 0; margin-right: auto; }
.article-body .image-style-block-align-right { margin-left: auto; margin-right: 0; }
.article-body figure.table { display: block; overflow-x: auto; }
.article-body table { width: 100%; border-collapse: collapse; margin: 1.6rem 0; font-size: 1rem; }
.article-body table th,
.article-body table td { border: 1px solid var(--gz-line, #dde6e0); padding: .65rem .85rem; vertical-align: top; }
.article-body table th { background: var(--gz-sand, #f6f8f3); color: var(--gz-ink, #10241d); }
.article-body ol { padding-left: 1.4rem; margin: 0 0 1.4rem; }
.article-body .text-tiny { font-size: .7em; }
.article-body .text-small { font-size: .85em; }
.article-body .text-big { font-size: 1.4em; }
.article-body .text-huge { font-size: 1.8em; }
.article-body hr { margin: 2.2rem 0; border-color: var(--gz-line, #dde6e0); opacity: 1; }
.article-body .media { margin: 2rem 0; }
@media (max-width: 575.98px) {
  .article-body .image-style-side,
  .article-body .image-style-align-right,
  .article-body .image-style-align-left { float: none; max-width: 100%; margin: 1.4rem 0; }
}