/* =====================================================================
   BX ISI ARTIKEL — template halaman isi artikel (Pos) dari plugin.
   Judul, foto utama (rasio asli, tidak dipotong), isi artikel selebar foto utama, artikel lainnya.
   Isi diambil dari editor artikel WordPress (blok Gutenberg). Kartu "More stories" memakai bx-posts.css.
   ===================================================================== */

body.bx-v2-single{margin:0;background:#FFFFFF}
.bx-v2-single .bx-v2-main{display:block;width:auto;max-width:none;margin:0;padding:0;border:0;background:none}

/* Artikel di latar putih (lebih nyaman dibaca); "More stories" di bawahnya krem */
.bx-v2.bx-post{--bx-read:1200px;display:block;padding:0;border:0;background:var(--bx-white);color:var(--bx-choc)}

/* Lebar baca = lebar foto utama (1200 px = ukuran asli Gambar unggulan 1200 × 800, tidak diperbesar) */
.bx-v2 .bx-post__head,.bx-v2 .bx-post__media,.bx-v2 .bx-post__layout{max-width:calc(var(--bx-read) + var(--bx-gut) * 2);margin:0 auto;padding-left:var(--bx-gut);padding-right:var(--bx-gut)}

/* ---------- Kepala artikel ---------- */
.bx-v2 .bx-post__head{padding-top:clamp(40px,6vw,96px);padding-bottom:clamp(28px,3.4vw,52px)}
.bx-v2.bx-post a.bx-post__back{margin-bottom:clamp(28px,4vw,56px)}
.bx-v2 .bx-post__back .bx-arr{order:-1}
.bx-v2 .bx-post__back:is(:hover,:focus-visible) .bx-arr{transform:translateX(-.4em)}
.bx-v2 .bx-post__title{margin-top:clamp(16px,1.8vw,24px);max-width:19ch;font-family:var(--bx-font);font-size:calc(clamp(2.3rem,5.4vw,5.2rem) * var(--bx-fit,1));font-weight:700;letter-spacing:-.04em;line-height:1.02;color:var(--bx-choc);overflow-wrap:break-word}
.bx-v2 .bx-post__lead{margin-top:clamp(18px,2vw,28px);max-width:44ch;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:500;line-height:1.35;letter-spacing:-.012em;color:var(--bx-ink-soft)}

/* ---------- Foto utama: ukuran asli, tidak dipotong ---------- */
.bx-v2 .bx-post__cover{border-radius:var(--bx-r-frame);overflow:hidden;background:var(--bx-sand)}
.bx-v2 .bx-post__cover>img{display:block;width:100%;height:auto;max-width:none}

/* ---------- Isi ---------- */
.bx-v2 .bx-post__layout{padding-top:clamp(48px,6vw,96px)}
/* Tanpa foto utama (isi sudah punya gambar sendiri): gambar pertama di isi menempati posisi foto utama */
.bx-v2.bx-post--nocover .bx-post__layout{padding-top:0}
.bx-v2.bx-post--nocover .bx-post__body>:is(figure,.wp-block-image,.wp-block-gallery,.wp-block-cover,.wp-block-media-text):first-child+*{margin-top:clamp(48px,6vw,96px)}
.bx-v2 .bx-post__body{min-width:0;font-size:clamp(1.06rem,1.2vw,1.15rem);line-height:1.75;color:var(--bx-choc);overflow-wrap:break-word}
.bx-v2 .bx-post__body>*+*{margin-top:1.15em}
.bx-v2 .bx-post__body>*{margin-bottom:0}

/* Teks (dari editor WordPress; aturan ini juga menetralkan gaya Kit/tema) */
.bx-v2 .bx-post__body :is(p,li,dd,dt,td,th){font-size:inherit;line-height:inherit;color:inherit;font-family:var(--bx-font);letter-spacing:normal;text-transform:none}
.bx-v2 .bx-post__body :is(h2,h3,h4,h5,h6){font-family:var(--bx-font);font-weight:700;color:var(--bx-choc);text-transform:none}
.bx-v2 .bx-post__body h2{font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.03em;line-height:1.15}
.bx-v2 .bx-post__body h3{font-size:clamp(1.2rem,1.6vw,1.4rem);letter-spacing:-.02em;line-height:1.25}
.bx-v2 .bx-post__body :is(h4,h5,h6){font-size:1.05em;letter-spacing:-.01em;line-height:1.3}
.bx-v2 .bx-post__body>h2{margin-top:2.2em}
.bx-v2 .bx-post__body>:is(h3,h4,h5,h6){margin-top:1.8em}
.bx-v2 .bx-post__body>:is(h2,h3,h4,h5,h6)+*{margin-top:.6em}
.bx-v2 .bx-post__body>:first-child{margin-top:0}
.bx-v2 .bx-post__body :is(strong,b){font-weight:700;color:inherit}
.bx-v2 .bx-post__body :is(em,i){font-style:italic;color:inherit}
.bx-v2 .bx-post__body mark{background:var(--bx-sand);color:inherit;padding:0 .15em}
.bx-v2.bx-post .bx-post__body a[href]{color:var(--bx-choc);text-decoration:underline;text-decoration-color:var(--bx-orange);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--bx-t) var(--bx-ease)}
.bx-v2.bx-post .bx-post__body a[href]:hover{color:var(--bx-orange)}

