/* 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:700px){.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:700px){.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}
.shr{position:relative}.shr summary::-webkit-details-marker{display:none}
.shr-m{position:absolute;right:0;top:38px;z-index:30;min-width:170px;background:var(--bg);border:1px solid var(--bd);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:6px;display:flex;flex-direction:column}
.shr-m a,.shr-m button{padding:8px 10px;border:0;background:none;text-align:left;border-radius:6px;font:500 13px var(--font);color:var(--tx);cursor:pointer}
.shr-m a:hover,.shr-m button:hover{background:var(--bg2)}
.shr-m [hidden]{display:none}
@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 (di bawah menu) */
.sbar{position:sticky;top:var(--nav-h,44px);height:0;z-index:40}
.admin-bar .sbar{top:calc(var(--nav-h,44px) + 32px)}
@media(max-width:782px){.admin-bar .sbar{top:calc(var(--nav-h,44px) + 46px)}}
@media(max-width:600px){.admin-bar .sbar{top: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}
@media(max-width:560px){.sbar-l{display:none}.sbar-t{margin-left:0}}
@media(prefers-reduced-motion:reduce){.sbar-in{transition:none}}