.elementor-11201 .elementor-element.elementor-element-7a75f47{--display:flex;}@media(min-width:768px){.elementor-11201 .elementor-element.elementor-element-7a75f47{--content-width:1058px;}}/* Start custom CSS for html, class: .elementor-element-22172a5 *//* =========================================================
   SDG Posts – Custom CSS
   Paste ke: Appearance → Customize → Additional CSS
   (atau file CSS tema). Berlaku untuk semua postingan
   yang dibungkus <div class="sdg-post">.
   ========================================================= */

.sdg-post { font-family: inherit; line-height: 1.7; color: #1f2937; }
.sdg-post .doc-header { background: #f1f5f9; border-left: 4px solid #19486a; padding: .9rem 1.1rem; border-radius: 6px; margin: 0 0 1.5rem; }
.sdg-post .doc-header p { margin: .1rem 0; }
.sdg-post .doc-header .doc-title { font-size: 1.35rem; font-weight: 700; color: #19486a; line-height: 1.35; }
.sdg-post .doc-header .doc-kicker { font-size: .9rem; font-weight: 600; color: #4b5563; text-transform: uppercase; letter-spacing: .03em; }
.sdg-post .doc-header .doc-meta { font-size: .92rem; color: #4b5563; }
.sdg-post h2 { font-size: 1.7rem; margin: 0 0 .25rem; color: #19486a; }
.sdg-post h3 { font-size: 1.3rem; margin: 2.25rem 0 .75rem; padding-bottom: .4rem; border-bottom: 2px solid #e5e7eb; color: #19486a; }
.sdg-post h4 { font-size: 1.05rem; margin: 1.4rem 0 .4rem; color: #111827; }
.sdg-post p { margin: 0 0 .9rem; }
.sdg-post a { color: #0b5ed7; word-break: break-word; }

.sdg-post figure {
  display: block !important;
  float: none !important;
  width: auto !important;
  max-width: 720px !important;
  margin: 1.25rem auto 1.5rem !important;
  text-align: center !important;
}
.sdg-post figure img {
  display: block !important;
  float: none !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}
.sdg-post figure.fig-tall { max-width: 600px !important; }
.sdg-post .fig-row figure { max-width: none !important; }
.sdg-post figcaption { display: block !important; font-size: .85rem; color: #6b7280; text-align: center !important; margin: .4rem auto 0 !important; font-style: italic; }
.sdg-post .fig-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .75rem; align-items: start; }
.sdg-post .fig-row figure { margin: .75rem 0; }

.sdg-post .table-wrap { overflow-x: auto; margin: .5rem 0 .3rem; }
.sdg-post table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.sdg-post th { background: #19486a; color: #fff; text-align: left; padding: .55rem .7rem; font-weight: 600; vertical-align: bottom; }
.sdg-post td { padding: .5rem .7rem; border-bottom: 1px solid #e5e7eb; vertical-align: top; }
.sdg-post tr:nth-child(even) td { background: #f8fafc; }
.sdg-post td.c, .sdg-post th.c { text-align: center; }
.sdg-post .tnote { font-size: .82rem; color: #6b7280; font-style: italic; text-align: center; margin: .3rem 0 1.25rem; }/* End custom CSS */