:root{--kertas: #fbf5e6;--kertas-2: #f3e9d0;--tinta: #1d2229;--redup: #5a6270;--garis: rgba(29, 34, 41, .14);--toska: #0f8f86;--jingga: #d9502a;--kuning: #ffd400;--langit: #0b1020}@media(prefers-color-scheme:dark){:root{--kertas: #0f1428;--kertas-2: #172040;--tinta: #e9eef9;--redup: #9aa5bd;--garis: rgba(255, 255, 255, .14);--toska: #37d6c0;--jingga: #ff8a5c}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--kertas);color:var(--tinta);font:400 17px/1.7 system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--toska);text-underline-offset:3px}a:hover{color:var(--jingga)}.kepala{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,4vw,40px);background:var(--langit);color:#fff1d6;border-bottom:3px solid var(--kuning)}.merek{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.5px}.merek img{width:36px;height:36px;border-radius:9px;display:block}.merek em{font-style:normal;color:var(--kuning);font-size:12px;letter-spacing:2px;margin-left:5px;vertical-align:3px}.kepala nav{display:flex;align-items:center;gap:clamp(10px,2.4vw,22px);font-size:14px;font-weight:600}.kepala nav a{color:#fff1d6c7;text-decoration:none}.kepala nav a:hover,.kepala nav a[aria-current]{color:#fff}.kepala nav a[aria-current]{border-bottom:2px solid var(--kuning);padding-bottom:2px}.kepala nav .main{background:var(--kuning);color:var(--langit);padding:7px 14px;border-radius:999px;font-weight:800}.kepala nav .main:hover{background:#fff;color:var(--langit)}.halaman{display:grid;grid-template-columns:250px minmax(0,760px);gap:clamp(24px,5vw,64px);justify-content:center;padding:clamp(24px,5vw,56px) clamp(16px,4vw,40px) 72px}.daftar{position:sticky;top:92px;align-self:start;font-size:14px;line-height:1.45;max-height:calc(100vh - 110px);overflow:auto}.daftar b{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--redup)}.daftar ol{margin:0;padding:0;list-style:none;counter-reset:bab}.daftar li{counter-increment:bab}.daftar a{display:block;position:relative;color:var(--redup);text-decoration:none;border-left:2px solid var(--garis);padding:5px 0 5px 14px}.daftar a:before{content:counter(bab) ". "}.daftar a:hover{color:var(--tinta);border-left-color:var(--jingga)}article h1{margin:0 0 6px;font-size:clamp(32px,5vw,46px);line-height:1.1;letter-spacing:-1.2px;font-weight:800}.meta{margin:0 0 26px;color:var(--redup);font-size:14px}article h2{counter-increment:bab;margin:44px 0 10px;font-size:24px;line-height:1.25;letter-spacing:-.4px;padding-top:14px;border-top:1px solid var(--garis)}article h2:before{content:counter(bab) ". ";color:var(--jingga)}article{counter-reset:bab}article h3{margin:24px 0 6px;font-size:18px}article p,article li{margin:0 0 12px}article ul,article ol{padding-left:22px;margin:0 0 14px}article li{margin-bottom:8px}code{font:500 .9em ui-monospace,Menlo,monospace;background:var(--kertas-2);padding:1px 6px;border-radius:5px}.kotak{margin:20px 0 8px;padding:16px 20px;border-radius:12px;background:var(--kertas-2);border-left:5px solid var(--toska)}.kotak.en{border-left-color:var(--kuning)}.kotak.peringatan{border-left-color:var(--jingga)}.kotak>:first-child{margin-top:0}.kotak>:last-child{margin-bottom:0}.kotak h2,.kotak h3{margin:0 0 8px;padding:0;border:0;counter-increment:none;font-size:17px}.kotak h2:before{content:none}table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:15px}th,td{text-align:left;vertical-align:top;padding:9px 12px;border-bottom:1px solid var(--garis)}th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--redup)}.kaki{padding:28px clamp(16px,4vw,40px);background:var(--langit);color:#fff1d6b8;font-size:14px;text-align:center}.kaki a{color:#fff1d6}.kaki p{margin:4px 0}@media(max-width:900px){.halaman{grid-template-columns:minmax(0,1fr)}.daftar{position:static;max-height:none;padding:14px 16px;border-radius:12px;background:var(--kertas-2)}.daftar ol{columns:2;column-gap:20px}.kepala nav a:not(.main):not([aria-current]){display:none}}@media(max-width:520px){.daftar ol{columns:1}body{font-size:16px}}@media print{.kepala,.daftar,.kaki{display:none}body{background:#fff;color:#000}.halaman{display:block;padding:0}a{color:#000}}