/* =====================================================================
   BX3 ISI ARTIKEL — gaya "Media Center" CHAGEE
   Judul & tanggal di tengah, isi selebar 900 px, sebelumnya/selanjutnya + tombol bulat "Kembali ke daftar".
   Isi diambil dari editor artikel WordPress (blok Gutenberg); aturan di sini juga menetralkan gaya Kit/tema.
   ===================================================================== */

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

.bx3.bx3-post{--bx3-read:900px;display:block;background:var(--bx3-white);padding:clamp(56px,6.6vw,124px) var(--bx3-pad-x) clamp(72px,8vw,140px)}
.bx3 .bx3-post__head,.bx3 .bx3-post__cover,.bx3 .bx3-post__body,.bx3 .bx3-post__nav{max-width:var(--bx3-read);margin-left:auto;margin-right:auto}

/* ---------- Kepala ---------- */
.bx3 .bx3-post__head{text-align:center}
.bx3 .bx3-post__title{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700;line-height:1.4;color:var(--bx3-ink);overflow-wrap:break-word}
.bx3 .bx3-post__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.6em;margin-top:clamp(18px,2vw,28px);font-size:var(--bx3-fs-xs);line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--bx3-ink-soft)}
.bx3 .bx3-post__meta a[href]:is(:hover,:focus-visible){color:var(--bx3-orange)}
.bx3 .bx3-post__lead{max-width:40em;margin:clamp(18px,2vw,28px) auto 0;font-size:var(--bx3-fs-body);line-height:1.8;color:var(--bx3-ink-soft)}

/* ---------- Foto utama (dipakai bila isi tidak punya gambar) ---------- */
.bx3 .bx3-post__cover{margin-top:clamp(40px,5vw,80px);overflow:hidden;background:var(--bx3-sand)}
.bx3 .bx3-post__cover img{display:block;width:100%;height:auto;max-width:none}

/* ---------- Isi ---------- */
.bx3 .bx3-post__body{margin-top:clamp(40px,5vw,80px);font-size:clamp(1rem,1.1vw,1.0625rem);line-height:1.9;color:var(--bx3-ink-soft);overflow-wrap:break-word}
.bx3.bx3-post--nocover .bx3-post__body{margin-top:clamp(40px,5vw,80px)}
.bx3 .bx3-post__body>*{margin-bottom:0}
.bx3 .bx3-post__body>*+*{margin-top:1.2em}
.bx3 .bx3-post__body>:first-child{margin-top:0}
.bx3 .bx3-post__body :is(p,li,dd,dt,td,th){font-family:var(--bx3-font);font-size:inherit;line-height:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.bx3 .bx3-post__body :is(h2,h3,h4,h5,h6){font-family:var(--bx3-font);font-weight:700;color:var(--bx3-ink);text-transform:none;letter-spacing:0}
.bx3 .bx3-post__body h2{font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.35}
.bx3 .bx3-post__body h3{font-size:clamp(1.15rem,1.4vw,1.3rem);line-height:1.4}
.bx3 .bx3-post__body :is(h4,h5,h6){font-size:1.05em;line-height:1.4}
.bx3 .bx3-post__body>h2{margin-top:2em}
.bx3 .bx3-post__body>:is(h3,h4,h5,h6){margin-top:1.7em}
.bx3 .bx3-post__body>:is(h2,h3,h4,h5,h6)+*{margin-top:.6em}
.bx3 .bx3-post__body :is(strong,b){font-weight:700;color:var(--bx3-ink)}
.bx3 .bx3-post__body :is(em,i){font-style:italic}
.bx3 .bx3-post__body mark{background:var(--bx3-sand);color:inherit;padding:0 .15em}
.bx3.bx3-post .bx3-post__body a[href]{color:var(--bx3-ink);text-decoration:underline;text-decoration-color:var(--bx3-orange);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--bx3-t) var(--bx3-ease)}
.bx3.bx3-post .bx3-post__body a[href]:hover{color:var(--bx3-orange)}

/* Daftar */
.bx3 .bx3-post__body :is(ul,ol){padding-left:0;list-style:none}
.bx3 .bx3-post__body ul>li{position:relative;padding-left:1.3em;margin-top:.4em}
.bx3 .bx3-post__body ul>li::before{content:"";position:absolute;left:.2em;top:.82em;width:5px;height:5px;border-radius:50%;background:var(--bx3-orange)}
.bx3 .bx3-post__body ol{counter-reset:bx3-ol}
.bx3 .bx3-post__body ol>li{position:relative;padding-left:1.7em;margin-top:.4em;counter-increment:bx3-ol}
.bx3 .bx3-post__body ol>li::before{content:counter(bx3-ol) ".";position:absolute;left:0;top:0;color:var(--bx3-ink);font-variant-numeric:tabular-nums}
.bx3 .bx3-post__body li>:is(ul,ol){margin-top:.4em}

