/* imamdev - halaman artikel. Ukuran judul diatur di Customize > imamdev > Halaman artikel. */
.post-head{padding:14px 0 4px}
.post-head h1{font:700 var(--post-fs,42px)/1.15 var(--font-head);margin:6px 0 14px;letter-spacing:-.3px}
.byline{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.byline img{border-radius:50%;width:44px;height:44px}
.byline .by{display:block;font-weight:500;font-size:14px}.byline .by a:hover{color:var(--pri)}
.byline .dt{display:block}

/* Tata letak 3 kolom ada di layout.css */
.post{max-width:none;min-width:0}
.post p{font-size:17px;line-height:1.7}

/* Foto utama: tampil utuh (tidak dipotong) atau 16:9 sesuai Customize */
.pfig{margin:0 0 16px}
.pfig .ph{display:block;width:100%;border-radius:8px}
.pfig--full img.ph{aspect-ratio:auto;height:auto;object-fit:contain}
.pfig--full span.ph{aspect-ratio:16/9}
.pfig--wide .ph{aspect-ratio:16/9;object-fit:cover}
.pfig--cap .ph{border-radius:8px 8px 0 0}
.pfig figcaption{background:var(--bg2);border-radius:0 0 8px 8px;padding:8px 12px;font-size:13px;line-height:1.45;color:var(--tx2)}
.pfig .pcap{display:block;color:var(--tx)}
.pfig .pcr{display:block;font-size:12px;font-style:italic}

/* Suka & bagikan */
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:22px 0;padding:12px 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.like{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--bd);border-radius:22px;background:var(--bg2);color:var(--tx);font:500 14px var(--font);cursor:pointer}
.like:hover{border-color:var(--hot);color:var(--hot)}
.like.on{background:var(--hot);border-color:var(--hot);color:#fff}
.like.on svg{fill:currentColor}
.like .lc{font-weight:700}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:6px}


/* Kotak penulis */
.abox{display:flex;gap:14px;padding:16px;background:var(--bg2);border-radius:12px;margin:0 0 8px}
.abox img{border-radius:50%;width:72px;height:72px;flex:none}
.abox b{display:block;font:700 18px var(--font-head)}.abox b a:hover{color:var(--pri)}
.abox p{margin:4px 0 10px;font-size:14px;color:var(--tx2)}
.abox .btn{display:inline-block}
@media(max-width:560px){.abox{flex-direction:column;align-items:flex-start}}

