/* ================================================================
   pages/berita.css — PT Asuransi Intra Asia
   Halaman: berita.php, siaran-pers-detail.php
   Mobile-first. Base = smartphone.
   Breakpoints: 769

   Menggantikan: inline <style> dari berita.php dan siaran-pers-detail.php
   + menghapus link ke intra-asia-fe-1.min.css (392KB, 1399 !important)

   Audit intra-asia-fe-1.min.css:
   Kelas yang dipakai di berita.php dan siaran-pers-detail.php adalah
   .section-media-page-detail* yang SELURUHNYA didefinisikan di main.css
   (baris 4734+) dan responsive.css. Tidak ada satu pun kelas dari halaman
   ini yang membutuhkan intra-asia-fe-1.min.css. Bundle dihapus.

   Dimuat via $page_head_styles -> terakhir di <head> -> menang cascade.
   0 !important.
================================================================ */


/* ============================================================
   CONTAINER LATAR SVG
   ============================================================ */
.section-media-page-detail-container {
  background-image: url(../img/accent-media-detail.svg);
  background-position: top left -72px;
  background-repeat: no-repeat;
  background-size: 650px 450px;
}
@media (min-width: 769px) {
  .section-media-page-detail-container {
    background-size: 650px 450px;
    background-position: top left -72px;
    padding: 0;
  }
}


/* Fallback mobile: perkecil latar agar tidak menumpuk teks */
@media (max-width: 768px) {
  .section-media-page-detail-container {
    background-size: 400px 280px;
    background-position: top left -40px;
    padding: 0;
  }
}


/* ============================================================
   KOLOM KANAN — rekomendasi artikel
   ============================================================ */
.section-media-page-detail__right { padding-top: 24px; }


/* ============================================================
   KONTEN ARTIKEL (TinyMCE output) — styling teks kaya
   ============================================================ */
.section-media-page-detail__left-content-desc {
  line-height: 1.8;
  color: #333;
}
.section-media-page-detail__left-content-desc p {
  margin-bottom: 16px;
}
.section-media-page-detail__left-content-desc strong,
.section-media-page-detail__left-content-desc b {
  font-weight: 700;
  color: #22313f;
}
.section-media-page-detail__left-content-desc em,
.section-media-page-detail__left-content-desc i {
  font-style: italic;
}
.section-media-page-detail__left-content-desc ul,
.section-media-page-detail__left-content-desc ol {
  margin: 16px 0;
  padding-left: 32px;
}
.section-media-page-detail__left-content-desc ul li {
  list-style-type: disc;
  margin-bottom: 8px;
}
.section-media-page-detail__left-content-desc ol li {
  list-style-type: decimal;
  margin-bottom: 8px;
}
.section-media-page-detail__left-content-desc h1,
.section-media-page-detail__left-content-desc h2,
.section-media-page-detail__left-content-desc h3 {
  font-weight: 700;
  color: #22313f;
  margin: 20px 0 12px;
}