/* Daftar */
.bx-v2 .bx-post__body :is(ul,ol){padding-left:0;list-style:none}
.bx-v2 .bx-post__body ul>li{position:relative;padding-left:1.4em;margin-top:.45em}
.bx-v2 .bx-post__body ul>li::before{content:"";position:absolute;left:.2em;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--bx-orange)}
.bx-v2 .bx-post__body ol{counter-reset:bx-ol}
.bx-v2 .bx-post__body ol>li{position:relative;padding-left:1.8em;margin-top:.45em;counter-increment:bx-ol}
.bx-v2 .bx-post__body ol>li::before{content:counter(bx-ol);position:absolute;left:0;top:0;font-weight:700;color:var(--bx-orange);font-variant-numeric:tabular-nums}
.bx-v2 .bx-post__body li>:is(ul,ol){margin-top:.45em}

/* Kutipan */
.bx-v2 .bx-post__body>blockquote{margin-top:2em;padding:0;border:0}
.bx-v2 .bx-post__body>blockquote+*{margin-top:2em}
.bx-v2 .bx-post__body blockquote p{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:300;font-style:italic;letter-spacing:-.03em;line-height:1.2}
.bx-v2 .bx-post__body blockquote>p:first-child::before{content:"\201C";color:var(--bx-orange);margin-right:.05em}
.bx-v2 .bx-post__body blockquote cite{display:block;margin-top:14px;font-size:.78rem;font-style:normal;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bx-ink-soft)}
.bx-v2 .bx-post__body .wp-block-pullquote{padding:0;border:0;text-align:left}

/* Foto, galeri, video (blok Gambar biasanya 1200 × 800 → tampil penuh selebar isi) */
.bx-v2 .bx-post__body>:is(figure,.wp-block-image,.wp-block-gallery,.wp-block-embed,.wp-block-video,.wp-block-cover,.wp-block-media-text,.wp-block-table){margin-top:2em}
.bx-v2 .bx-post__body>:is(figure,.wp-block-image,.wp-block-gallery,.wp-block-embed,.wp-block-video,.wp-block-cover,.wp-block-media-text,.wp-block-table)+*{margin-top:2em}
.bx-v2 .bx-post__body img{max-width:100%;height:auto;border-radius:var(--bx-r-frame)}
.bx-v2 .bx-post__body .wp-block-image:is(.size-large,.size-full,:not([class*="size-"])) img,.bx-v2 .bx-post__body>p>img{display:block;width:100%}
.bx-v2 .bx-post__body :is(.alignwide,.alignfull){width:100%;max-width:100%;margin-left:0;margin-right:0}
.bx-v2 .bx-post__body :is(figcaption,.wp-element-caption){margin:12px 0 0;font-size:.88rem;line-height:1.45;color:var(--bx-ink-soft);text-align:left}
.bx-v2 .bx-post__body :is(iframe,video){display:block;max-width:100%;border:0;border-radius:var(--bx-r-frame)}
.bx-v2 .bx-post__body .wp-block-embed.is-type-video iframe,.bx-v2 .bx-post__body .wp-block-embed-youtube iframe{width:100%;height:auto;aspect-ratio:16/9}
.bx-v2 .bx-post__body .wp-block-embed__wrapper::before{display:none}

