.dl-graf{min-width:0}.dl-graf-lencana{padding:var(--sp-1) var(--sp-3);border:1px dashed var(--c-line-strong);border-radius:var(--r-s);color:var(--c-text-2);font-size:.75em;font-weight:var(--fw-semibold);align-self:flex-start;margin:0}.dl-graf-badan{gap:var(--sp-4);flex-direction:column;min-width:0;display:flex}.dl-graf-gambar,.dl-graf-jawab{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}@container app (width>=600px){.dl-graf-badan[data-tata=dua]{align-items:start;gap:var(--sp-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}}.dl-graf-kertas{border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-paper);width:100%;max-width:480px;margin-inline:auto;position:relative;overflow:hidden}.dl-graf-kertas[data-lebar=sempit]{max-width:360px}.dl-graf-kertas[data-lebar=lebar]{max-width:560px}.dl-graf-kertas__isi{width:100%;color:var(--c-text);position:relative}.dl-graf-kertas__svg{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.dl-graf-kertas__svg[data-taruh=ya]{cursor:crosshair}.dl-graf-kertas__lapis{pointer-events:none;position:absolute;inset:0}.dl-graf-kertas__lapis>*{pointer-events:auto}.dl-graf-sumber{color:var(--c-text-2);margin:0;font-size:.75em;line-height:1.5}.dl-graf-pin{--pin:30px;width:var(--pin);height:var(--pin);border:2px dashed var(--c-accent);background:var(--c-surface);color:var(--c-accent-strong);font:inherit;font-size:13px;font-weight:var(--fw-bold);cursor:pointer;box-shadow:var(--shadow-1);border-radius:50%;place-items:center;margin:0;padding:0;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.dl-graf-pin:after{content:"";width:44px;height:44px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.dl-graf-pin__n{align-items:center;gap:1px;display:inline-flex}.dl-graf-pin[data-keadaan=isi]{background:var(--c-accent);color:var(--c-on-accent);border-style:solid}.dl-graf-pin[data-keadaan=sasaran]{background:var(--c-accent-subtle);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-accent) 28%, transparent);border-style:solid}.dl-graf-pin[data-keadaan=benar]{border-style:solid;border-color:var(--c-success);background:var(--c-success);color:var(--c-on-status)}.dl-graf-pin[data-keadaan=salah]{border-style:solid;border-color:var(--c-danger);background:var(--c-danger);color:var(--c-on-status)}.dl-graf-pin[aria-disabled=true]{cursor:default}.dl-graf-pin__teks{border:1px solid var(--c-line-strong);border-radius:var(--r-s);background:var(--c-surface);max-width:150px;color:var(--c-text);font-size:12px;font-weight:var(--fw-semibold);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:3px 8px;line-height:16px;display:none;position:absolute;inset-block-start:50%;overflow:hidden;transform:translateY(-50%)}.dl-graf-pin[data-sisi=kanan] .dl-graf-pin__teks{inset-inline-end:calc(100% + 6px)}.dl-graf-pin[data-sisi=kiri] .dl-graf-pin__teks{inset-inline-start:calc(100% + 6px)}@container app (width>=420px){.dl-graf-pin__teks{display:block}}[data-profile=sederhana] .dl-graf-pin{--pin:40px;font-size:16px}.dl-graf-daftar{gap:var(--sp-2);flex-direction:column;min-width:0;margin:0;padding:0;list-style:none;display:flex}.dl-graf-baris{align-items:flex-start;gap:var(--sp-3);min-width:0;display:flex}.dl-graf-baris__isi{gap:var(--sp-1);flex-direction:column;flex:auto;min-width:0;display:flex}.dl-graf-nomor{width:30px;height:30px;background:var(--c-sunken);color:var(--c-text);font-size:13px;font-weight:var(--fw-bold);border-radius:50%;flex:none;place-items:center;margin-block-start:calc((var(--target-min) - 30px) / 2);display:grid}.dl-graf-nomor[data-hasil=benar]{background:var(--c-success);color:var(--c-on-status)}.dl-graf-nomor[data-hasil=salah]{background:var(--c-danger);color:var(--c-on-status)}[data-profile=sederhana] .dl-graf-nomor{width:40px;height:40px;font-size:16px}.dl-graf-slot{align-items:center;gap:var(--sp-2);width:100%;min-height:var(--target-min);padding:var(--sp-2) var(--sp-3) var(--sp-2) 14px;border:1px solid var(--c-line-strong);border-radius:var(--r-m);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);margin:0;display:flex}.dl-graf-slot:hover:not(:disabled){background-image:linear-gradient(var(--c-state-hover), var(--c-state-hover))}.dl-graf-slot__isi{overflow-wrap:break-word;flex:auto;min-width:0}.dl-graf-slot[data-isi=kosong]{color:var(--c-text-2);border-style:dashed;font-size:.875em}.dl-graf-slot[data-isi=isi]{border-color:var(--c-accent);background:var(--c-accent-subtle);font-weight:var(--fw-semibold)}.dl-graf-slot[data-sasaran=ya]{border-style:dashed;border-color:var(--c-accent);background-color:var(--c-accent-subtle);color:var(--c-accent-strong)}.dl-graf-slot:disabled{cursor:default}.dl-graf-hasilbaris{align-items:center;gap:var(--sp-1) var(--sp-2);width:100%;min-height:var(--target-min);padding:var(--sp-2) var(--sp-3) var(--sp-2) 14px;border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);flex-wrap:wrap;display:flex}.dl-graf-hasilbaris[data-hasil=benar]{border-color:var(--c-success);background:var(--c-success-subtle)}.dl-graf-hasilbaris[data-hasil=salah]{border-color:var(--c-danger);background:var(--c-danger-subtle)}.dl-graf-hasilbaris[data-hasil=kosong]{color:var(--c-text-2);border-style:dashed}.dl-graf-hasilbaris__isi{overflow-wrap:break-word;flex:auto;min-width:0}.dl-graf-tanda{align-items:center;gap:var(--sp-1);font-size:.8125em;font-weight:var(--fw-semibold);white-space:nowrap;display:inline-flex}.dl-graf-tanda[data-hasil=benar]{color:var(--c-success)}.dl-graf-tanda[data-hasil=salah]{color:var(--c-danger)}.dl-graf-tanda[data-hasil=kosong],.dl-graf-tanda[data-hasil=sebagian]{color:var(--c-text-2)}.dl-graf-kunci{align-items:center;gap:var(--sp-1);color:var(--c-text-2);flex-wrap:wrap;margin:0;font-size:.875em;display:flex}.dl-graf-kunci b{color:var(--c-text);font-weight:var(--fw-semibold)}.dl-graf-isian,.dl-graf-pilih{width:100%;min-height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--c-line-strong);border-radius:var(--r-m);background:var(--c-surface);color:var(--c-text);font:inherit}[data-profile=sederhana] .dl-graf-isian,[data-profile=sederhana] .dl-graf-pilih{min-height:var(--control-h-lg)}.dl-graf-isian[aria-invalid=true]{border-color:var(--c-danger)}.dl-graf-isian:read-only,.dl-graf-pilih:disabled{background:var(--c-sunken)}.dl-graf-bank{gap:var(--sp-2);min-width:0;padding:var(--sp-3);border-radius:var(--r-m);background:var(--c-sunken);flex-direction:column;display:flex}.dl-graf-bank__judul{color:var(--c-text-2);font-size:.8125em;font-weight:var(--fw-semibold);margin:0}.dl-graf-bank__isi{gap:var(--sp-2);flex-wrap:wrap;display:flex}.dl-graf-chip{border:1px solid var(--c-line-strong);border-radius:var(--r-s);background:var(--c-surface);max-width:100%;min-height:40px;color:var(--c-text);font:inherit;font-size:.875em;font-weight:var(--fw-semibold);cursor:pointer;transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);align-items:center;gap:6px;margin:0;padding:6px 14px;display:inline-flex;position:relative}.dl-graf-chip:after{content:"";height:max(100%, var(--target-min));position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.dl-graf-chip:hover:not(:disabled){background-image:linear-gradient(var(--c-state-hover), var(--c-state-hover))}.dl-graf-chip[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent);box-shadow:var(--shadow-2);transform:translateY(-2px)}.dl-graf-chip:disabled{cursor:default}.dl-graf-chip[data-bayang=ya]{box-shadow:none;cursor:default;background:0 0;border-style:dashed}.dl-graf-chip[data-bayang=ya]>span{visibility:hidden}[data-profile=sederhana] .dl-graf-chip{min-height:var(--target-simple);border-radius:var(--r-m);padding:10px 18px;font-size:1em}.dl-graf-alat{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.dl-graf-alat .dl-tombol--teks{align-self:center}.dl-graf-petunjuk{align-items:flex-start;gap:var(--sp-2);color:var(--c-text-2);margin:0;font-size:.875em;display:flex}.dl-graf-catatan{color:var(--c-text-2);margin:0;font-size:.8125em}.dl-graf-status{color:var(--c-text-2);margin:0;font-size:.875em}.dl-graf-tbh__tanah{fill:var(--c-reward-subtle)}.dl-graf-tbh__garis{stroke:var(--c-reward);stroke-width:3px}.dl-graf-tbh__akar{fill:none;stroke:var(--c-reward);stroke-width:6px;stroke-linecap:round}.dl-graf-tbh__batang{fill:none;stroke:var(--c-success);stroke-width:12px;stroke-linecap:round}.dl-graf-tbh__daun{fill:var(--c-success)}.dl-graf-tbh__urat{fill:none;stroke:var(--c-success-subtle);stroke-width:2.5px;stroke-linecap:round}.dl-graf-tbh__kelopak{fill:var(--c-danger-subtle);stroke:var(--c-danger);stroke-width:3px}.dl-graf-tbh__putik{fill:var(--c-reward-subtle);stroke:var(--c-reward);stroke-width:3px}.dl-graf-tbh__tunjuk{fill:none;stroke:var(--c-text-2);stroke-width:2.5px;stroke-linecap:round}.dl-graf-peta__laut{fill:var(--c-accent-subtle)}.dl-graf-peta__darat{fill:var(--c-surface);stroke:var(--c-line-strong);stroke-width:2px;stroke-linejoin:round}.dl-graf-peta__pulau{fill:var(--c-text-3);letter-spacing:.3em;text-anchor:middle;font-size:30px;font-weight:700}.dl-graf-peta__nama{fill:var(--c-accent-strong);opacity:.75;text-anchor:middle;font-size:22px;font-style:italic}.dl-graf-peta__grid line{stroke:var(--c-text-2);stroke-width:1px;opacity:.35}.dl-graf-peta__grid text{fill:var(--c-text-2);text-anchor:middle;font-size:20px;font-weight:700}.dl-graf-tanda-peta{color:var(--c-accent);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;margin:0;padding:0;display:flex;position:absolute;transform:translate(-50%,-100%)}.dl-graf-tanda-peta:after{content:"";width:44px;height:44px;position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,10px)}.dl-graf-tanda-peta__pin{fill:currentColor;width:30px;height:36px;stroke:var(--c-surface);stroke-width:1.5px;filter:drop-shadow(0 1px 1px color-mix(in srgb, CanvasText 35%, transparent))}.dl-graf-tanda-peta__teks{border:1px solid var(--c-line-strong);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-text);font-size:12px;font-weight:var(--fw-bold);white-space:nowrap;order:-1;margin-block-end:-2px;padding:1px 7px;line-height:16px}.dl-graf-tanda-peta[aria-pressed=true] .dl-graf-tanda-peta__teks{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent)}.dl-graf-tanda-peta[data-hasil=benar]{color:var(--c-success)}.dl-graf-tanda-peta[data-hasil=salah]{color:var(--c-danger)}.dl-graf-zona circle{fill:color-mix(in srgb, var(--c-success) 16%, transparent);stroke:var(--c-success);stroke-width:2px;stroke-dasharray:6 5}.dl-graf-zona .dl-graf-zona__titik{fill:var(--c-success);stroke:var(--c-surface);stroke-dasharray:none}.dl-graf-zona text{fill:var(--c-success);paint-order:stroke;stroke:var(--c-surface);stroke-width:5px;font-size:22px;font-weight:700}.dl-graf-baristanda{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--target-min);padding:var(--sp-2) var(--sp-3) var(--sp-2) 14px;border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);display:flex}.dl-graf-baristanda[aria-current=true]{border-color:var(--c-accent);background:var(--c-accent-subtle)}.dl-graf-baristanda__nama{font-weight:var(--fw-semibold)}.dl-graf-baristanda__posisi{color:var(--c-text-2);font-variant-numeric:tabular-nums;font-size:.875em}.dl-graf-area{cursor:pointer}.dl-graf-area__bentuk{fill:color-mix(in srgb, var(--c-accent) 8%, transparent);stroke:var(--c-accent);stroke-width:2px;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;transition:fill var(--t-fast) var(--ease)}.dl-graf-area:hover .dl-graf-area__bentuk{fill:color-mix(in srgb, var(--c-accent) 18%, transparent)}.dl-graf-area__lencana circle{fill:var(--c-surface);stroke:var(--c-accent);stroke-width:2px;vector-effect:non-scaling-stroke}.dl-graf-area__lencana text{fill:var(--c-accent-strong);text-anchor:middle;font-weight:700}.dl-graf-area[data-keadaan=pilih] .dl-graf-area__bentuk{fill:color-mix(in srgb, var(--c-accent) 26%, transparent);stroke-width:3px;stroke-dasharray:none}.dl-graf-area[data-keadaan=pilih] .dl-graf-area__lencana circle{fill:var(--c-accent)}.dl-graf-area[data-keadaan=pilih] .dl-graf-area__lencana text{fill:var(--c-on-accent)}.dl-graf-area[data-keadaan=benar] .dl-graf-area__bentuk,.dl-graf-area[data-keadaan=kunci] .dl-graf-area__bentuk{fill:color-mix(in srgb, var(--c-success) 24%, transparent);stroke:var(--c-success);stroke-width:3px;stroke-dasharray:none}.dl-graf-area[data-keadaan=benar] .dl-graf-area__lencana circle,.dl-graf-area[data-keadaan=kunci] .dl-graf-area__lencana circle{fill:var(--c-success);stroke:var(--c-success)}.dl-graf-area[data-keadaan=benar] .dl-graf-area__lencana text,.dl-graf-area[data-keadaan=kunci] .dl-graf-area__lencana text{fill:var(--c-on-status)}.dl-graf-area[data-keadaan=salah] .dl-graf-area__bentuk{fill:color-mix(in srgb, var(--c-danger) 22%, transparent);stroke:var(--c-danger);stroke-width:3px;stroke-dasharray:none}.dl-graf-area[data-keadaan=salah] .dl-graf-area__lencana circle{fill:var(--c-danger);stroke:var(--c-danger)}.dl-graf-area[data-keadaan=salah] .dl-graf-area__lencana text{fill:var(--c-on-status)}.dl-graf-area[data-keadaan=redup] .dl-graf-area__bentuk{fill:none;stroke:var(--c-line-strong)}.dl-graf-area[data-keadaan=redup] .dl-graf-area__lencana circle{stroke:var(--c-line-strong)}.dl-graf-area[data-keadaan=redup] .dl-graf-area__lencana text{fill:var(--c-text-2)}.dl-graf-area[data-mati=ya]{cursor:default}.dl-graf-area__fokus{fill:none;stroke:var(--c-focus);stroke-width:4px;vector-effect:non-scaling-stroke}.dl-graf-daftararea{align-content:start;gap:var(--sp-2);border:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid}.dl-graf-opsiarea{color:var(--c-text);font:inherit;text-align:start;min-height:var(--target-min);padding:var(--sp-2) 10px;border:1px solid var(--c-line-strong);border-radius:var(--r-m);background:var(--c-surface);cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.dl-graf-opsiarea[data-pilih=ya]{border-color:var(--c-accent);background:var(--c-accent-subtle)}.dl-graf-opsiarea[data-hasil=benar]{border-color:var(--c-success);background:var(--c-success-subtle)}.dl-graf-opsiarea[data-hasil=salah]{border-color:var(--c-danger);background:var(--c-danger-subtle)}.dl-graf-opsiarea input{opacity:0;width:1px;height:1px;margin:0;position:absolute;inset-block-start:50%;inset-inline-start:10px}.dl-graf-opsiarea:focus-within{outline:2px solid var(--c-focus);outline-offset:2px}.dl-graf-huruf{border:1.5px solid var(--c-line-strong);width:28px;height:28px;color:var(--c-text-2);font-size:13px;font-weight:var(--fw-bold);border-radius:50%;flex:none;place-items:center;display:grid}.dl-graf-terminal{cursor:pointer}.dl-graf-terminal__titik{fill:var(--c-surface);stroke:var(--c-accent);stroke-width:3px}.dl-graf-terminal[data-keadaan=dipilih] .dl-graf-terminal__titik{fill:var(--c-accent)}.dl-graf-terminal[data-keadaan=tersambung] .dl-graf-terminal__titik{fill:var(--c-accent-subtle)}.dl-graf-terminal text{fill:var(--c-text);text-anchor:middle;font-size:18px;font-weight:700}.dl-graf-kabel{fill:none;stroke:var(--c-accent-strong);stroke-width:5px;stroke-linecap:round}.dl-graf-kabel[data-hasil=benar]{stroke:var(--c-success)}.dl-graf-kabel[data-hasil=salah]{stroke:var(--c-danger)}.dl-graf-komponen{fill:none;stroke:var(--c-text-2);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.dl-graf-komponen__teks{fill:var(--c-text-2);text-anchor:middle;font-size:18px;font-weight:600}.dl-graf-lampu{fill:var(--c-surface)}.dl-graf-lampu[data-nyala=ya]{fill:var(--c-reward-subtle);stroke:var(--c-reward)}.dl-graf-kotakbtn{border:2.5px dashed var(--c-accent);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:18px;font-weight:var(--fw-bold);cursor:pointer;place-items:center;margin:0;padding:0;line-height:1;display:grid;position:absolute}.dl-graf-kotak__bentuk{fill:var(--c-surface);stroke:var(--c-accent);stroke-width:2.5px;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.dl-graf-kotak[data-keadaan=urut] .dl-graf-kotakbtn{border:2.5px dashed var(--c-accent);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:18px;font-weight:var(--fw-bold);cursor:pointer;place-items:center;margin:0;padding:0;line-height:1;display:grid;position:absolute}.dl-graf-kotak__bentuk{fill:var(--c-accent-subtle);stroke-dasharray:none}.dl-graf-kotak[data-keadaan=benar] .dl-graf-kotakbtn{border:2.5px dashed var(--c-accent);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:18px;font-weight:var(--fw-bold);cursor:pointer;place-items:center;margin:0;padding:0;line-height:1;display:grid;position:absolute}.dl-graf-kotak[data-keadaan=salah] .dl-graf-kotakbtn{border:2.5px dashed var(--c-accent);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:18px;font-weight:var(--fw-bold);cursor:pointer;place-items:center;margin:0;padding:0;line-height:1;display:grid;position:absolute}.dl-graf-kotakbtn[data-keadaan=urut]{background:var(--c-accent-subtle);border-style:solid}.dl-graf-kotakbtn[data-keadaan=benar]{border-style:solid;border-color:var(--c-success);background:var(--c-success-subtle)}.dl-graf-kotakbtn[data-keadaan=salah]{border-style:solid;border-color:var(--c-danger);background:var(--c-danger-subtle)}.dl-graf-kotakbtn[aria-disabled=true]{cursor:default}.dl-graf-kotakbtn:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.dl-graf-kotak__bentuk{fill:var(--c-danger-subtle);stroke:var(--c-danger);stroke-dasharray:none}.dl-graf-kotak text{fill:var(--c-text);text-anchor:middle;font-size:30px;font-weight:700}.dl-graf-siklus__panah{fill:none;stroke:var(--c-text-2);stroke-width:4px;stroke-linecap:round}.dl-graf-siklus__badan{fill:var(--c-success-subtle);stroke:var(--c-success);stroke-width:3px}.dl-graf-siklus__air{fill:var(--c-accent-subtle);stroke:var(--c-accent);stroke-width:3px}.dl-graf-siklus__matahari{fill:var(--c-reward-subtle);stroke:var(--c-reward);stroke-width:4px}.dl-graf-siklus__awan{fill:var(--c-sunken);stroke:var(--c-line-strong);stroke-width:3px}.dl-graf-kabelbaris{align-items:center;gap:var(--sp-2);min-height:var(--target-min);padding:var(--sp-1) var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);flex-wrap:wrap;display:flex}.dl-graf-kabelbaris__isi{flex:auto;min-width:0}.dl-graf-pasang{align-items:end;gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr)) auto;display:grid}.dl-graf-pasang label{gap:var(--sp-1);font-size:.8125em;font-weight:var(--fw-semibold);color:var(--c-text-2);flex-direction:column;display:flex}.dl-graf-garis{border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-paper);width:100%;color:var(--c-text);position:relative}.dl-graf-garis__svg{touch-action:manipulation;width:100%;height:auto;display:block}.dl-graf-gb__garis{stroke:var(--c-text);stroke-width:2.5px}.dl-graf-gb__ujung{fill:var(--c-text)}.dl-graf-gb__tick{stroke:var(--c-text-2);stroke-width:1.5px}.dl-graf-gb__tick[data-utama=ya]{stroke:var(--c-text);stroke-width:2px}.dl-graf-gb__angka{fill:var(--c-text);font-variant-numeric:tabular-nums;text-anchor:middle;font-size:14px}.dl-graf-gb__arsir line{stroke:var(--c-accent);stroke-width:7px;stroke-linecap:butt;opacity:.75}.dl-graf-gb__arsir path{fill:var(--c-accent);opacity:.75}.dl-graf-gb__arsir[data-hasil=benar] line,.dl-graf-gb__arsir[data-hasil=benar] path{stroke:var(--c-success);fill:var(--c-success)}.dl-graf-gb__arsir[data-hasil=benar] path{stroke:none}.dl-graf-gb__arsir[data-hasil=salah] line{stroke:var(--c-danger)}.dl-graf-gb__arsir[data-hasil=salah] path{fill:var(--c-danger)}.dl-graf-gb__titik{fill:var(--c-accent);stroke:var(--c-accent-strong);stroke-width:3px}.dl-graf-gb__titik[data-jenis=buka]{fill:var(--c-paper)}.dl-graf-gb__titik[data-hasil=salah]{stroke:var(--c-danger)}.dl-graf-gb__titik[data-hasil=salah][data-jenis=tutup]{fill:var(--c-danger)}.dl-graf-gb__titik[data-hasil=benar]{stroke:var(--c-success)}.dl-graf-gb__titik[data-hasil=benar][data-jenis=tutup]{fill:var(--c-success)}.dl-graf-gb__kunci{fill:none;stroke:var(--c-success);stroke-width:3px;stroke-dasharray:5 4}.dl-graf-gb__pegangan{fill:#0000;cursor:pointer}.dl-graf-gb__pegangan:focus-visible{outline:2px solid var(--c-focus)}.dl-graf-gb__bendera{fill:var(--c-accent-subtle);stroke:var(--c-accent);stroke-width:1.5px}.dl-graf-gb__bendera[data-hasil=benar]{fill:var(--c-success-subtle);stroke:var(--c-success)}.dl-graf-gb__bendera[data-hasil=salah]{fill:var(--c-danger-subtle);stroke:var(--c-danger)}.dl-graf-gb__benderateks{fill:var(--c-text);text-anchor:middle;font-size:13px;font-weight:700}.dl-graf-panel{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.dl-graf-blok{gap:var(--sp-2);flex-direction:column;display:flex}.dl-graf-label{color:var(--c-text-2);font-size:.8125em;font-weight:var(--fw-semibold);margin:0}.dl-graf-segmen{gap:var(--sp-1);min-width:0;padding:var(--sp-1);border-radius:var(--r-m);background:var(--c-sunken);border:0;margin:0;display:flex}.dl-graf-segmen__opsi{justify-content:center;align-items:center;gap:var(--sp-2);min-height:calc(var(--target-min) - 8px);padding:0 var(--sp-3);border-radius:var(--r-s);color:var(--c-text);font-size:.875em;font-weight:var(--fw-semibold);cursor:pointer;text-align:center;flex:1 1 0;display:flex;position:relative}.dl-graf-segmen__opsi input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.dl-graf-segmen__opsi[data-pilih=ya]{background:var(--c-surface);box-shadow:var(--shadow-1);color:var(--c-accent-strong)}.dl-graf-segmen__opsi:focus-within{outline:2px solid var(--c-focus);outline-offset:2px}.dl-graf-segmen__opsi input:disabled{cursor:default}.dl-graf-glyph{border:2px solid;border-radius:50%;width:14px;height:14px;display:inline-block}.dl-graf-glyph[data-jenis=tutup]{background:currentColor}.dl-graf-barisgaris{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);flex-direction:column;display:flex}.dl-graf-barisgaris[aria-current=true]{border-color:var(--c-accent)}.dl-graf-barisgaris__kepala{align-items:center;gap:var(--sp-2);display:flex}.dl-graf-barisgaris__kepala select{flex:auto}.dl-graf-terbaca{color:var(--c-text-2);margin:0;font-size:.875em}.dl-graf-terbaca b{color:var(--c-text);font-variant-numeric:tabular-nums}.dl-graf-ringkashasil{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dl-graf-hrow{align-items:center;gap:var(--sp-1) var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);flex-wrap:wrap;display:flex}.dl-graf-hrow[data-hasil=benar]{border-color:var(--c-success);background:var(--c-success-subtle)}.dl-graf-hrow[data-hasil=salah]{border-color:var(--c-danger);background:var(--c-danger-subtle)}.dl-graf-hrow__label{color:var(--c-text-2);font-size:.8125em;font-weight:var(--fw-semibold);flex:none}.dl-graf-hrow__isi{min-width:0;font-weight:var(--fw-semibold);flex:auto}.dl-graf-eks{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.dl-graf-eks__baris{align-items:center;gap:var(--sp-2);display:flex}.dl-graf-eks__baris .dl-graf-isian{flex:auto}.dl-graf-pratinjau{gap:var(--sp-1);min-height:calc(var(--target-min) + var(--sp-2));padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-sunken);flex-direction:column;display:flex}.dl-graf-pratinjau__label{color:var(--c-text-2);font-size:.8125em;font-weight:var(--fw-semibold);margin:0}.dl-graf-pratinjau__isi{font-size:1.25em;overflow:auto hidden}.dl-graf-pratinjau[data-keadaan=galat]{border-color:var(--c-danger)}.dl-graf-papan{gap:var(--sp-1);grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;display:grid}.dl-graf-papan[data-kolom="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.dl-graf-tombol{min-width:0;min-height:var(--target-min);padding:0 var(--sp-1);border:1px solid var(--c-line-strong);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-text);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}.dl-graf-tombol:hover:not(:disabled){background-image:linear-gradient(var(--c-state-hover), var(--c-state-hover))}.dl-graf-tombol:active:not(:disabled){background-image:linear-gradient(var(--c-state-press), var(--c-state-press))}.dl-graf-tombol:disabled{cursor:default;opacity:.5}.dl-graf-templat{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-surface);flex-direction:column;font-size:1.125em;display:flex}.dl-graf-templat__ruas{align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.dl-graf-kotakisi{display:inline-flex;position:relative}.dl-graf-kotakisi input{width:3.4em;min-height:var(--control-h);padding:0 var(--sp-2);border:2px solid var(--c-accent);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:center}.dl-graf-kotakisi[data-hasil=benar] input{border-color:var(--c-success);background:var(--c-success-subtle)}.dl-graf-kotakisi[data-hasil=salah] input{border-color:var(--c-danger);background:var(--c-danger-subtle)}.dl-graf-kotakisi input[aria-invalid=true]{border-color:var(--c-danger)}.dl-graf-reaksi{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.dl-graf-spesies{align-items:center;gap:var(--sp-1);display:inline-flex}.dl-graf-langkah{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dl-graf-langkah__baris{align-items:center;gap:var(--sp-2);display:flex}.dl-graf-langkah__baris .dl-graf-isian{flex:auto}.dl-graf-matriks{align-self:flex-start;gap:var(--sp-2);max-width:100%;padding:var(--sp-3) var(--sp-4);border-inline:3px solid var(--c-text);border-radius:var(--r-s);display:inline-grid}.dl-graf-matriks input{width:4.2em;min-width:0;min-height:var(--control-h);padding:0 var(--sp-2);border:1px solid var(--c-line-strong);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-text);font:inherit;text-align:center}.dl-graf-matriks [data-hasil=benar] input{border-color:var(--c-success);background:var(--c-success-subtle)}.dl-graf-matriks [data-hasil=salah] input{border-color:var(--c-danger);background:var(--c-danger-subtle)}.dl-graf-catatan-hasil{align-items:flex-start;gap:var(--sp-2);color:var(--c-text-2);margin:0;font-size:.875em;display:flex}math{font-size:inherit}.dl-graf-tabelatom{border-collapse:collapse;width:100%;font-size:.875em}.dl-graf-tabelatom th,.dl-graf-tabelatom td{padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--c-line);text-align:start}.dl-graf-tabelatom td[data-hasil=benar]{color:var(--c-success);font-weight:var(--fw-semibold)}.dl-graf-tabelatom td[data-hasil=salah]{color:var(--c-danger);font-weight:var(--fw-semibold)}