:root{--bg:#f7f6f3;--surface:#ffffff;--ink:#1c1b19;--muted:#6b6862;--line:#e5e2dc;--accent:#7a1f2b;--accent-soft:#f3e6e8;--serif:"Lora",Georgia,"Times New Roman",serif;--sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--ok:#1f7a4d;--ok-soft:#e6f2ec;--warn:#8a5a00;--warn-soft:#f6ecd6;--danger:#9a2323;--danger-soft:#f6e3e3;--note:#2b4a7a;--note-soft:#e8eef7;--maxw:1180px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#1a1917;--surface:#232120;--ink:#eceae6;--muted:#a29e97;--line:#38352f;--accent:#d98a95;--accent-soft:#3a2429;--ok:#6bbf90;--ok-soft:#1e2f26;--warn:#d0a24a;--warn-soft:#332a17;--danger:#e08585;--danger-soft:#331d1d;--note:#8fb0e0;--note-soft:#1e2637}}:root[data-theme=dark]{--bg:#1a1917;--surface:#232120;--ink:#eceae6;--muted:#a29e97;--line:#38352f;--accent:#d98a95;--accent-soft:#3a2429;--ok:#6bbf90;--ok-soft:#1e2f26;--warn:#d0a24a;--warn-soft:#332a17;--danger:#e08585;--danger-soft:#331d1d;--note:#8fb0e0;--note-soft:#1e2637}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55;font-size:16px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-head{border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.site-head .wrap{display:flex;align-items:center;gap:18px;height:60px}.brand{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--ink);white-space:nowrap}.brand b{color:var(--accent)}.nav{display:flex;gap:16px;font-size:14px;margin-left:auto;align-items:center}.nav a{color:var(--muted)}.nav a:hover{color:var(--ink);text-decoration:none}.theme-btn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:7px;padding:5px 9px;cursor:pointer;font-size:13px}.site-foot{border-top:1px solid var(--line);margin-top:48px;padding:28px 0;color:var(--muted);font-size:13px}.site-foot .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.disclaimer{background:var(--warn-soft);border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--ink);font-size:13px}.hero{padding:40px 0 26px}.hero h1{font-family:var(--serif);font-size:34px;margin:0 0 8px;line-height:1.2}.hero p{color:var(--muted);max-width:640px;margin:0 0 18px}.searchbar{display:flex;gap:8px;max-width:560px}.searchbar input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:15px}.searchbar button{padding:0 18px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.rumpun{margin:30px 0}.rumpun h2{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 12px;font-weight:600}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.cat-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.cat-card:hover{border-color:var(--accent);text-decoration:none}.cat-card .n{font-weight:600;font-size:15px}.cat-card .c{font-size:12px;color:var(--muted);background:var(--bg);border-radius:20px;padding:2px 9px;white-space:nowrap}.page-head{padding:28px 0 8px}.page-head h1{font-family:var(--serif);font-size:28px;margin:0}.crumbs{font-size:13px;color:var(--muted);margin-bottom:6px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.filters select,.filters input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:14px}.reg-list{display:flex;flex-direction:column;gap:10px;margin:10px 0}.reg-item{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.reg-item:hover{border-color:var(--accent);text-decoration:none}.reg-item .t{font-weight:600;font-size:16px;margin-bottom:3px}.reg-item .meta{font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;border:1px solid var(--line)}.badge.jenis{background:var(--accent-soft);color:var(--accent);border-color:transparent}.badge.berlaku{background:var(--ok-soft);color:var(--ok)}.badge.diubah{background:var(--warn-soft);color:var(--warn)}.badge.dicabut,.badge.diganti{background:var(--danger-soft);color:var(--danger)}.reader{display:grid;grid-template-columns:320px 1fr;gap:0;align-items:start}.sidebar{border-right:1px solid var(--line);position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;padding:16px 12px 40px}.sidebar .side-search{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:14px;margin-bottom:6px}.side-tools{display:flex;gap:6px;margin-bottom:10px}.side-tools button{flex:1;font-size:12px;padding:5px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:7px;cursor:pointer}.tree .node>.hd{display:flex;gap:6px;align-items:baseline;cursor:pointer;padding:4px 6px;border-radius:6px;font-size:13px;color:var(--ink)}.tree .node>.hd:hover{background:var(--accent-soft)}.tree .node>.hd .tw{color:var(--muted);width:12px;flex:none}.tree .kids{padding-left:14px;border-left:1px solid var(--line);margin-left:8px}.tree .node.collapsed>.kids{display:none}.tree a.pasal{display:flex;gap:6px;align-items:baseline;padding:4px 6px;border-radius:6px;font-size:13px;color:var(--muted)}.tree a.pasal:hover{background:var(--accent-soft);text-decoration:none;color:var(--ink)}.tree a.pasal.aktif{background:var(--accent);color:#fff}.tree a.pasal .dot{font-size:9px;color:var(--ok)}.tree a.pasal.hidden,.tree .node.hidden{display:none}.content{padding:24px 30px 60px;min-width:0}.doc-title{font-family:var(--serif);font-size:24px;margin:0 0 4px}.doc-sub{color:var(--muted);font-size:14px;margin-bottom:16px}.infobox{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:16px;font-size:13px}.infobox .k{color:var(--muted);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.infobox a{word-break:break-word}.status-banner{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:14px;background:var(--surface)}.status-banner .line{margin:3px 0}.status-banner.dicabut,.status-banner.diganti{background:var(--danger-soft);border-color:transparent}.status-banner.diubah{background:var(--warn-soft);border-color:transparent}.pasal{scroll-margin-top:70px;padding:18px 0;border-top:1px solid var(--line)}.pasal:first-of-type{border-top:0}.pasal h3{font-family:var(--serif);font-size:19px;margin:0 0 10px;display:flex;align-items:center;gap:10px}.pasal h3 .tools{margin-left:auto;display:flex;gap:6px;opacity:0;transition:.15s}.pasal:hover h3 .tools{opacity:1}.pasal h3 .tools button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;padding:3px 7px;font-size:12px;cursor:pointer}.teks{font-family:var(--serif);font-size:17px;line-height:1.85}.baris{display:flex;gap:10px;margin:2px 0}.baris .mk{flex:none;min-width:26px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.baris.huruf{padding-left:26px}.baris.angka{padding-left:52px}.sp{height:8px}.penjelasan{margin-top:12px;border-left:3px solid var(--line);padding:8px 0 8px 14px;background:transparent}.penjelasan .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);cursor:pointer;user-select:none}.penjelasan .body{font-family:var(--serif);font-size:15px;line-height:1.75;color:var(--ink);margin-top:6px}.penjelasan.tutup .body{display:none}.catatan{margin-top:12px;background:var(--note-soft);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.catatan .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--note)}.catatan .body{font-size:14px;margin-top:4px}.note-user{margin-top:10px}.note-user textarea{width:100%;min-height:52px;border:1px dashed var(--line);border-radius:8px;background:transparent;color:var(--ink);padding:8px;font-family:var(--sans);font-size:13px;resize:vertical}.note-user .lbl{font-size:11px;color:var(--muted)}.pager{display:flex;justify-content:space-between;margin-top:24px;gap:10px}.pager a{padding:10px 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:14px;max-width:48%}.pager a:hover{border-color:var(--accent);text-decoration:none}.tooltip{position:fixed;max-width:320px;background:var(--ink);color:var(--bg);padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.5;z-index:50;box-shadow:0 6px 24px #00000040;pointer-events:none}mark{background:#ffe58a;color:#1c1b19;padding:0 2px;border-radius:3px}.gcount{margin:14px 0 6px;color:var(--muted);font-size:13px}.freset{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.freset:hover{border-color:var(--accent);color:var(--ink)}.gsearch-results{margin-top:8px;display:flex;flex-direction:column;gap:10px}.gresult{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.gresult .t{font-weight:600}.gresult .s{font-size:13px;color:var(--muted);margin-top:3px}.empty{color:var(--muted);padding:20px 0}@media (max-width:860px){.reader{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:60px;width:300px;max-width:85vw;background:var(--surface);z-index:15;transform:translate(-105%);transition:.2s;box-shadow:0 0 30px #0003}.sidebar.open{transform:none}.content{padding:18px 16px 60px}.menu-toggle{display:inline-block}}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:7px;padding:6px 10px;cursor:pointer}.scrim{display:none}@media (max-width:860px){.scrim.show{display:block;position:fixed;inset:56px 0 0;background:#00000059;z-index:14}}.reader-head{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;height:56px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line)}.icon-btn{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:16px;flex:none}.rh-brand{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--ink);white-space:nowrap}.rh-brand b{color:var(--accent)}.rh-title{min-width:0;flex:none;max-width:260px;border-left:1px solid var(--line);padding-left:14px}.rh-judul{font-family:var(--serif);font-weight:600;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rh-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.rh-search{position:relative;flex:1;max-width:520px;margin:0 auto}.rh-search input{width:100%;padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:14px}.search-res{display:none;position:absolute;top:44px;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #00000026;max-height:60vh;overflow:auto;z-index:40}.search-res.show{display:block}.search-res a{display:block;padding:9px 12px;font-size:13px;color:var(--ink);border-bottom:1px solid var(--line)}.search-res a:hover{background:var(--accent-soft);text-decoration:none}.rh-tools{display:flex;gap:6px;flex:none}.tool{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.tool:hover{color:var(--ink);border-color:var(--accent)}.tool .c{display:inline-block;background:var(--accent);color:#fff;border-radius:20px;padding:0 6px;font-size:11px}.reader2{display:grid;grid-template-columns:340px 1fr;align-items:start}.reader2 .sidebar{position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;border-right:1px solid var(--line);padding:14px 10px 60px;background:var(--surface)}.side-top{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:4px 6px}.reader2 .side-tools{display:flex;gap:6px;margin:8px 0 10px}.reader2 .side-tools button{flex:1;font-size:12px;padding:6px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:7px;cursor:pointer}.tree ul{list-style:none;margin:0;padding:0}.tree .node>.hd{display:flex;gap:6px;align-items:center;cursor:pointer;padding:8px;border-radius:8px;font-size:12.5px;font-weight:600;color:#fff;background:var(--accent);margin:4px 0}.tree .node>.hd .tw{flex:none;font-size:10px;opacity:.85}.tree .node>.hd .ht{flex:1;line-height:1.25}.tree .node>.hd .cnt{flex:none;background:#ffffff38;border-radius:20px;padding:1px 8px;font-size:11px}.tree .node:not(.open)>.kids{display:none}.tree .node .node>.hd{background:transparent;color:var(--ink);font-weight:600;border:1px solid var(--line)}.tree .node .node>.hd .cnt{background:var(--bg);color:var(--muted)}.tree .kids{padding:2px 0 2px 6px}.tree a.v{display:block;padding:6px 8px;border-radius:7px;font-size:13px;color:var(--muted);line-height:1.35}.tree a.v:hover{background:var(--accent-soft);color:var(--ink);text-decoration:none}.tree a.v.aktif{background:var(--accent);color:#fff}.tree a.v .pj{color:inherit;opacity:.85}.tree a.v.aktif .pj{opacity:.95}.tree a.v .dot{color:var(--ok);font-size:9px}.tree a.v.aktif .dot{color:#fff}.tree .hd.solo{background:transparent;border:1px solid var(--line);padding:0}.tree .hd.solo a.v{width:100%;font-weight:600;color:var(--ink)}.pane{padding:26px 40px 80px;max-width:860px;min-height:calc(100vh - 56px)}.pane .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700;margin-bottom:10px}.pnav{display:flex;align-items:center;gap:10px;float:right;margin:-28px 0 0}.pbtn{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;width:36px;height:34px;cursor:pointer;font-size:15px}.pbtn:hover{border-color:var(--accent)}.pbtn.dis{opacity:.3;cursor:default}.pcur{font-size:12px;color:var(--muted);min-width:80px;text-align:center}.ptitle{font-family:var(--serif);font-size:30px;margin:4px 0;line-height:1.15;clear:both}.ptitle .jt{font-weight:400;color:var(--muted);font-size:20px}.pane .crumbs{font-size:12px;color:var(--muted);margin-bottom:14px}.doc-actions{display:flex;gap:8px;margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:16px}.act{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.act:hover{border-color:var(--accent)}.act.tandai.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.sec-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin:22px 0 8px}.sec-lbl.note{color:var(--note)}.pane .teks{font-family:var(--serif);font-size:18px;line-height:1.9}.pane .teks.penj{font-size:16px;color:var(--ink)}.baris{display:flex;gap:10px;margin:3px 0}.baris .mk{flex:none;min-width:28px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.baris.huruf{padding-left:28px}.baris.angka{padding-left:56px}.baris .tx{flex:1}.sp{height:10px}.xref{border-bottom:1px dashed var(--accent);cursor:pointer}.catatan{margin-top:18px;background:var(--note-soft);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px}.note-user textarea{width:100%;min-height:90px;border:1px dashed var(--line);border-radius:10px;background:transparent;color:var(--ink);padding:12px;font-family:var(--sans);font-size:14px;resize:vertical}.gl{border-bottom:1px dotted var(--muted);cursor:help}.kbadge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.03em;padding:1px 5px;border-radius:4px;vertical-align:middle}.kbadge.baru{background:var(--ok-soft);color:var(--ok)}.kbadge.ubahan,.kbadge.ubah{background:var(--warn-soft);color:var(--warn)}.tree a.v.aktif .kbadge{background:#ffffff40;color:#fff}.act.comp.on{background:var(--note-soft);border-color:var(--note);color:var(--note)}#onlyChanged.aktif{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.banding{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface)}.banding .pad{border-top:1px dashed var(--line);padding:12px 0}.banding .pad:first-of-type{border-top:0}.banding .pad-h{font-family:var(--serif);font-weight:600;font-size:15px;margin-bottom:6px}.banding .teks.bl{font-size:15px;color:var(--muted);background:var(--bg);border-radius:8px;padding:10px 12px}.banding .ket{margin-top:8px;font-size:14px;background:var(--note-soft);border-radius:8px;padding:8px 12px}.panel{display:none;position:fixed;inset:0;background:#0006;z-index:60}.panel.show{display:block}.panel-inner{position:absolute;right:0;top:0;height:100%;width:420px;max-width:92vw;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head .ph{font-family:var(--serif);font-size:18px;font-weight:600}.pclose{border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--muted)}.pb{padding:14px 18px;overflow:auto}.plist{list-style:none;margin:0;padding:0}.plist a{display:block;padding:9px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;color:var(--ink);font-size:14px}.plist a:hover{border-color:var(--accent);text-decoration:none}.gloss dt{font-weight:600;margin-top:12px}.gloss dd{margin:2px 0 0;color:var(--muted);font-size:14px}.info .ir{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.info .ir span{color:var(--muted)}.info .disc{margin-top:14px;background:var(--warn-soft);border-radius:8px;padding:10px 12px;font-size:13px}@media (max-width:860px){.reader2{grid-template-columns:1fr}.rh-title,.rh-tools .tool:nth-child(n+2){display:none}.reader2 .sidebar{position:fixed;left:0;top:56px;width:320px;max-width:86vw;z-index:15;transform:translate(-105%);transition:.2s;box-shadow:0 0 30px #0003}.reader2 .sidebar.open{transform:none}.pane{padding:18px 16px 70px}.pnav{float:none;margin:10px 0}}