/* Jurnal Modern - warna diatur via --c1 (utama) & --c3 (aksen) dari opsi tema */
:root{--c2:color-mix(in srgb,var(--c1) 72%,#000);--c4:color-mix(in srgb,var(--c1) 8%,#fff);--ink:#1b2438;--mut:#5b6578;--bd:color-mix(in srgb,var(--c1) 22%,#fff)}
body.jm{font-family:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f3f6fb;margin:0;line-height:1.6}
.jm a{color:var(--c1);text-decoration:none}.jm a:hover{text-decoration:underline}
.jm-wrap{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.jm-topbar{background:var(--c2);color:#fff;font-size:.8rem}.jm-topbar .jm-wrap{display:flex;justify-content:space-between;align-items:center;min-height:38px}
.jm-issn span{background:rgba(255,255,255,.12);border-radius:6px;padding:3px 9px;margin-right:8px;font-family:monospace}
.jm-topbar a{color:#fff}.jm-topbar ul{list-style:none;margin:0;padding:0;display:flex;gap:14px}
.jm-header{background:#fff;box-shadow:0 2px 12px rgba(10,30,80,.08);position:sticky;top:0;z-index:50}
.jm-header-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.jm-brand{display:flex;align-items:center;gap:12px;color:var(--c1)}.jm-brand:hover{text-decoration:none}
.jm-brand img{max-height:56px;width:auto}.jm-brand-t strong{display:block;font-size:1.7rem;letter-spacing:.5px;line-height:1.1;color:var(--c1)}
.jm-brand-t small{display:block;color:var(--mut);font-size:.8rem}
.jm-nav{display:flex;align-items:center;gap:8px}.jm-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.jm-nav li{position:relative}.jm-nav li>a{display:block;padding:10px 14px;font-weight:600;font-size:.9rem;text-transform:uppercase;color:var(--c2);border-radius:8px}
.jm-nav li>a:hover{background:var(--c4);text-decoration:none}
.jm-nav li ul{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:210px;flex-direction:column;box-shadow:0 10px 30px rgba(10,30,80,.15);border-radius:10px;padding:6px;z-index:60}
.jm-nav li:hover>ul,.jm-nav li:focus-within>ul{display:flex}
.jm-nav li ul a{text-transform:none;font-weight:500}
.jm-search{width:38px;height:38px;border-radius:50%;background:var(--c4);display:grid;place-items:center;border:1px solid var(--bd)}
.jm-burger{display:none;background:var(--c4);border:1px solid var(--bd);border-radius:8px;font-size:1.4rem;padding:2px 10px;color:var(--c1)}
.jm-hero{background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--c1) 80%,#fff),transparent 55%),linear-gradient(135deg,var(--c2),var(--c1));color:#fff;padding:56px 0 70px}
.jm-hero-in{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:center}
.jm-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.jm-chips span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 14px;font-size:.82rem}
.jm-hero h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;margin:0 0 16px;color:#fff;font-weight:700}
.jm-hero p{max-width:640px;opacity:.9}
.jm-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.jm-btn{display:inline-block;background:#fff;color:var(--c1)!important;font-weight:700;text-transform:uppercase;font-size:.85rem;padding:14px 26px;border-radius:999px;border:1px solid transparent}
.jm-btn:hover{text-decoration:none;transform:translateY(-1px)}
.jm-btn-ghost{background:rgba(255,255,255,.12);color:#fff!important;border-color:rgba(255,255,255,.3)}
.jm-btn-sm{background:var(--c1);color:#fff!important;padding:10px 20px;font-size:.8rem}
.jm-btn-block{display:block;text-align:center;background:var(--c1);color:#fff!important;padding:11px}
.jm-btn-line{display:inline-block;border:1px solid var(--bd);border-radius:999px;padding:8px 18px;font-weight:600;font-size:.82rem;text-transform:uppercase;margin-left:6px}
.jm-issue-card{background:#fff;color:var(--ink);border-radius:22px;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.25);border:4px solid rgba(255,255,255,.5)}
.jm-issue-top{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:10px}
.jm-pill{background:var(--c1);color:#fff;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:600}
.jm-pill-l{background:var(--c4);color:var(--c1);border:1px solid var(--bd);text-transform:uppercase}
.jm-issue-cover{display:block;max-width:100%;max-height:300px;margin:0 auto 10px;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.jm-issue-id{text-align:center;font-weight:600;margin-bottom:10px}
.jm-card{background:#fff;border:2px solid var(--c1);border-radius:16px;padding:22px;margin-bottom:22px;box-shadow:0 6px 20px rgba(10,30,80,.06)}
.jm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-34px;position:relative;z-index:5}
.jm-stats .jm-card{margin:0;display:flex;flex-direction:column;padding:16px 20px}.jm-stats b{font-size:1.8rem;line-height:1.1;color:var(--ink)}.jm-stats span{font-size:.75rem;text-transform:uppercase;color:var(--mut);letter-spacing:.5px}
.jm-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding-top:26px;padding-bottom:40px}
.jm-col-main .jm-col-main-in{background:#fff;border-radius:16px;padding:10px 22px 22px}
.jm.pkp_page_index .jm-col-main .jm-col-main-in{background:none;padding:0}
.jm-about h2,.jm-indexed h2{margin:0 0 4px;text-transform:uppercase;font-size:1.25rem;color:var(--ink)}.jm-center{text-align:center}
.jm-about-t{color:var(--c1);font-weight:600;margin:0 0 10px}
.jm-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.jm-info div{border:1px solid var(--bd);border-left:4px solid var(--c1);border-radius:8px;padding:8px 14px;font-weight:600;font-size:.9rem}.jm-info small{display:block;font-size:.68rem;text-transform:uppercase;color:var(--mut);font-weight:500}
.jm-idx{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.jm-idx span{border:1px solid var(--bd);background:var(--c4);border-radius:10px;padding:10px 18px;font-weight:600;color:var(--c2)}
.jm-sec-h{font-size:1.2rem;text-transform:uppercase;border-bottom:1px solid var(--bd);padding-bottom:8px;margin:10px 0 18px}
.jm-sec-h:before,.jm-topic:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c3);margin-right:10px}
.jm-topic{font-size:1.05rem;text-transform:uppercase;margin:26px 0 12px;border-bottom:1px solid var(--bd);padding-bottom:6px}
.jm-cur h3{margin:8px 0 0;font-size:1.5rem}
.jm-art{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px}
.jm-art-th{display:grid;place-items:center;text-align:center;border-radius:10px;border:2px solid var(--c1);background:linear-gradient(160deg,var(--c4),#fff);color:var(--c2);font-weight:700;font-size:.8rem;text-transform:uppercase;padding:8px;min-height:110px}
.jm-art-th:hover{text-decoration:none}
.jm-art-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--mut)}
.jm-art h3{margin:8px 0 4px;font-size:1.1rem;line-height:1.35}.jm-art h3 a{color:var(--ink)}.jm-art-au{color:var(--mut);font-size:.9rem}
.jm-art-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.jm-doi{background:var(--c4);border-radius:8px;padding:5px 10px;font-size:.78rem}.jm-copy{border:1px solid var(--bd);background:#fff;border-radius:6px;cursor:pointer;color:var(--c1)}
.jm-art .obj_galley_link{background:var(--c4);border:1px solid var(--bd);border-radius:8px;padding:6px 14px;font-weight:600;font-size:.82rem;color:var(--c1);margin-left:auto}
.jm-art .obj_galley_link:hover{background:var(--c1);color:#fff;text-decoration:none}
.jm-all{text-align:center}
.jm-col-side .jm-card,.jm-col-side .pkp_block{background:#fff;border:2px solid var(--c1);border-radius:14px;padding:0 0 14px;margin-bottom:22px;overflow:hidden}
.jm-side-card>*:not(.jm-side-h){margin-left:14px;margin-right:14px}
.jm-side-h,.jm-col-side .pkp_block .title{display:block;margin:0 0 12px;padding:12px 16px;background:linear-gradient(90deg,var(--c2),var(--c1));color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}
.jm-col-side .pkp_block>*:not(.title){margin-left:14px;margin-right:14px}
.jm-sinta{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--bd);border-radius:12px;padding:14px;margin-bottom:10px}
.jm-sinta-t{font-size:1.9rem;font-weight:700;color:var(--c1)}.jm-sinta-n{background:var(--c1);color:#fff;font-size:2.2rem;font-weight:700;line-height:1;padding:8px 18px;border-radius:10px}
.jm-mou img{max-width:100%;display:block;margin:0 auto}
.jm-sidemenu,.jm-col-side ul{list-style:none;padding:0}.jm-sidemenu li a{display:block;border:1px solid var(--bd);border-left:4px solid var(--c1);border-radius:6px;padding:7px 12px;margin-bottom:6px;font-weight:600;font-size:.85rem;text-transform:uppercase;color:var(--ink)}
.jm-gs{width:100%;border-collapse:collapse;font-size:.88rem;margin-bottom:10px}.jm-gs th,.jm-gs td{padding:6px 8px;border-bottom:1px solid var(--bd);text-align:left}.jm-gs td:last-child,.jm-gs th:last-child{text-align:right}
.jm-footer{background:var(--c2);color:#e8eefc;padding:28px 0;font-size:.9rem;text-align:center}.jm-footer a{color:#fff}
.jm-wa{position:fixed;right:20px;bottom:24px;background:#25d366;color:#fff!important;padding:12px 20px;border-radius:999px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:80}
.jm .skip{position:absolute;left:-9999px}.jm .skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
.jm .jm-col-main{padding:0}.jm .jm-col-main-in:before,.jm .jm-col-main-in:after{display:none}
@media(max-width:980px){.jm-hero-in,.jm-grid{grid-template-columns:1fr}.jm-stats{grid-template-columns:1fr 1fr}.jm-burger{display:block}
.jm-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px;box-shadow:0 12px 24px rgba(0,0,0,.12)}.jm-nav.open{display:flex}
.jm-nav ul{flex-direction:column}.jm-nav li ul{position:static;display:flex;box-shadow:none}}
@media(max-width:600px){.jm-art{grid-template-columns:1fr}.jm-art-th{min-height:60px}.jm-info{grid-template-columns:1fr}}

.jm-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.jm-idx-i{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd);background:var(--c4);border-radius:10px;padding:10px 18px;font-weight:600;color:var(--c2);min-height:56px}
a.jm-idx-i:hover{text-decoration:none;border-color:var(--c1)}.jm-idx-i img{max-height:44px;max-width:150px;display:block}
.jm-ct{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--mut)}.jm-ic{width:15px;height:15px;fill:currentColor}
.jm-pop{list-style:decimal;padding-left:34px!important;margin-top:0}.jm-pop li{margin-bottom:10px;line-height:1.35}.jm-pop a{font-weight:600;color:var(--ink)}.jm-pop small{display:block;color:var(--mut)}

/* ===== v1.1.3 - Perbaikan tata letak: sidebar tidak lagi tertutup konten utama =====
   Penyebab: tema induk (defaultthemeplugin) masih menyuntikkan float/width/margin dan
   elemen :before/:after (clearfix) ke .jm-col-main-in, sehingga kartu di kolom utama
   meluber ke area sidebar dan elemen pseudo ikut menjadi item grid. Aturan di bawah
   mengunci ulang grid dua kolom dan menetralkan gangguan tema induk. */
body.jm .jm-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto;gap:26px;align-items:start;float:none;width:auto;box-sizing:border-box;overflow:visible}
body.jm .jm-grid::before,body.jm .jm-grid::after,
body.jm .jm-col-main::before,body.jm .jm-col-main::after,
body.jm .jm-col-main .jm-col-main-in::before,body.jm .jm-col-main .jm-col-main-in::after,
body.jm .jm-col-side::before,body.jm .jm-col-side::after{content:none!important;display:none!important}
body.jm .jm-grid>.jm-col-main{grid-column:1;grid-row:1;min-width:0;width:auto!important;max-width:100%!important;float:none!important;clear:none!important;margin:0!important;padding:0!important;position:relative;z-index:1;box-sizing:border-box;overflow-x:clip}
body.jm .jm-grid>.jm-col-side{grid-column:2;grid-row:1;min-width:0;width:auto!important;max-width:100%!important;float:none!important;clear:none!important;margin:0!important;padding:0!important;position:relative;z-index:2;box-sizing:border-box}
body.jm .jm-col-main .jm-col-main-in{float:none!important;width:100%!important;max-width:100%!important;margin:0!important;position:static!important;box-sizing:border-box}
body.jm .jm-col-main .jm-card{width:auto;max-width:100%;box-sizing:border-box}
body.jm .jm-art{grid-template-columns:120px minmax(0,1fr)}
body.jm .jm-art-b{min-width:0}
body.jm .jm-art h3,body.jm .jm-art-au{overflow-wrap:anywhere}

/* Kartu/blok sidebar: tersusun rapi ke bawah, tidak saling menimpa */
body.jm .jm-col-side>*{float:none!important;clear:both;position:static!important;width:auto!important;max-width:100%;box-sizing:border-box}
body.jm .jm-col-side .jm-card,body.jm .jm-col-side .pkp_block{margin:0 0 22px!important;padding:0 0 14px!important;display:block;overflow:hidden}
body.jm .jm-col-side .pkp_block>.title,body.jm .jm-col-side .pkp_block>h2,body.jm .jm-col-side .pkp_block>h3{margin:0 0 12px!important}
body.jm .jm-col-side .pkp_block>.content{margin-left:14px;margin-right:14px}
body.jm .jm-col-side .pkp_block ul{margin:0;padding:0;list-style:none}
body.jm .jm-col-side .pkp_block li{margin:0 0 6px}
body.jm .jm-col-side .pkp_block .block_make_submission_link,body.jm .jm-col-side .pkp_block .content>a:only-child{display:block;box-sizing:border-box;width:100%;text-align:center;border-radius:8px}
body.jm .jm-col-side img{max-width:100%;height:auto}
body.jm .jm-col-side>*:last-child{margin-bottom:0!important}

/* Kartu tambahan di beranda yang isinya kosong disembunyikan */
body.jm .jm-extra:empty{display:none}

@media(max-width:980px){
body.jm .jm-grid{grid-template-columns:minmax(0,1fr)}
body.jm .jm-grid>.jm-col-main{grid-column:1;grid-row:1}
body.jm .jm-grid>.jm-col-side{grid-column:1;grid-row:2}}
@media(max-width:600px){body.jm .jm-art{grid-template-columns:minmax(0,1fr)}}

/* v1.1.4 - kelas pembungkus baru (jm-grid / jm-col-main / jm-col-side) agar tidak tersentuh CSS tema induk atau Custom CSS */
body.jm .jm-grid{display:grid!important}
body.jm .jm-col-main .jm-card,body.jm .jm-col-main-in>*{position:static!important;width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
body.jm .jm-col-main .jm-card{margin-bottom:22px!important}
body.jm .jm-col-side .jm-card,body.jm .jm-col-side .pkp_block{transform:none!important;left:auto!important;right:auto!important;top:auto!important}
body.jm .jm-stats .jm-card{width:auto!important;max-width:100%!important;position:relative!important;margin:0!important;box-sizing:border-box}

/* v1.1.5 - jarak statistik -> konten, dan pengaman kartu kosong */
body.jm .jm-stats{margin-bottom:36px!important}
body.jm .jm-grid{padding-top:0!important;padding-bottom:40px!important;margin-top:0!important}
body.jm .jm-extra-raw{margin:0}
body.jm .jm-extra-raw:empty,body.jm .jm-card[data-jm-empty]{display:none!important}
@media(max-width:600px){body.jm .jm-stats{margin-bottom:24px!important}}

/* v1.1.6 - Stiker "Submit here" pada blok Submission di sidebar.
   Ganti teks stiker dengan mengubah nilai --jm-sticker di bawah ini (atau di Custom CSS). */
:root{--jm-sticker:"Submit here"}
body.jm .jm-col-side .block_make_submission{padding:0 0 18px!important}
body.jm .jm-col-side .block_make_submission>.content{position:relative;margin:0 14px!important;padding:0!important;min-height:0!important}
body.jm .jm-col-side .block_make_submission .block_make_submission_link{margin:0!important}
/* seluruh blok bisa diklik: lapisan transparan di atas stiker */
body.jm .jm-col-side .block_make_submission .block_make_submission_link::after{content:"";position:absolute;inset:0;z-index:2}
body.jm .jm-col-side .block_make_submission>.content::after{content:var(--jm-sticker);display:block;width:max-content;max-width:100%;box-sizing:border-box;margin:16px auto 2px;padding:9px 20px 9px 18px;transform:rotate(-4deg);
 background:linear-gradient(135deg,#ffe27a,var(--c3));color:#2b2100;font-weight:800;font-size:.95rem;letter-spacing:.4px;text-transform:uppercase;line-height:1.1;
 border-radius:10px;border:2px dashed rgba(43,33,0,.45);box-shadow:0 3px 0 rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.18);transition:transform .2s ease;animation:jm-sticker 2.6s ease-in-out infinite}
body.jm .jm-col-side .block_make_submission:hover>.content::after{transform:rotate(0) scale(1.06);animation:none}
@keyframes jm-sticker{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-3px)}}
@media(prefers-reduced-motion:reduce){body.jm .jm-col-side .block_make_submission>.content::after{animation:none}}