.viewmode{border:1px solid var(--hairline);border-radius:.5rem;align-items:stretch;display:inline-flex;overflow:hidden}.viewmode__btn{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;padding:0 .5rem;font-size:.75rem;line-height:1}.viewmode__btn+.viewmode__btn{border-left:1px solid var(--hairline)}.viewmode__btn[aria-checked=true]{color:var(--paper);background:var(--green)}.viewmode__btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.setel{color:var(--ink)}.setel__h2{color:var(--green);margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.setel__ringkas,.setel__catatan,.setel__kosong{color:var(--muted);font-size:.8125rem;line-height:1.55}.setel__catatan{margin-top:.5rem}.setel__kembali{min-height:44px;color:var(--ink);text-underline-offset:4px;align-items:center;font-size:.875rem;text-decoration:underline;display:inline-flex}.setel__kembali:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:.25rem}.setel__tautan{color:var(--green);text-underline-offset:3px;text-decoration:underline}.setel__galat{color:var(--ink);background:color-mix(in srgb, var(--gold) 18%, transparent);border:1px solid var(--hairline);border-radius:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8125rem}.setel__opsi{gap:.5rem;display:grid}.setel__pilihan{text-align:start;border:1px solid var(--hairline);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:.625rem;gap:.125rem;padding:.5rem .75rem;display:grid}.setel__pilihan[aria-checked=true]{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent)}.setel__pilihan:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.setel__pilihan-label{font-size:.875rem;font-weight:600}.setel__pilihan-jelas{color:var(--muted);font-size:.75rem}.setel__skala-kontrol{align-items:center;gap:.625rem;display:flex}.setel__bulat{border:1px solid var(--hairline);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;flex:none;place-items:center;font-size:1.125rem;line-height:1;display:grid}.setel__bulat:disabled{opacity:.35;cursor:default}.setel__bulat:focus-visible,.setel__geser:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.setel__geser{min-width:0;height:44px;accent-color:var(--green);cursor:pointer;flex:auto}.setel__nilai{text-align:end;font-variant-numeric:tabular-nums;min-width:3.25rem;color:var(--green);flex:none;font-size:.875rem;font-weight:600}.setel__teks-tombol{min-height:44px;color:var(--green);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 .5rem;font-size:.8125rem;text-decoration:underline}.setel__teks-tombol--hapus{color:var(--muted)}.setel__teks-tombol:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:.25rem}.setel__viewmode{justify-items:start;gap:.25rem;display:grid}.setel__bookmark{gap:.5rem;display:grid}.setel__bookmark-item{border:1px solid var(--hairline);border-radius:.625rem;padding:.375rem .75rem .5rem}.setel__bookmark-baris{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.setel__bookmark-tautan{min-height:44px;color:var(--ink);flex:10rem;align-items:baseline;gap:.5rem;text-decoration:none;display:flex}.setel__bookmark-tautan:hover .setel__bookmark-hal,.setel__bookmark-tautan:focus-visible .setel__bookmark-hal{text-underline-offset:3px;text-decoration:underline}.setel__bookmark-hal{color:var(--green);font-size:.875rem;font-weight:600}.setel__bookmark-surah{color:var(--muted);font-size:.75rem}.setel__bookmark-aksi{align-items:center;gap:.25rem;display:flex}.setel__bookmark-label{overflow-wrap:anywhere;font-size:.8125rem;line-height:1.5}.setel__bookmark-form{gap:.5rem;margin-top:.25rem;display:flex}.setel__isian{border:1px solid var(--hairline);min-width:0;min-height:44px;color:var(--ink);background:0 0;border-radius:.5rem;flex:auto;padding:0 .625rem;font-size:.875rem}.setel__isian:focus-visible{outline:2px solid var(--gold);outline-offset:-1px}.setel__simpan{border:1px solid var(--green);background:var(--green);min-height:44px;color:var(--paper);cursor:pointer;border-radius:.5rem;flex:none;padding:0 .875rem;font-size:.875rem;font-weight:600}.setel__simpan:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.setel__simpanan{justify-items:start;gap:.25rem;display:grid}