/* Baca juga */
.rel{margin-top:12px}
.rel .hd a:hover{color:var(--pri)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.g2 .t{font-size:17px;margin-top:6px}
.g2 .ex{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:13px;color:var(--tx2)}
@media(max-width:560px){.g2{grid-template-columns:1fr}}
@media(max-width:699.98px){.post-head h1{font-size:var(--post-fs-m,28px)}}


/* ===== v1.6: tampilan artikel gaya portal ===== */
.post-head{padding:18px 0 6px}
.crumb{font-size:14px;font-weight:700;margin-bottom:10px}.crumb a:hover{color:var(--pri)}
.topic{display:block;font-size:15px;color:var(--tx2);margin-bottom:8px}.topic:hover{color:var(--pri)}
.post-head h1{font:800 var(--post-fs,34px)/1.22 var(--font);letter-spacing:-.2px;margin:4px 0 14px}
@media(max-width:699.98px){.post-head h1{font-size:var(--post-fs-m,24px)}}

/* Tanggal + ikon aksi */
.pmeta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;font-size:13px;margin-bottom:12px}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:0;margin:0;padding:0}
.post>.acts{margin:18px 0}
.acts .ab{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border-radius:16px;background:var(--bg2);border:0;color:var(--tx);font:500 12px var(--font);cursor:pointer;list-style:none}
.acts .ab b{font-weight:500;font-size:11px}
.acts .ab:hover{background:var(--bd)}
.acts .gl{font:700 14px var(--font);color:#4285f4}
.acts .like.on{background:var(--pri);color:#fff}.acts .like.on svg,.acts .mark.on svg{fill:currentColor}
@media(max-width:560px){.acts .ab-t{display:none}}

/* Penulis: lingkaran inisial bertumpuk */
.byline{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.avs{display:flex;margin-right:2px}
.av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font:700 14px var(--font);color:#1a1a1a;border:2px solid var(--bg)}
.byline .by{display:block;font-weight:700;font-size:13px}.byline .dt{display:block;font-size:12px}

/* Foto utama + Lihat Foto */
.pimg{position:relative}.pimg .ph{border-radius:8px}
.lf{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.62);color:#fff;border-radius:6px;padding:5px 10px;font:500 12px var(--font)}
.pfig--cap .ph{border-radius:8px}
.pfig figcaption{background:none;padding:6px 0 0;font-size:12px}

/* Isi artikel */
.entry{font-size:16px;line-height:1.7}.entry p{font-size:16px;margin:0 0 16px}

/* Sebelumnya / Berikutnya */
.pn{display:flex;justify-content:space-between;gap:14px;background:var(--bg2);border-radius:10px;padding:12px 14px;margin:20px 0}
.pn a,.pn>span{flex:1;min-width:0;font-size:12px}
.pn small{display:block;color:var(--tx2);margin-bottom:2px}
.pn a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--pri);font-weight:700}
.pn .pn-n{text-align:right}

/* Ringkasan komentar */
.cpv{background:var(--bg2);border-radius:10px;padding:14px;margin:6px 0 20px}
.cpv-h b{font-size:15px}
.cpv-i{display:flex;gap:10px;margin:12px 0}.cpv-i .av{width:32px;height:32px;font-size:12px;flex:none}
.cpv-i b{font-size:14px}.cpv-i p{margin:2px 0 0;font-size:13px;color:var(--tx2)}
.cpv-a{display:block;text-align:center;font:700 13px var(--font);margin-top:8px}

/* Baca tentang, tag, tombol kanal */
.about{margin:16px 0 8px}.about .dt{display:block;font-weight:700;color:var(--tx);font-size:14px}
.about-t{display:inline-block;font:700 16px var(--font);color:var(--pri);margin-top:2px}
.tags a{background:none;border:1px solid var(--bd);padding:4px 14px;font-size:13px}
.catbtn{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bd);border-radius:10px;padding:13px 16px;font-weight:700;margin:16px 0 8px}
.catbtn:hover{border-color:var(--pri);color:var(--pri)}.catbtn i{font-style:normal}

