.head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;position:relative}
.article-body{max-width:820px;margin:0 auto}
.article-body p{margin-bottom:1.1em}
.article-body h2,.article-body h3{margin-top:1.6em;color:#f4f4f5}
.article-body ul,.article-body ol{padding-left:1.3em;margin-bottom:1.2em}
.article-body li{margin-bottom:.4em;color:#d4d4d8}
.article-body img{max-width:100%;height:auto;border-radius:12px;margin:14px 0}
.notice{color:var(--muted);font-size:.92rem;margin-top:10px}
.cta-box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:36px}
.footer-description{max-width:680px;margin:8px 0 18px;color:var(--muted)}
.social-block{margin:18px 0 14px}
.social-title{display:block;margin-bottom:10px;color:#f4f4f5}
.social-icons{display:flex;gap:10px;align-items:center}
.social-icon{width:42px;height:42px;border:1px solid #FFA500;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#f4f4f5}
.social-icon svg{width:21px;height:21px;fill:currentColor}
.wa-float{position:fixed;right:16px;bottom:16px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:#25D366;border:2px solid #FFA500;border-radius:50%;box-shadow:0 6px 22px #0009;z-index:20}
.wa-float svg{width:30px;height:30px;fill:#fff}
.pg-cover{margin:0 0 22px;border-radius:16px;overflow:hidden;background:#e4e4e7}
.pg-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.pg-post .article-body p>img:only-child{display:block;width:100%;margin:6px 0 12px}

/* isi artikel dari editor admin: foto (ukuran/posisi/keterangan) dan rata teks */
.article-body figure{margin:18px auto;width:100%}
.article-body figure img{display:block;width:100%;height:auto;margin:0;border-radius:12px}
.article-body figcaption{margin-top:8px;font-size:.85rem;color:#a1a1aa;text-align:center}
.article-body figure.ft-kecil{width:45%}.article-body figure.ft-sedang{width:70%}.article-body figure.ft-penuh{width:100%}
.article-body figure.rata-kiri{margin-left:0;margin-right:auto}.article-body figure.rata-tengah{margin-left:auto;margin-right:auto}.article-body figure.rata-kanan{margin-left:auto;margin-right:0}
.article-body .rata-kiri{text-align:left}.article-body .rata-tengah{text-align:center}.article-body .rata-kanan{text-align:right}
.article-body blockquote{margin:1.2em 0;padding:.2em 1em;border-left:3px solid #FFA500;color:#d4d4d8}
@media(max-width:560px){.article-body figure.ft-kecil{width:70%}.article-body figure.ft-sedang{width:90%}}