/* Kutipan */
.bx3 .bx3-post__body>blockquote{margin-top:2em;padding:0 0 0 1.2em;border:0;border-left:2px solid var(--bx3-orange)}
.bx3 .bx3-post__body>blockquote+*{margin-top:2em}
.bx3 .bx3-post__body blockquote p{font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.7;color:var(--bx3-ink)}
.bx3 .bx3-post__body blockquote cite{display:block;margin-top:10px;font-size:var(--bx3-fs-xs);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--bx3-ink-soft)}
.bx3 .bx3-post__body .wp-block-pullquote{padding:0;border:0;text-align:left}

/* Foto, galeri, video: selebar isi */
.bx3 .bx3-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}
.bx3 .bx3-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}
.bx3.bx3-post--nocover .bx3-post__body>:is(figure,.wp-block-image,.wp-block-gallery,.wp-block-cover,.wp-block-media-text):first-child{margin-top:0}
.bx3 .bx3-post__body img{max-width:100%;height:auto}
.bx3 .bx3-post__body .wp-block-image:is(.size-large,.size-full,:not([class*="size-"])) img,.bx3 .bx3-post__body>p>img{display:block;width:100%}
.bx3 .bx3-post__body :is(.alignwide,.alignfull){width:100%;max-width:100%;margin-left:0;margin-right:0}
.bx3 .bx3-post__body :is(figcaption,.wp-element-caption){margin:10px 0 0;font-size:.85rem;line-height:1.5;color:var(--bx3-ink-soft);text-align:left}
.bx3 .bx3-post__body :is(iframe,video){display:block;max-width:100%;border:0}
.bx3 .bx3-post__body .wp-block-embed.is-type-video iframe,.bx3 .bx3-post__body .wp-block-embed-youtube iframe{width:100%;height:auto;aspect-ratio:16/9}
.bx3 .bx3-post__body .wp-block-embed__wrapper::before{display:none}

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

/* Tombol (blok Tombol) = tombol pill v3 */
.bx3.bx3-post .bx3-post__body .wp-block-button__link{display:inline-flex;align-items:center;padding:.8em 1.6em;border:1px solid var(--bx3-line-btn);border-radius:999px;background:transparent;color:var(--bx3-ink-soft);font-size:var(--bx3-fs-sm);line-height:1;text-decoration:none;transition:background-color var(--bx3-t) var(--bx3-ease),color var(--bx3-t) var(--bx3-ease)}
.bx3.bx3-post .bx3-post__body .wp-block-button__link:hover{background:var(--bx3-choc);border-color:var(--bx3-choc);color:var(--bx3-white)}

/* Artikel berkata sandi */
.bx3 .bx3-post__body .post-password-form input[type="password"]{padding:.7em 1em;border:1px solid var(--bx3-line-btn);border-radius:999px;background:var(--bx3-white);font:inherit;color:inherit}
.bx3 .bx3-post__body .post-password-form input[type="submit"]{margin-left:.5em;padding:.75em 1.4em;border:0;border-radius:999px;background:var(--bx3-choc);color:var(--bx3-white);font:400 .875rem/1 var(--bx3-font);cursor:pointer}

/* ---------- Sebelumnya / selanjutnya + kembali ke daftar ---------- */
.bx3 .bx3-post__nav{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(56px,7vw,112px);padding-top:clamp(24px,2.4vw,36px);border-top:1px solid var(--bx3-line)}
.bx3 .bx3-post__adj{flex:1 1 auto;min-width:0}
.bx3 .bx3-post__adj-row{display:flex;gap:.5em;font-size:var(--bx3-fs-sm);line-height:2.2;color:var(--bx3-ink-soft);white-space:nowrap}
.bx3 .bx3-post__adj-label{flex:none}
.bx3 .bx3-post__adj-row a[href]{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--bx3-ink)}
.bx3 .bx3-post__adj-row a[href]:is(:hover,:focus-visible){color:var(--bx3-orange)}
.bx3 a.bx3-post__back[href]{flex:none;display:grid;place-items:center;width:84px;height:84px;padding:10px;border-radius:50%;background-color:var(--bx3-sand);color:var(--bx3-ink);font-size:var(--bx3-fs-xs);line-height:1.3;text-align:center;transition:background-color var(--bx3-t) var(--bx3-ease),color var(--bx3-t) var(--bx3-ease)}
.bx3.bx3-post a.bx3-post__back[href]:is(:hover,:focus-visible){background-color:var(--bx3-choc);color:var(--bx3-white)}

@media (max-width:767px){
  .bx3 .bx3-post__nav{align-items:flex-start}
  .bx3 .bx3-post__adj-row{flex-direction:column;gap:0;line-height:1.6;margin-bottom:12px;white-space:normal}
  .bx3 .bx3-post__adj-row a[href]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .bx3 a.bx3-post__back[href]{width:72px;height:72px}
}