/* Tabel, kode, garis */
.bx-v2 .bx-post__body table{width:100%;border-collapse:collapse;font-size:.95em}
.bx-v2 .bx-post__body :is(th,td){padding:.7em .9em;border:0;border-bottom:1px solid var(--bx-line);text-align:left;vertical-align:top}
.bx-v2 .bx-post__body th{font-weight:700}
.bx-v2 .bx-post__body :is(code,kbd){padding:.1em .35em;border-radius:4px;background:var(--bx-sand);font-size:.9em;color:inherit}
.bx-v2 .bx-post__body pre{overflow:auto;padding:1em 1.2em;border-radius:var(--bx-r-frame);background:var(--bx-sand);font-size:.9em;line-height:1.5}
.bx-v2 .bx-post__body pre code{padding:0;background:none}
.bx-v2 .bx-post__body hr{height:1px;margin:2.4em 0 0;border:0;background:var(--bx-line);opacity:1}
.bx-v2 .bx-post__body>hr+*{margin-top:2.4em}

/* Tombol (blok Tombol) */
.bx-v2.bx-post .bx-post__body .wp-block-button__link{display:inline-flex;align-items:center;padding:.95em 1.6em;border-radius:var(--bx-r-round);background:var(--bx-choc);color:var(--bx-cream);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background-color var(--bx-t) var(--bx-ease)}
.bx-v2.bx-post .bx-post__body .wp-block-button__link:hover{background:var(--bx-orange);color:var(--bx-white)}

/* Artikel berkata sandi */
.bx-v2 .bx-post__body .post-password-form input[type="password"]{padding:.7em 1em;border:1px solid var(--bx-line);border-radius:var(--bx-r-frame);background:var(--bx-white);font:inherit;color:inherit}
.bx-v2 .bx-post__body .post-password-form input[type="submit"]{margin-left:.5em;padding:.75em 1.4em;border:0;border-radius:var(--bx-r-round);background:var(--bx-choc);color:var(--bx-cream);font:700 .8rem/1 var(--bx-font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}

/* ---------- Artikel lainnya ---------- */
.bx-v2 .bx-post__layout{padding-bottom:clamp(80px,10vw,160px)}
.bx-v2 .bx-post__more{display:block;background:var(--bx-cream);padding:clamp(64px,8vw,128px) 0 clamp(72px,9vw,144px)}
.bx-v2 .bx-post__more-in{max-width:calc(1560px + var(--bx-gut) * 2);margin:0 auto;padding:0 var(--bx-gut)}
.bx-v2 .bx-post__more-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,3.4vw,52px)}
.bx-v2 .bx-post__more-title{flex:1 1 0;min-width:0;font-size:calc(clamp(2.2rem,5vw,5.2rem) * var(--bx-fit,1));font-weight:900;letter-spacing:-.05em;line-height:.86;text-transform:uppercase;color:var(--bx-choc)}
.bx-v2 .bx-post__more-title .bx-ln>span{white-space:nowrap}
.bx-v2 .bx-post__more-title .bx-it{font-size:.9em;padding-right:.1em}

@media (max-width:767px){
  .bx-v2 .bx-post__more-top{flex-direction:column;align-items:flex-start;gap:12px}
  .bx-v2 .bx-post__more-title{flex:none;width:100%}
}