/* Halaman isi: panduan, kebijakan, 404. Memakai token dari site.css. */
.article,.doc,.notfound{padding-block:24px 16px}
.crumb{font-size:14px;color:var(--muted)}
.crumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--padi)}
.article h1,.doc h1,.notfound h1{margin-top:4px}
.article h2,.doc h2{font-size:clamp(22px,3.2vw,28px);margin-top:40px}
.article h2+p,.doc h2+p,.article h2+ul,.doc h2+ul,.article h2+ol,.doc h2+ol{margin-top:12px}
.article p,.doc p,.notfound p{margin-top:14px}
.article ul,.article ol,.doc ul,.doc ol{margin:12px 0 0;padding-left:22px;max-width:65ch}
.article li,.doc li{margin-top:8px;padding-left:4px}
.meta{font-size:14px;color:var(--muted);margin-top:12px}
.lead{font-size:18px;margin-top:20px}

.cek{background:var(--soft);border-radius:12px;padding:16px 20px;margin-top:20px;max-width:65ch}
.cek p{margin-top:0}
.cek p+p{margin-top:10px}
.cek strong{font-family:var(--display)}

.cta-box{background:var(--padi);color:var(--beras);border-radius:16px;padding:24px;margin-top:40px;max-width:65ch}
.cta-box h2{color:var(--beras);margin-top:0;font-size:clamp(22px,3.2vw,28px)}
.cta-box p{margin-top:12px}
.cta-box .btn{margin-top:20px}
.cta-box a:not(.btn){color:var(--beras)}

.more{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);max-width:65ch}
.more h2{margin-top:0;font-size:20px}
.more ul{list-style:none;padding:0;margin-top:8px}
.more li{margin-top:0;padding:0}
.more a{display:inline-flex;align-items:center;min-height:44px}
.note{font-size:14px;color:var(--muted)}

.grup{margin-top:40px}
.grup>h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-top:0}
.grup>h2 a{font:600 16px/1.4 var(--body);display:inline-flex;align-items:center;min-height:44px}
.baris{display:block;padding:20px 0;border-top:1px solid var(--line);max-width:65ch}
.baris h3{margin:0}
.baris h3 a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--ijuk)}
.baris h3 a:hover{color:var(--padi);text-decoration:underline}
.baris p{margin-top:6px}
.baris .btn{margin-top:12px}

.tabel{overflow-x:auto;margin-top:16px;max-width:100%}
.tabel table{border-collapse:collapse;width:100%;min-width:420px}
.tabel th,.tabel td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tabel th{font-family:var(--display);background:var(--soft)}

.notfound .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.notfound .acts .btn-out{background:transparent;color:var(--padi);box-shadow:inset 0 0 0 2px var(--padi)}
.notfound .acts .btn-out:hover{background:var(--soft);color:var(--ijuk)}

@media (min-width:640px){
  .article,.doc,.notfound{padding-block:40px 24px}
  .cta-box{padding:32px}
}