/* Gaya isi dari editor teks (CKEditor): foto, rata teks, sorotan, tabel. Dipakai halaman publik. */
figure.image { display: table; clear: both; text-align: center; margin: 1.2em auto; max-width: 100%; }
figure.image img { display: block; margin: 0 auto; max-width: 100%; min-width: 100%; height: auto; border-radius: 8px; }
figure.image.image_resized { display: block; box-sizing: border-box; max-width: 100%; }
figure.image.image_resized img { width: 100%; }
figure.image > figcaption { display: table-caption; caption-side: bottom; word-break: break-word; padding: 6px 4px 0; font-size: 13px; color: #6b7280; text-align: center; }
figure.image-style-side, figure.image-style-align-right, figure.image-style-block-align-right { float: right; margin: .4em 0 1em 1.5em; max-width: 50%; }
figure.image-style-align-left, figure.image-style-block-align-left { float: left; margin: .4em 1.5em 1em 0; max-width: 50%; }
figure.image-style-align-center { margin-left: auto; margin-right: auto; }
img.image-style-side, img.image-style-align-right { float: right; margin: .4em 0 1em 1.5em; max-width: 50%; }
img.image-style-align-left { float: left; margin: .4em 1.5em 1em 0; max-width: 50%; }
.gc-rich img, .gc-legal-content img, .gc-berita-detail-body img { max-width: 100%; height: auto; }
.gc-rich::after, .gc-legal-content::after, .gc-berita-detail-body::after { content: ""; display: block; clear: both; }

mark.marker-yellow { background-color: #fdfd77; }
mark.marker-green  { background-color: #63f963; }
mark.marker-pink   { background-color: #fc7999; }
mark.marker-blue   { background-color: #72ccfd; }
mark.pen-red   { color: #e71313; background-color: transparent; }
mark.pen-green { color: #128a00; background-color: transparent; }

.gc-rich h2 { font-size: 22px; font-weight: 700; color: var(--navy, #192C4D); margin: 26px 0 12px; }
.gc-rich h3 { font-size: 18px; font-weight: 700; color: var(--navy, #192C4D); margin: 20px 0 10px; }
.gc-rich p  { line-height: 1.85; margin: 0 0 14px; overflow-wrap: anywhere; }
.gc-rich ul, .gc-rich ol { margin: 0 0 14px; padding-left: 24px; }
.gc-rich ul { list-style: disc; }
.gc-rich ol { list-style: decimal; }
.gc-rich a  { color: var(--gold, #C89C3D); font-weight: 600; }
.gc-rich blockquote { ; margin: 0 0 14px; padding: 6px 16px; background: color-mix(in srgb, var(--gold, #C89C3D) 8%, #fff); }
.gc-rich figure.table { margin: 0 0 14px; overflow-x: auto; }
.gc-rich table { border-collapse: collapse; width: 100%; }
.gc-rich th, .gc-rich td { border: 1px solid #dfe3ea; padding: 8px 12px; }
.gc-rich th { background: #f3f5f9; }
