/* Klinforce Artikel v1.1.0 - tampilan artikel sesuai mockup + skala huruf 2 Okt 2026 (ponsel <=767 px; desktop kolom 720 px) */
:is(#kfa-artikel,.kfa-artikel){box-sizing:content-box;display:block;float:none;width:auto;max-width:720px;margin:0 auto;padding:0 20px;border:0;background:#FFFFFF;color:#1F1F1F;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:normal;text-align:left;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;-webkit-font-smoothing:antialiased}
:is(#kfa-artikel,.kfa-artikel) :is(div,p,h1,h2,h3,ul,ol,li,details,summary,figure,figcaption,a,strong,b,em,i,span,img){box-sizing:content-box;float:none;width:auto;max-width:none;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-transform:inherit;text-align:inherit;text-decoration:none;text-indent:0;white-space:normal;vertical-align:baseline;transition:none;opacity:1}
:where(body.kfa-halaman) :is(#kfa-artikel,.kfa-artikel) :is(div,p,h1,h2,h3,ul,ol,li,details,summary,figure,figcaption,a,strong,b,em,i,span,img){position:static}
:is(#kfa-artikel,.kfa-artikel) :is(div,p,h1,h2,h3,ul,ol,details,figure){display:block}
:is(#kfa-artikel,.kfa-artikel) :is(a,strong,b,em,i,span){display:inline}
:is(#kfa-artikel,.kfa-artikel) :is(strong,b){font-weight:700}
:is(#kfa-artikel,.kfa-artikel) :is(em,i){font-style:italic}
:where(body.kfa-halaman) :is(#kfa-artikel,.kfa-artikel) :is(div,p,h1,h2,h3,ul,ol,li,details,summary,a,strong,span)::before,:where(body.kfa-halaman) :is(#kfa-artikel,.kfa-artikel) :is(div,p,h1,h2,h3,ul,ol,li,details,summary,a,strong,span)::after{content:none;display:none}
/* Tema klasik (tanpa theme.json): WordPress menambah div .wp-block-group__inner-container di dalam setiap Grup; dibuat transparan agar tata letak flex tetap jalan */
:is(#kfa-artikel,.kfa-artikel) .wp-block-group__inner-container{display:contents}
:is(#kfa-artikel,.kfa-artikel) a{color:#A40806;text-decoration:underline;cursor:pointer}
:is(#kfa-artikel,.kfa-artikel) a:hover,:is(#kfa-artikel,.kfa-artikel) a:focus{color:#7A0604}
:is(#kfa-artikel,.kfa-artikel) img{display:block;max-width:100%;height:auto}
:is(#kfa-artikel,.kfa-artikel) li::marker,:is(#kfa-artikel,.kfa-artikel) summary::marker{content:normal;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:normal}

/* Kepala */
:is(#kfa-artikel,.kfa-artikel) .kfa-kepala{display:flex;flex-direction:column;gap:14px;padding-top:20px}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-jejak,.kfa-meta){font-size:13px;font-weight:500;color:#5E5850}
:is(#kfa-artikel,.kfa-artikel) .kfa-jejak{line-height:1.5}
:is(#kfa-artikel,.kfa-artikel) .kfa-jejak a,:is(#kfa-artikel,.kfa-artikel) .kfa-jejak a:hover{color:#5E5850}
:is(#kfa-artikel,.kfa-artikel) .kfa-judul{font-family:'Archivo',sans-serif;font-stretch:85%;font-weight:800;font-size:32px;line-height:1.1}

/* Foto utama (kotak penanda atau blok Gambar tepat di bawah kepala) */
:is(#kfa-artikel,.kfa-artikel) .kfa-foto{display:flex;align-items:center;justify-content:center;margin:18px 0;aspect-ratio:350/220;background:#F7F4EF;border-radius:18px;font-size:13px;color:#6B655C;text-align:center}
:is(#kfa-artikel,.kfa-artikel) .kfa-kepala + figure.wp-block-image{margin:18px 0}
:is(#kfa-artikel,.kfa-artikel) .kfa-kepala + figure.wp-block-image img{width:100%;aspect-ratio:350/220;object-fit:cover;border-radius:18px}

/* Isi */
:is(#kfa-artikel,.kfa-artikel) .kfa-isi{display:flex;flex-direction:column;gap:28px;font-size:16px;line-height:1.7}
:is(#kfa-artikel,.kfa-artikel) h2{font-family:'Archivo',sans-serif;font-stretch:85%;font-weight:800;font-size:26px;line-height:1.1;margin:0 0 10px}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-isi,:is(.kfa-isi) > .wp-block-group__inner-container) > h2{margin-bottom:-18px}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-bagian-langkah,.kfa-baca,:is(.kfa-bagian-langkah,.kfa-baca) > .wp-block-group__inner-container) > h2{margin-bottom:14px}
:is(#kfa-artikel,.kfa-artikel) ul,:is(#kfa-artikel,.kfa-artikel) ol{margin:0;padding:0 0 0 20px;list-style:disc outside}
:is(#kfa-artikel,.kfa-artikel) ol{list-style:decimal outside}
:is(#kfa-artikel,.kfa-artikel) li{display:list-item;list-style:inherit}

/* Kartu Kenali dulu */
:is(#kfa-artikel,.kfa-artikel) .kfa-kenali{position:relative;display:flex;gap:14px;align-items:center;padding:14px;border:1px solid #E8E3DA;border-radius:16px;color:#1F1F1F}
:is(#kfa-artikel,.kfa-artikel) .kfa-mini{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;background:#F7F4EF;font-size:12px;color:#6B655C;text-align:center}
:is(#kfa-artikel,.kfa-artikel) .kfa-produk .kfa-mini{width:80px;height:80px;border-radius:14px;background:#FFFFFF}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-kenali,.kfa-produk-baris,:is(.kfa-kenali,.kfa-produk-baris) > .wp-block-group__inner-container) > figure.wp-block-image{flex-shrink:0;margin:0}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-kenali,:is(.kfa-kenali) > .wp-block-group__inner-container) > figure.wp-block-image img{width:64px;height:64px;object-fit:cover;border-radius:12px}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-produk-baris,:is(.kfa-produk-baris) > .wp-block-group__inner-container) > figure.wp-block-image img{width:80px;height:80px;object-fit:cover;border-radius:14px}
:is(#kfa-artikel,.kfa-artikel) .kfa-teks{display:flex;flex-direction:column;gap:2px}
:is(#kfa-artikel,.kfa-artikel) .kfa-produk .kfa-teks{gap:4px}
:is(#kfa-artikel,.kfa-artikel) .kfa-label{font-size:12px;font-weight:700;color:#A40806;text-transform:uppercase;letter-spacing:0.06em}
:is(#kfa-artikel,.kfa-artikel) .kfa-tebal{font-weight:700;font-size:19px;line-height:1.3}
:is(#kfa-artikel,.kfa-artikel) .kfa-kecil{font-size:13px;font-weight:500;color:#5E5850}
:is(#kfa-artikel,.kfa-artikel) .kfa-kenali a,:is(#kfa-artikel,.kfa-artikel) .kfa-kenali a:hover{color:inherit;text-decoration:none}
:is(#kfa-artikel,.kfa-artikel) .kfa-kenali:hover .kfa-tebal{color:#7A0604}

/* Langkah bernomor */
:is(#kfa-artikel,.kfa-artikel) .kfa-langkah{display:flex;flex-direction:column;gap:16px;padding:0;list-style:none;counter-reset:kfa-langkah}
:is(#kfa-artikel,.kfa-artikel) .kfa-langkah > li{display:block;position:relative;min-height:36px;padding-left:50px;list-style:none;counter-increment:kfa-langkah}
:is(#kfa-artikel,.kfa-artikel) .kfa-langkah > li::before{content:counter(kfa-langkah);display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:36px;border-radius:18px;background:#A40806;color:#FFFFFF;font-weight:800;font-size:16px}

/* Kotak Aman dipakai */
:is(#kfa-artikel,.kfa-artikel) .kfa-aman{padding:18px;background:#FFF4D6;border:2px solid #F5B000;border-radius:18px}
:is(#kfa-artikel,.kfa-artikel) .kfa-aman-judul{display:flex;gap:10px;align-items:center;margin-bottom:10px;font-weight:700;font-size:19px;line-height:1.3}
:is(#kfa-artikel,.kfa-artikel) .kfa-aman-judul::before{content:"";display:block;flex-shrink:0;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231F1F1F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 16H3z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E") no-repeat center/24px 24px}
:is(#kfa-artikel,.kfa-artikel) .kfa-aman ul{font-size:16px;line-height:1.7}

/* Daftar centang */
:is(#kfa-artikel,.kfa-artikel) .kfa-cek{display:flex;flex-direction:column;gap:8px;padding:0;list-style:none}
:is(#kfa-artikel,.kfa-artikel) .kfa-cek > li{display:block;position:relative;min-height:24px;padding-left:32px;list-style:none}
:is(#kfa-artikel,.kfa-artikel) .kfa-cek > li::before{content:"";display:block;position:absolute;left:0;top:2px;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231F7A4D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") no-repeat center/22px 22px}

/* Tanya-jawab */
:is(#kfa-artikel,.kfa-artikel) details{border-top:1px solid #E8E3DA;padding:14px 0}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-tanya,:is(.kfa-tanya) > .wp-block-group__inner-container) > details:last-of-type{border-bottom:1px solid #E8E3DA}
:is(#kfa-artikel,.kfa-artikel) summary{display:list-item;list-style:disclosure-closed inside;font-weight:700;cursor:pointer}
:is(#kfa-artikel,.kfa-artikel) details[open] > summary{list-style-type:disclosure-open}
:is(#kfa-artikel,.kfa-artikel) details > p{margin:8px 0 0;color:#5E5850}

/* Kotak produk */
:is(#kfa-artikel,.kfa-artikel) .kfa-produk{display:flex;flex-direction:column;gap:12px;padding:18px;background:#F7F4EF;border-radius:20px}
:is(#kfa-artikel,.kfa-artikel) .kfa-produk-baris{display:flex;gap:14px;align-items:center}
:is(#kfa-artikel,.kfa-artikel) .kfa-produk :is(.wp-block-buttons,.wp-block-button){display:block;gap:0;margin:0;padding:0;width:auto}
:is(#kfa-artikel,.kfa-artikel) .kfa-produk .wp-block-button__link{display:block;width:auto;padding:14px;border:0;border-radius:999px;background:#A40806;color:#FFFFFF;font-size:16px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;word-break:normal}
:is(#kfa-artikel,.kfa-artikel) .kfa-produk .wp-block-button__link:hover,:is(#kfa-artikel,.kfa-artikel) .kfa-produk .wp-block-button__link:focus{background:#7A0604;color:#FFFFFF}

/* Baca juga */
:is(#kfa-artikel,.kfa-artikel) .kfa-baca{padding-bottom:40px}
:is(#kfa-artikel,.kfa-artikel) .kfa-baca-item{position:relative;display:flex;gap:14px;align-items:center}
:is(#kfa-artikel,.kfa-artikel) .kfa-baca-item + .kfa-baca-item{margin-top:14px}
:is(#kfa-artikel,.kfa-artikel) .kfa-thumb{flex-shrink:0;overflow:hidden;width:96px;height:72px;border-radius:12px;background:#F7F4EF}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-baca-item,:is(.kfa-baca-item) > .wp-block-group__inner-container) > figure.wp-block-image{flex-shrink:0;margin:0}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-baca-item,:is(.kfa-baca-item) > .wp-block-group__inner-container) > figure.wp-block-image img{width:96px;height:72px;object-fit:cover;border-radius:12px}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-baca-item,:is(.kfa-baca-item) > .wp-block-group__inner-container) > p{font-weight:700;font-size:19px;line-height:1.3}
:is(#kfa-artikel,.kfa-artikel) .kfa-baca-item a{color:#1F1F1F;text-decoration:none}
:is(#kfa-artikel,.kfa-artikel) .kfa-baca-item a:hover{color:#7A0604}

/* Komputer (768 px ke atas): ukuran desktop skala huruf */
@media (min-width:768px){
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-jejak,.kfa-meta){font-size:14px}
:is(#kfa-artikel,.kfa-artikel) .kfa-judul{font-size:44px}
:is(#kfa-artikel,.kfa-artikel) .kfa-foto{font-size:14px}
:is(#kfa-artikel,.kfa-artikel) .kfa-isi{font-size:17px}
:is(#kfa-artikel,.kfa-artikel) h2{font-size:36px}
:is(#kfa-artikel,.kfa-artikel) .kfa-mini{font-size:14px}
:is(#kfa-artikel,.kfa-artikel) .kfa-label{font-size:13px}
:is(#kfa-artikel,.kfa-artikel) .kfa-tebal{font-size:22px}
:is(#kfa-artikel,.kfa-artikel) .kfa-kecil{font-size:14px}
:is(#kfa-artikel,.kfa-artikel) .kfa-aman-judul{font-size:22px}
:is(#kfa-artikel,.kfa-artikel) .kfa-aman ul{font-size:17px}
:is(#kfa-artikel,.kfa-artikel) :is(.kfa-baca-item,:is(.kfa-baca-item) > .wp-block-group__inner-container) > p{font-size:22px}
}

/* Halaman situs (bukan editor): seluruh kartu bisa diklik */
body.kfa-halaman :is(#kfa-artikel,.kfa-artikel) :is(.kfa-kenali,.kfa-baca-item) a::after{content:"";display:block;position:absolute;inset:0;z-index:1}

/* Ponsel: artikel selebar layar, tepi 20 px seperti mockup */
@media (max-width:767px){body.kfa-halaman :is(#kfa-artikel,.kfa-artikel){box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 20px}}

/* Sembunyikan bagian bawaan tema di laman artikel (judul ganda, meta, gambar unggulan, sidebar, komentar) */
body.kfa-halaman :is(#content,.site-content) :is(.entry-header,.entry-meta,.entry-footer,.post-thumbnail,.entry-thumbnail,.featured-image,.post-navigation,.posts-navigation,.comments-area,#comments,#secondary,.widget-area,.related-posts,.author-box,.share-buttons,.breadcrumb,.breadcrumbs){display:none!important}
body.kfa-halaman :is(#primary,.content-area){float:none!important;width:100%!important;max-width:none!important;flex:0 0 100%!important}
body.kfa-halaman :is(#content,.site-content,#content > .container,.site-content > .container,#primary,.content-area,#main,.site-main,article.hentry,.entry-content){padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
body.kfa-halaman article.hentry{border:0;box-shadow:none;background:transparent}