/* ── Blok "Card Model 3" (page-builder) ──
   Kartu riwayat/tonggak sejarah: judul (tanggal/peristiwa) + deskripsi, dengan
   bar aksen di tepi kiri yang warnanya bisa diatur admin (color picker).
   Warna bar DITULIS INLINE (background-color) di elemen .bk-milestone-bar
   sungguhan — bukan lewat ::before/custom-property — karena pseudo-element
   tidak bisa ditarget inline style dari HTML, dan custom property (--x)
   dibuang HtmlSanitizer. Bentuk/posisi bar (rounded, lebar, dsb) tetap lewat
   class di sini karena border-radius per-sudut dibuang sanitizer kalau
   inline (lihat HtmlSanitizer::clean()). */

.bk-milestone-card {
    position: relative;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
    padding: 20px 24px 20px 28px;
    overflow: hidden;
}

.bk-milestone-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 6px;
}

.bk-milestone-title {
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 6px;
}

.bk-milestone-desc {
    color: #6c757d;
    font-size: .92rem;
    line-height: 1.5;
    margin-bottom: 0;
}