/* Bilah bagikan lengket: mengikuti menu. Menu tampil -> menempel di bawah menu; menu tersembunyi saat scroll turun -> naik ke tepi atas layar (--sbar-y diatur post.js) */
.sbar{position:sticky;top:var(--sbar-y,var(--nav-h,44px));height:0;z-index:40;transition:top .25s ease}
.admin-bar .sbar{top:calc(var(--sbar-y,var(--nav-h,44px)) + 32px)}
@media(max-width:782px){.admin-bar .sbar{top:calc(var(--sbar-y,var(--nav-h,44px)) + 46px)}}
@media(max-width:600px){.admin-bar .sbar{top:var(--sbar-y,var(--nav-h,44px))}}
.sbar-in{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:8px;background:var(--bg2);border-bottom:1px solid var(--bd);padding:6px 12px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.sbar.on .sbar-in{opacity:1;visibility:visible;transform:none}
.sbar-l{font:700 12px var(--font);letter-spacing:.3px;text-transform:uppercase;flex:none}
.sn{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font:700 13px var(--font);flex:none}
.sn-fb{background:#1877f2}.sn-x{background:#000;border:1px solid #444}.sn-wa{background:#25d366}.sn-tg{background:#2aabee}
.sbar-t{flex:1;min-width:0;margin-left:6px;font-size:13px;font-weight:500}
.sbar-t span{display:block;white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.sbar-c{flex:none;font:700 12px var(--font);text-transform:uppercase;white-space:nowrap}
/* HP: judul dihilangkan supaya tidak sempit/terpotong; ikon bagikan di kiri, jumlah komentar di kanan, bilah lebih tipis */
@media(max-width:699.98px){
  .sbar-l,.sbar-t{display:none}
  .sbar-in{justify-content:space-between;gap:10px;padding:4px max(12px,env(safe-area-inset-left)) 4px max(12px,env(safe-area-inset-right))}
  .sbar-in .sn{width:30px;height:30px}
  .sbar-c{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.sbar,.sbar-in{transition:none}}

/* ===== v1.22: header artikel ala portal berita (breadcrumb, judul, sumber + Baca di App, penulis, ikon aksi besar) ===== */
.crumb{font-size:14px;font-weight:500;color:var(--tx2);line-height:1.5}
.crumb a{color:inherit}.crumb .sep{margin:0 8px;opacity:.8}
.post-head h1{font-weight:700;line-height:1.25;letter-spacing:-.2px;margin:6px 0 16px}
.pmeta{align-items:flex-start;flex-wrap:nowrap;gap:12px;margin:0 0 14px}
.pmeta .pdate{flex:1 1 auto;min-width:0;font-size:15px;line-height:1.5;color:var(--tx2)}.pmeta .pdate b{color:var(--tx);font-weight:700}
.pm-app{display:none;flex:none;align-items:center;gap:8px;padding:9px 14px;border:2px solid var(--tx);border-radius:12px;color:var(--pri);font:700 15px/1.2 var(--font);white-space:nowrap}
.pm-app:hover{background:var(--bg2);color:var(--pri)}
@media(max-width:699.98px){.pm-app{display:inline-flex}}
.byline{gap:12px;margin:0 0 14px}
.byline .avs .av{width:46px;height:46px;font-size:16px;border:3px solid var(--bg)}.byline .avs .av+.av{margin-left:-14px}
.byline .by{font-size:15px;font-weight:500;line-height:1.35}.byline .by a{color:var(--tx)}.byline .dt{font-size:13px;color:var(--tx2)}
.acts--top{flex-wrap:wrap;gap:10px;margin:0 0 16px}
.acts--top .ab{height:46px;padding:0 18px;border-radius:23px;gap:9px;font:600 16px var(--font)}
.acts--top .ab b{font-size:15px;font-weight:600}
.acts--top .ab svg{width:22px;height:22px}
.acts--top .gl{font-size:24px;line-height:1}
.acts--top .ab-t{display:inline}
@media(max-width:699.98px){.acts--top{gap:6px}.acts--top .ab{height:42px;padding:0 12px;gap:6px}.acts--top .ab svg{width:20px;height:20px}}
@media(max-width:480px){.acts--top .ab-t{display:none}}
.post>.acts.acts--top{margin:0 0 16px}

/* v1.22.1: header artikel di layar lebar */
@media(min-width:700px){
  .pm-app--desk{display:inline-flex}
  .post-head h1{margin:8px 0 18px}
  .pmeta .pdate{font-size:16px}
  .byline .avs .av{width:50px;height:50px;font-size:17px}
  .byline .by{font-size:16px}
  .acts--top{margin:0 0 18px}
  .acts--top .ab{height:48px;padding:0 20px}
  .acts--top .ab-t{display:inline}
  .post .wa-sh--top{display:inline-flex;margin:0 0 16px;padding:12px 26px}
}

/* Jendela bagikan (v1.22.7) */
html.shm-open{overflow:hidden}
.shm[hidden]{display:none}
.shm{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55)}
.shm-box{width:100%;max-width:520px;max-height:calc(100% - 32px);overflow:auto;background:var(--bg);color:var(--tx);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.shm-h{display:flex;align-items:flex-start;gap:12px;padding:22px 20px 18px}
.shm-title{flex:1;margin:0;font:700 21px/1.3 var(--font);color:var(--tx)}
.shm-x{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--tx);cursor:pointer;border-radius:50%}
.shm-x:hover{background:var(--bg2)}
.shm-b{background:var(--bg2);padding:22px 12px 26px}
.shm-l{margin:0 0 20px;text-align:center;font:600 19px var(--font);color:var(--tx)}
.shm-g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 4px}
.shm-i{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--tx2);font:400 14px var(--font);text-decoration:none;cursor:pointer}
.shm-c{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.shm-i:hover .shm-c,.shm-i:focus-visible .shm-c{filter:brightness(1.1);transform:scale(1.05)}
.shm-c{transition:transform .15s,filter .15s}
.shm-c--facebook{background:#3b5998}.shm-c--x{background:#000}.shm-c--whatsapp{background:#25d366}.shm-c--line{background:#06c755}.shm-c--telegram{background:#2aabee}.shm-c--copy{background:#8e8e93}
@media(max-width:380px){.shm-c{width:48px;height:48px}.shm-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.shm-c{transition:none}}