/* ============================================================
   Tambahan gaya v4.0 — aturan yang belum ada di tema v3.3
   ------------------------------------------------------------
   Diambil apa adanya dari situs statis rev9 supaya tampilan
   bagian-bagian baru persis sama:
     .j*        blok "Pengalaman Panjang di Jambi"
     .obar .osub .olegend .ownnote   rincian kepemilikan pada bagan grup
     .subhead   sub-judul di dalam halaman
     .gph .gtile .figw .figcap       petak dan bingkai foto kegiatan
     .aibadge   label kegiatan pelatihan
   ============================================================ */

.jambi{margin-top:64px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px 34px 30px;box-shadow:var(--shadow)}
.jambi .jhead{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:start}
.jambi .jhead p{font-size:15px;line-height:1.72;color:var(--body)}
.jambi h3{font-size:24px;color:var(--ink);margin:6px 0 10px;letter-spacing:-.01em}
.jambi h3 em{font-style:normal;color:var(--orange)}
.jstat{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}
.jstat b{display:block;font-size:21px;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.1}
.jstat div{background:var(--paper);border-radius:12px;padding:16px 8px}
.jstat span{font-size:11px;color:var(--mute);line-height:1.35;display:block;margin-top:5px}
.jband{margin:28px 0 0;border-radius:14px;overflow:hidden;position:relative}
.jband figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 20px 12px;font-size:12px;
  font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,34,92,.72))}
.jband img{width:100%;aspect-ratio:21/7;object-fit:cover;display:block}
.jroute{width:100%;height:auto;margin:30px 0 6px;display:block}
.jcards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.jcards .jwho{font-size:12.5px;color:var(--orange);font-weight:700;margin-bottom:2px}
.jcards article{border:1px solid var(--line);border-radius:14px;padding:22px;border-left:4px solid var(--navy);background:#fff}
.jcards article+article{border-left-color:var(--green)}
.jcards article:hover .jpic img{transform:scale(1.035)}
.jcards h4{font-size:16.5px;color:var(--ink);margin-bottom:3px}
.jcards p{font-size:13.5px;line-height:1.68;color:var(--body)}
.jpic{margin:-22px -22px 18px;width:calc(100% + 44px);overflow:hidden;border-radius:11px 11px 0 0}
.jpic img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:.4s}
.jspec{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jspec b{display:block;font-size:15.5px;color:var(--ink);font-weight:800;letter-spacing:-.01em;text-transform:none}
.jspec div{font-size:11px;color:var(--mute);letter-spacing:.03em;text-transform:uppercase}
.node .obar{display:flex;width:100%;height:8px;border-radius:999px;overflow:hidden;background:#E7EEF6;margin-top:2px}
.node .obar i{background:var(--orange);display:block;height:100%}
.node .obar u{background:#3F7BB6;display:block;height:100%}
.node .osub{font-size:11px;line-height:1.5;color:var(--mute)}
.node .osub b{color:var(--ink);font-weight:700}
.olegend{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.olegend i{width:13px;height:13px;border-radius:3px;flex:none}
.olegend i.partner{background:#3F7BB6}
.olegend i.raja{background:var(--orange)}
.olegend span{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--body)}
.ownnote{margin-top:14px;text-align:center;font-size:12.5px;color:var(--mute);font-style:italic}
.subhead{margin-top:60px}
.subhead h3{font-size:22px;color:var(--ink);margin:6px 0 8px;letter-spacing:-.01em}
.subhead h3 em{font-style:normal;color:var(--orange)}
.subhead p{font-size:15px;line-height:1.72;color:var(--body);max-width:820px}
.figcap{margin-top:13px;text-align:center;font-size:12.5px;color:var(--mute);font-style:italic}
.aibadge{display:inline-flex;align-items:center;gap:10px;background:#EAF3FB;border:1px solid #CBDDEE;
  color:var(--navy);font-size:12px;font-weight:700;padding:9px 15px;border-radius:999px;margin-top:16px}
.aibadge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9}

@media(max-width:860px){
  .jambi .jhead{grid-template-columns:1fr;gap:22px}
  .jambi{padding:24px 20px}
  .jband img{aspect-ratio:16/9}
  .jcards{grid-template-columns:1fr}
}

/* Pengalih bahasa dalam mode pratinjau (Polylang belum aktif).
   Diberi garis putus-putus supaya jelas ini alat bantu pengelola,
   bukan tampilan yang dilihat pengunjung. */
.lang.lang-pratinjau {
  outline: 1px dashed rgba(238, 106, 2, .75);
  outline-offset: 3px;
  border-radius: 999px;
}