/* panduan-konter.css - gaya tambahan halaman /panduan-konter. Berdiri di atas dok.css (tidak mengubahnya). */
.pd .pg-hero .sub{font-size:1.05rem;color:#3d2c00;max-width:34em;margin:-.8rem 0 1.4rem}

/* langkah bernomor */
.pasal ol.lng{list-style:none;counter-reset:lg;padding:0;margin:.4rem 0 .8rem;display:grid;gap:.75rem}
.pasal ol.lng>li{counter-increment:lg;position:relative;padding:.15rem 0 .15rem 3rem;line-height:1.75;color:#3f3b36}
.pasal ol.lng>li::before{content:counter(lg);position:absolute;left:0;top:.05rem;width:2.1rem;height:2.1rem;border-radius:50%;background:#212121;color:#fff;font-weight:900;font-size:.95rem;display:grid;place-items:center;box-shadow:0 0 0 4px #fff1d6}
.pasal ol.lng>li b:first-child{color:#212121}
.pasal ol.lng ul{margin:.5rem 0 0}

/* nama tombol / menu seperti di aplikasi */
.pasal .tb{display:inline-block;background:#fff4de;border:1px solid #f1d9a8;color:#8a4a0a;border-radius:.5rem;padding:.02rem .5rem;font-weight:700;font-size:.93em;white-space:nowrap}
.pasal code{background:#f5efe3;color:#6b5a2f;border-radius:.4rem;padding:.05rem .45rem;font-weight:700}

/* kotak peringatan dan tips */
.pasal .catatan.awas{border-left-color:#d93025;background:#fdecea}
.pasal .catatan.tips{border-left-color:#2e8b57;background:#eaf6ef}
.pasal .catatan b{color:#212121}

/* tabel kecil */
.pasal .tw{overflow-x:auto;margin:.6rem 0 .8rem}
.pasal table.kecil{width:100%;border-collapse:collapse;font-size:.97rem}
.pasal table.kecil th,.pasal table.kecil td{border:1px solid #f1e8d8;padding:.55rem .75rem;text-align:left;vertical-align:top;line-height:1.55}
.pasal table.kecil th{background:#fff4de;color:#5a3a06;font-weight:800}

/* ringkasan mulai cepat */
.pd .cepat{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:0 0 2rem}
.pd .cepat .c{background:#fff;border:1px solid #f4ead8;border-radius:1.1rem;padding:1.1rem 1.1rem 1.2rem;box-shadow:0 10px 30px -20px rgba(0,0,0,.35)}
.pd .cepat .c i{font-style:normal;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#ffb30e;color:#fff;font-weight:900;margin-bottom:.5rem}
.pd .cepat .c b{display:block;font-size:1.05rem;margin-bottom:.15rem}
.pd .cepat .c span{color:#5b5750;line-height:1.5;font-size:.95rem}

/* kartu video */
.pd .video-k{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;background:#fff;border:1px dashed #f0c25a;border-radius:1.2rem;padding:1.1rem 1.4rem;margin:0 0 1.6rem}
.pd .video-k p{margin:0;flex:1 1 18rem;color:#3f3b36;line-height:1.6}
.pd .video-k b{color:#212121}