.elementor-11506 .elementor-element.elementor-element-7a75f47{--display:flex;}@media(min-width:768px){.elementor-11506 .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 h5 { font-size: .98rem; margin: 1.1rem 0 .35rem; color: #374151; font-weight: 700; }
.sdg-post p { margin: 0 0 .9rem; }
.sdg-post a { color: #0b5ed7; word-break: break-word; }
.sdg-post .subtitle { font-size: 1rem; color: #4b5563; margin: 0 0 1.25rem; }

/* ---------- Foto tunggal: tidak terlalu besar, di tengah ---------- */
.sdg-post figure {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 1.25rem auto 1.5rem !important;
  text-align: center !important;
}
.sdg-post figure img {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}
.sdg-post figure.fig-tall { max-width: 420px !important; }   /* foto/gambar portrait */
.sdg-post figcaption { display: block !important; font-size: .85rem; color: #6b7280; text-align: center !important; margin: .4rem auto 0 !important; font-style: italic; }

/* ---------- 2 atau 3 foto sejajar: sama besar ---------- */
.sdg-post .fig-row {
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;            /* semua kolom lebar sama */
  gap: 1rem;
  align-items: start;
  max-width: 860px;
  margin: 1.25rem auto 1.5rem;
}
.sdg-post .fig-row figure { max-width: none !important; width: 100% !important; margin: 0 !important; }
.sdg-post .fig-row figure img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;               /* kotak foto sama tinggi */
  object-fit: contain;               /* foto tidak terpotong */
  background: #f3f4f6;
}
.sdg-post .fig-row.portrait { max-width: 560px; }
@media (max-width: 640px) {
  .sdg-post .fig-row { grid-auto-flow: row; grid-template-columns: 1fr; }
}

/* ---------- Link / keterangan di bawah foto ---------- */
.sdg-post .fig-link { font-size: .82rem; color: #6b7280; text-align: center; margin: -.75rem auto 1.5rem; max-width: 720px; word-break: break-word; }
.sdg-post .fig-caption { font-size: .85rem; color: #6b7280; text-align: center; margin: -.75rem auto 1.5rem; font-style: italic; max-width: 860px; }

/* ---------- Logo dokumen ---------- */
.sdg-post figure.doc-logo { max-width: 260px !important; margin: 0 0 1rem !important; text-align: left !important; }
.sdg-post figure.doc-logo img { margin: 0 !important; border: 0; border-radius: 0; }

/* ---------- Tabel ---------- */
.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 table.table-sm { font-size: .8rem; }
.sdg-post table.table-sm td, .sdg-post table.table-sm th { padding: .45rem .5rem; }
.sdg-post table.table-sm td.url { min-width: 180px; word-break: break-all; }
.sdg-post .tcap { font-size: .9rem; color: #19486a; font-weight: 600; margin: 1.25rem 0 .3rem; }
.sdg-post .tnote { font-size: .82rem; color: #6b7280; font-style: italic; text-align: center; margin: .3rem 0 1.25rem; }

/* ---------- Referensi ---------- */
.sdg-post .refs p { font-size: .88rem; color: #4b5563; margin: 0 0 .45rem; }

/* ---------- Grafik/chart lebar ---------- */
.sdg-post figure.fig-chart { max-width: 760px !important; }/* End custom CSS */