@font-face{font-family:Scheherazade New;src:url(/fonts/ScheherazadeNew-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Mula Latin;src:url(/fonts/mula-latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Mula Latin;src:url(/fonts/mula-latin-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--latar:#ece5cf;--helaian:#faf6ea;--dakwat:#1c2520;--lembut:#66624f;--garis:#d6c9a6;--aksen:#1d6b55;--aksen-cair:#d5e7da;--aksen-gelap:#154f3f;--bahaya:#8f3a24;--bahaya-cair:#f3e1d8;--sokong-fathah:#1d6b55;--sokong-fathah-cair:#d5e7da;--sokong-kasrah:#8a4f2c;--sokong-kasrah-cair:#f1dfd0;--sokong-dammah:#2f5873;--sokong-dammah-cair:#d9e4ea;--sokong-campuran:#5c5326;--sokong-campuran-cair:#ebe4c6;--tirai:#1c252085;--bayang-tekan:0 1px 0 #fffdf6 inset, 0 6px 14px -10px #3c301480;--bayang:0 1px 0 #fffdf6 inset, 0 18px 40px -28px #3c301473;--fon-arab:"Scheherazade New", "Geeza Pro", "Noto Naskh Arabic", serif;--fon-ui:"Mula Latin", system-ui, sans-serif;--sentuh:clamp(4rem, 3rem + 5vw, 6rem);--sentuh-besar:clamp(4.75rem, 3.4rem + 7vw, 7.5rem);--saiz-arab:clamp(2.5rem, 1.6rem + 4.2vw, 4.4rem);--ruang-ekor:.35em;--saiz-arab-besar:clamp(3.1rem, 1.8rem + 6vw, 6rem);--jarak:clamp(.75rem, .4rem + 1.6vw, 1.5rem);--lebar-helaian:56rem;--tempoh-sorotan:.2s;--tempoh-tukar:.24s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--latar);min-height:100dvh;color:var(--dakwat);font:400 1rem/1.5 var(--fon-ui);-webkit-tap-highlight-color:transparent;margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--aksen);outline-offset:3px}.notis{padding:.35rem var(--jarak);padding-top:max(.35rem, env(safe-area-inset-top));text-align:center;color:var(--lembut);border-bottom:1px solid var(--garis);margin:0;font-size:.8125rem}.notis+.notis{padding-top:.35rem}.bar-atas{width:100%;max-width:calc(var(--lebar-helaian) + 2 * var(--jarak));padding:.75rem var(--jarak) .5rem;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}:root,[data-baris=fathah]{--sokong:var(--sokong-fathah);--sokong-cair:var(--sokong-fathah-cair)}[data-baris=kasrah]{--sokong:var(--sokong-kasrah);--sokong-cair:var(--sokong-kasrah-cair)}[data-baris=dammah]{--sokong:var(--sokong-dammah);--sokong-cair:var(--sokong-dammah-cair)}[data-baris=campuran]{--sokong:var(--sokong-campuran);--sokong-cair:var(--sokong-campuran-cair)}::selection{background:var(--aksen-cair);color:var(--dakwat)}.bar-atas-kiri{align-items:center;min-width:0;display:flex}.kembali{border:1px solid var(--garis);background:var(--helaian);min-width:2.75rem;min-height:2.75rem;color:var(--aksen-gelap);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:0 1rem 0 .75rem;font-size:1rem;font-weight:700;transition:transform .16s ease-out;display:flex}.kembali .ikon{flex:none;width:1.375rem;height:1.375rem}.kembali:active{transform:scale(.97)}.kembali-label{white-space:nowrap}@media (max-width:420px){.kembali{justify-content:center;padding:0}.kembali-label{display:none}}.tukar-bahasa{border:1px solid var(--garis);background:var(--helaian);border-radius:999px;padding:3px;display:flex}.bahasa{min-width:3rem;min-height:2.75rem;color:var(--lembut);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .85rem;font-size:.9375rem;font-weight:700}.bahasa[aria-pressed=true]{background:var(--aksen);color:var(--helaian)}.pentas{width:100%;padding:0 var(--jarak);touch-action:pan-y;flex:1}.bar-bawah{width:100%;max-width:calc(var(--lebar-helaian) + 2 * var(--jarak));padding:.75rem var(--jarak) max(.75rem, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--latar) 70%, transparent);justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;display:flex;position:sticky;bottom:0}.anak-panah{width:var(--sentuh);height:var(--sentuh);border:2px solid var(--aksen);background:var(--helaian);color:var(--aksen);cursor:pointer;box-shadow:var(--bayang);border-radius:50%;flex:none;place-items:center;display:grid}.bar-bawah[hidden]{display:none}.anak-panah{transition:transform .16s ease-out,box-shadow .16s ease-out}.anak-panah:active:not(:disabled){box-shadow:var(--bayang-tekan);transform:scale(.95)}.anak-panah.seterusnya{background:var(--aksen);color:var(--helaian)}.anak-panah:disabled{border-color:var(--garis);color:var(--lembut);opacity:.55;box-shadow:none;cursor:default;background:0 0;border-style:dashed}.ikon{width:46%;height:46%}.ikon-garis{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.ikon-isi{fill:currentColor}.audio{border:1px dashed var(--garis);min-width:0;min-height:2.75rem;color:var(--lembut);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .9rem .35rem .6rem;font-size:.875rem;display:flex}.audio .ikon{flex:none;width:1.5rem;height:1.5rem}.audio-label{direction:ltr}.mesej-audio{left:50%;bottom:calc(var(--sentuh) + 2rem + env(safe-area-inset-bottom));width:min(26rem, calc(100% - 2 * var(--jarak)));background:var(--dakwat);color:var(--helaian);text-align:center;opacity:0;pointer-events:none;transition:opacity var(--tempoh-tukar) ease, transform var(--tempoh-tukar) ease;border-radius:.75rem;margin:0;padding:.75rem 1rem;font-size:.9375rem;position:fixed;transform:translate(-50%,.5rem)}.mesej-audio[data-nampak=ya]{opacity:1;transform:translate(-50%)}@media (max-width:380px){.audio{padding-inline-start:.6rem;padding-inline-end:.6rem}.audio-label{font-size:.8125rem;line-height:1.2}}.sesat{max-width:36rem;padding:calc(var(--jarak) * 2) var(--jarak);gap:calc(var(--jarak) * 1.5);margin:0 auto;display:grid}.sesat-bahagian{justify-items:start;gap:.5rem;display:grid}.sesat-bahagian :-webkit-any(h1,h2){margin:0;font-size:1.5rem}.sesat-bahagian :is(h1,h2){margin:0;font-size:1.5rem}.sesat-bahagian p{color:var(--lembut);margin:0}.sesat-bahagian a{color:var(--aksen-gelap);font-weight:700}.helaian{max-width:var(--lebar-helaian);padding:calc(var(--jarak) * 1.4) calc(var(--jarak) * 1.25) calc(var(--jarak) * 1.6);background:var(--helaian);border:1px solid var(--garis);box-shadow:inset 0 0 0 6px var(--helaian), inset 0 0 0 7px var(--garis), var(--bayang);border-radius:.375rem;margin:.25rem auto 0;position:relative}.helaian[data-masuk=seterusnya]{animation:masuk-kiri var(--tempoh-tukar) ease-out}.helaian[data-masuk=sebelum]{animation:masuk-kanan var(--tempoh-tukar) ease-out}@keyframes masuk-kiri{0%{opacity:0;transform:translate(-1.5rem)}}@keyframes masuk-kanan{0%{opacity:0;transform:translate(1.5rem)}}.helaian-kepala{align-items:center;gap:var(--jarak);display:flex}.medalion{aspect-ratio:1;flex:none;place-items:center;width:clamp(4.25rem,3rem + 4vw,5.75rem);display:grid;position:relative}.medalion-bintang{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bintang-luar{fill:var(--sokong)}.bintang-dalam{fill:var(--helaian);stroke:var(--sokong);stroke-width:1.2px}.medalion-no{color:var(--sokong);font-variant-numeric:lining-nums;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:700;position:relative}.helaian-tajuk{min-width:0}.tajuk-muka{letter-spacing:-.01em;font-variant-numeric:lining-nums;margin:0;font-size:clamp(1.0625rem,.95rem + .5vw,1.375rem);font-weight:700;line-height:1.25}.baharu{color:var(--lembut);margin:.15rem 0 0;font-size:1rem}.penanda-peringkat{color:var(--lembut);font-variant-numeric:lining-nums;flex-wrap:wrap;align-items:center;gap:.15rem .45rem;margin:.45rem 0 0;font-size:.8125rem;display:flex}.penanda-peringkat:before{content:"";background:var(--sokong);border-radius:50%;width:.5rem;height:.5rem}.penanda-no{color:var(--sokong);font-weight:700}@media (max-width:420px){.penanda-istilah{display:none}}.penanda-baris:before,.penanda-istilah:before{content:"·";color:var(--garis);margin-inline-end:.45rem}.petunjuk{margin:var(--jarak) 0 0;padding-bottom:calc(var(--jarak) * .75);border-bottom:1px solid var(--garis);color:var(--lembut);padding-inline-end:max(0px,100% - 60ch);font-size:.9375rem}.baris-senarai{margin:0;padding:0;list-style:none}.baris{padding:calc(var(--jarak) * .6) 0;border-bottom:1px dotted var(--garis)}.baris:last-child{border-bottom:0}.baris-label{color:var(--lembut);text-align:end;margin:0 0 .25rem;font-size:.8125rem}.baris[data-jenis=latihan] .baris-label{color:var(--aksen-gelap);font-weight:700}.baris-huruf{flex-wrap:wrap;justify-content:flex-start;gap:clamp(.25rem,.1rem + .8vw,.75rem);display:flex}.huruf{min-width:var(--sentuh);min-height:calc(var(--sentuh) * 1.25);cursor:pointer;isolation:isolate;touch-action:manipulation;background:0 0;border:0;border-radius:1.25rem;grid-template-rows:1fr auto;justify-items:center;padding:.15rem .35rem .3rem;display:grid;position:relative}.huruf:before{content:"";z-index:-1;border-radius:inherit;background:var(--sokong-cair);box-shadow:inset 0 0 0 2px var(--sokong);opacity:0;transition:opacity var(--tempoh-sorotan) ease-out, transform var(--tempoh-sorotan) ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.7)}.huruf[aria-pressed=true]:before{opacity:1;transform:scale(1)}.huruf-arab{font-family:var(--fon-arab);font-weight:500;font-size:var(--saiz-arab);padding-bottom:var(--ruang-ekor);color:var(--dakwat);line-height:1.55}.huruf-rumi{color:var(--sokong);opacity:0;transition:opacity var(--tempoh-sorotan) ease-out, transform var(--tempoh-sorotan) ease-out;font-size:1rem;font-weight:700;line-height:1.2;transform:translateY(-.25rem)}.huruf[aria-pressed=true] .huruf-rumi{opacity:1;transform:none}.huruf:focus-visible{outline-offset:0}.baris[data-jenis=kenal]:first-child .huruf{min-width:var(--sentuh-besar)}.baris[data-jenis=kenal]:first-child .baris-huruf{justify-content:center}.baris[data-jenis=kenal]:first-child .huruf-arab{font-size:var(--saiz-arab-besar)}@media (max-width:480px){.pentas{padding-inline-start:.5rem;padding-inline-end:.5rem}.helaian{padding-inline-start:.6rem;padding-inline-end:.6rem}.huruf{min-width:4rem;padding-inline-start:0;padding-inline-end:0}.baris-huruf{gap:.25rem}}@media (prefers-reduced-motion:reduce){.helaian[data-masuk]{animation:none}.huruf:before,.huruf-rumi,.mesej-audio{transition:none}}html[data-kunci]{overflow:hidden}.bar-atas-kanan{align-items:center;gap:.5rem;min-width:0;display:flex}.pintu{border:1px solid var(--garis);background:var(--helaian);min-width:2.75rem;min-height:2.75rem;color:var(--lembut);cursor:pointer;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:999px;align-items:center;gap:.4rem;padding:0 .85rem 0 .7rem;font-size:.875rem;font-weight:700;display:flex;position:relative;overflow:hidden}.pintu .ikon{flex:none;width:1.25rem;height:1.25rem}.pintu-isi{z-index:-1;background:var(--aksen-cair);transform-origin:0;transition:transform .12s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.pintu[data-tahan]{color:var(--aksen-gelap);border-color:var(--aksen)}.pintu[data-tahan] .pintu-isi{transition:transform var(--tempoh-tahan) linear;transform:scaleX(1)}.dialog{max-width:calc(100% - 2 * var(--jarak));max-height:calc(100dvh - 2 * var(--jarak));padding:calc(var(--jarak) * 1.25);border:1px solid var(--garis);background:var(--helaian);color:var(--dakwat);box-shadow:inset 0 0 0 5px var(--helaian), inset 0 0 0 6px var(--garis), var(--bayang);overscroll-behavior:contain;border-radius:.5rem}.dialog[open]{animation:dialog-masuk var(--tempoh-tukar) ease-out}.dialog::backdrop{background:var(--tirai)}@keyframes dialog-masuk{0%{opacity:0;transform:translateY(.75rem)}}.dialog-tajuk{color:var(--aksen-gelap);margin:0;font-size:1.25rem;line-height:1.3}.dialog-kaki{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:2.75rem;padding:0 1.1rem;font-size:.9375rem;font-weight:700}.btn-utama{background:var(--aksen);color:var(--helaian)}.btn-senyap{border-color:var(--garis);color:var(--aksen-gelap);background:0 0}.btn-bahaya{background:var(--bahaya);color:var(--helaian)}.btn-bahaya-senyap{border-color:var(--bahaya);color:var(--bahaya);background:0 0}.btn-ikon{border:1px solid var(--garis);width:2.75rem;height:2.75rem;color:var(--dakwat);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.btn-ikon .ikon{width:1.25rem;height:1.25rem}.btn-ikon:focus-visible{border:3px solid var(--aksen);outline:0}.btn:focus-visible{outline-offset:0;border-color:var(--aksen)}.panel-tanda:focus-visible{outline-offset:0;border-color:var(--aksen)}.pintu:focus-visible{outline-offset:0;border-color:var(--aksen)}.dialog-pintu{width:24rem}.pintu-borang{margin-top:.5rem}.pintu-soalan{margin:0 0 .75rem;font-size:1.125rem}.pintu-jawapan{border:2px solid var(--garis);background:var(--latar);width:100%;min-height:3rem;color:var(--dakwat);font:700 1.375rem/1 var(--fon-ui);font-variant-numeric:lining-nums tabular-nums;border-radius:.6rem;padding:0 .85rem}.pintu-jawapan:focus-visible{border-color:var(--aksen);outline:0}.pintu-ralat{min-height:1.4em;color:var(--bahaya);margin:.4rem 0 0;font-size:.875rem}.dialog-panel{width:44rem;padding:0}.panel-kepala{padding:calc(var(--jarak) * 1.1) calc(var(--jarak) * 1.25) 0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-ringkasan{padding:.75rem calc(var(--jarak) * 1.25) var(--jarak);border-bottom:1px solid var(--garis)}.panel-angka{font-variant-numeric:lining-nums;margin:0 0 .5rem;font-size:1.0625rem;font-weight:700}.panel-bar{background:var(--latar);height:.5rem;box-shadow:inset 0 0 0 1px var(--garis);border-radius:999px;overflow:hidden}.panel-bar-isi{background:var(--aksen);height:100%;transform:scaleX(var(--nisbah,0));transform-origin:0;transition:transform var(--tempoh-tukar) ease-out;display:block}.panel-terakhir{color:var(--lembut);margin:.5rem 0 0;font-size:.9375rem}.panel-senarai{padding:0 calc(var(--jarak) * 1.25);margin:0;list-style:none}.panel-baris{border-bottom:1px dotted var(--garis);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.5rem .85rem;padding:.7rem 0;display:grid}.panel-no{aspect-ratio:1;place-items:center;width:2.75rem;display:grid;position:relative}.panel-no-bintang{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.panel-no-teks{color:var(--aksen-gelap);font-variant-numeric:lining-nums;font-size:.9375rem;font-weight:700;position:relative}.panel-baris[data-semasa] .bintang-dalam{fill:var(--aksen-cair)}.panel-maklumat{min-width:0}.panel-baris-tajuk{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:0;font-weight:700;display:flex}.panel-sedang{background:var(--aksen-cair);color:var(--aksen-gelap);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.panel-huruf{padding-bottom:var(--ruang-ekor);font-family:var(--fon-arab);text-align:left;color:var(--dakwat);word-spacing:.35em;margin:0;font-size:1.75rem;line-height:1.6}.panel-nama{color:var(--lembut);margin:0;font-size:.875rem}.panel-tanda{border:1px solid var(--garis);min-height:2.75rem;color:var(--lembut);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:0 .85rem 0 .5rem;font-size:.875rem;font-weight:700;display:flex}.panel-tanda-kotak{border:2px solid var(--garis);width:1.75rem;height:1.75rem;color:var(--helaian);transition:background-color var(--tempoh-sorotan) ease-out, border-color var(--tempoh-sorotan) ease-out;border-radius:50%;place-items:center;display:grid}.panel-tanda-kotak .ikon{opacity:0;width:1.1rem;height:1.1rem;transition:opacity var(--tempoh-sorotan) ease-out, transform var(--tempoh-sorotan) ease-out;transform:scale(.6)}.panel-tanda-kotak .ikon-garis{stroke-width:3px}.panel-tanda[aria-pressed=true]{border-color:var(--aksen);background:var(--aksen-cair);color:var(--aksen-gelap)}.panel-tanda[aria-pressed=true] .panel-tanda-kotak{border-color:var(--aksen);background:var(--aksen)}.panel-tanda[aria-pressed=true] .panel-tanda-kotak .ikon{opacity:1;transform:none}.panel-status{padding:0 calc(var(--jarak) * 1.25);color:var(--aksen-gelap);margin:0;font-size:.875rem}.panel-status:empty{display:none}.panel-status:not(:empty){padding-top:.75rem}.panel-bawah{padding:var(--jarak) calc(var(--jarak) * 1.25) calc(var(--jarak) * 1.25)}.panel-simpanan{color:var(--lembut);margin:.75rem 0 0;font-size:.8125rem}.panel-sah{padding:var(--jarak);border:1px solid var(--bahaya);background:var(--bahaya-cair);border-radius:.5rem}.panel-sah-tajuk{color:var(--bahaya);margin:0;font-size:1.0625rem}.panel-sah-teks{margin:.35rem 0 0;font-size:.9375rem}.lencana-dikuasai{background:var(--aksen-cair);color:var(--aksen-gelap);border-radius:999px;align-items:center;gap:.3rem;margin:.4rem 0 0;padding:.15rem .65rem .15rem .4rem;font-size:.8125rem;font-weight:700;display:inline-flex}.lencana-dikuasai .ikon{width:1rem;height:1rem}.lencana-dikuasai .ikon-garis{stroke-width:3px}@media (max-width:560px){.pintu{padding-inline-start:.7rem;padding-inline-end:.7rem}.pintu-label{display:none}.panel-baris{grid-template-columns:auto minmax(0,1fr) auto}.panel-maklumat{grid-column:2/-1}.panel-tanda{grid-column:1/3;justify-self:start}}@media (prefers-reduced-motion:reduce){.dialog[open]{animation:none}.pintu-isi,.panel-bar-isi,.panel-tanda-kotak,.panel-tanda-kotak .ikon,.pintu[data-tahan] .pintu-isi{transition:none}}.panel-pasang{margin:var(--jarak) calc(var(--jarak) * 1.25) 0;background:var(--aksen-cair);color:var(--aksen-gelap);border-radius:1rem;padding:.9rem 1rem 1rem}.panel-pasang-tajuk{margin:0;font-size:1rem}.panel-pasang-teks{color:var(--dakwat);margin:.3rem 0 0;font-size:.9375rem}.panel-pasang-langkah{counter-reset:langkah;gap:.45rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.panel-pasang-langkah li{counter-increment:langkah;color:var(--dakwat);grid-template-columns:1.6rem minmax(0,1fr);align-items:baseline;gap:.6rem;font-size:.9375rem;display:grid}.panel-pasang-langkah li:before{content:counter(langkah);aspect-ratio:1;background:var(--aksen);width:1.6rem;color:var(--helaian);font-variant-numeric:lining-nums;border-radius:50%;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.panel-peringkat{margin:.85rem calc(var(--jarak) * 1.25) 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.panel-peringkat-btn{border:1px solid var(--garis);min-width:0;min-height:3rem;color:var(--dakwat);text-align:start;cursor:pointer;transition:background-color var(--tempoh-sorotan) ease-out, border-color var(--tempoh-sorotan) ease-out;background:0 0;border-radius:.875rem;align-items:center;gap:.5rem;padding:.35rem .6rem .35rem .4rem;display:flex}.panel-peringkat-no{aspect-ratio:1;border:2px solid var(--sokong);width:1.9rem;color:var(--sokong);font-variant-numeric:lining-nums;border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:700;display:grid}.panel-peringkat-nama{min-width:0;font-size:.875rem;font-weight:700;line-height:1.2}.panel-peringkat-btn[aria-pressed=true]{border-color:var(--sokong);background:var(--sokong-cair)}.panel-peringkat-btn[aria-pressed=true] .panel-peringkat-no{background:var(--sokong);color:var(--helaian)}.panel-peringkat-btn:focus-visible{border-color:var(--sokong);box-shadow:inset 0 0 0 2px var(--sokong);outline:0}.panel-senarai .panel-baris[data-semasa] .bintang-dalam{fill:var(--sokong-cair)}.panel-senarai .panel-no-teks{color:var(--sokong)}@media (max-width:560px){.panel-peringkat{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.panel-peringkat-btn{transition:none}}.panel-panduan{min-height:2.75rem;margin:.6rem calc(var(--jarak) * 1.25) 0;color:var(--aksen-gelap);text-underline-offset:.18em;align-items:center;gap:.6rem;padding:0 .25rem;font-weight:700;display:flex}.panel-panduan .ikon{width:1.375rem;height:1.375rem;color:var(--aksen);flex:none}.utama{max-width:var(--lebar-helaian);padding-bottom:calc(var(--jarak) * 2 + env(safe-area-inset-bottom));gap:calc(var(--jarak) * 1.25);margin:0 auto;display:grid}.utama-kepala{gap:.6rem var(--jarak);padding:calc(var(--jarak) * .75) 0 calc(var(--jarak) * .25);isolation:isolate;display:grid;position:relative}.utama-hiasan{z-index:-1;opacity:.07;width:12rem;height:auto;display:none;position:absolute;top:0}.utama-hiasan:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-2.5rem}.utama-hiasan:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-2.5rem}.utama-hiasan:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-2.5rem}.utama-hiasan:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-2.5rem}@media (min-width:760px){.utama-hiasan{display:block}}.utama-hiasan .bintang-luar{fill:var(--aksen)}.utama-hiasan .bintang-dalam{fill:var(--latar);stroke:var(--aksen);stroke-width:1.4px}.utama-nama{letter-spacing:-.02em;color:var(--aksen-gelap);margin:0;font-size:clamp(2.125rem,1.5rem + 2.6vw,3.25rem);font-weight:700;line-height:1.05}.utama-ayat{max-width:34ch;color:var(--lembut);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.5}.sambung{background:var(--aksen);width:100%;max-width:26rem;min-height:4.75rem;color:var(--helaian);box-shadow:var(--bayang);-webkit-touch-callout:none;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.4rem;padding:.7rem .75rem .7rem 1.4rem;text-decoration:none;transition:transform .16s ease-out,box-shadow .16s ease-out;display:flex}.sambung:active{box-shadow:var(--bayang-tekan);transform:scale(.98)}.sambung:focus-visible{outline-offset:4px}.sambung-teks{gap:.1rem;min-width:0;display:grid}.sambung-label{font-size:1.25rem;font-weight:700;line-height:1.2}.sambung-ket{color:var(--aksen-cair);font-variant-numeric:lining-nums;font-size:.9375rem}.sambung-anak{background:var(--helaian);width:3.25rem;height:3.25rem;color:var(--aksen);border-radius:50%;flex:none;place-items:center;display:grid}.sambung-anak .ikon{width:1.5rem;height:1.5rem}.sambung-anak .ikon-garis{stroke-width:2.6px}@media (min-width:760px){.utama-kepala{grid-template-columns:minmax(0,1fr) auto;align-items:end}.utama-nama,.utama-ayat{grid-column:1}.sambung{grid-area:1/2/span 2;align-self:end;width:22rem;margin:0}}.kandungan-helaian{padding:calc(var(--jarak) * 1.1) calc(var(--jarak) * 1.25) calc(var(--jarak) * .6);background:var(--helaian);border:1px solid var(--garis);box-shadow:inset 0 0 0 6px var(--helaian), inset 0 0 0 7px var(--garis), var(--bayang);border-radius:.375rem}.kandungan-tajuk{color:var(--lembut);margin:0 0 .25rem;font-size:1rem;font-weight:700}.kandungan{margin:0;padding:0;list-style:none}.kandungan-baris+.kandungan-baris{border-top:1px dotted var(--garis)}.kandungan-pautan{align-items:center;gap:.35rem var(--jarak);margin:0 calc(var(--jarak) * -.6);padding:calc(var(--jarak) * .85) calc(var(--jarak) * .6);color:inherit;-webkit-touch-callout:none;border-radius:.875rem;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"medalion teks huruf""medalion bar bar";text-decoration:none;transition:background-color .16s ease-out;display:grid}.kandungan-pautan:active{background:var(--sokong-cair)}.kandungan-pautan:focus-visible{outline-offset:-3px}@media (hover:hover){.kandungan-pautan:hover{background:color-mix(in srgb, var(--sokong-cair) 55%, transparent)}}.kandungan-medalion{aspect-ratio:1;grid-area:medalion;place-items:center;width:clamp(3.75rem,3rem + 2.5vw,4.75rem);display:grid;position:relative}.kandungan-medalion .bintang-luar{fill:var(--sokong)}.kandungan-medalion .bintang-dalam{fill:var(--helaian);stroke:var(--sokong)}.kandungan-baris[data-semasa] .kandungan-medalion .bintang-dalam{fill:var(--sokong-cair)}.kandungan-no{color:var(--sokong);font-variant-numeric:lining-nums;font-size:clamp(1.25rem,1rem + .8vw,1.625rem);font-weight:700;position:relative}.kandungan-teks{grid-area:teks;gap:.1rem;min-width:0;display:grid}.kandungan-peringkat{color:var(--sokong);font-variant-numeric:lining-nums;font-size:.875rem;font-weight:700}.kandungan-nama{flex-wrap:wrap;align-items:baseline;gap:0 .5rem;display:flex}.kandungan-baris-nama{color:var(--dakwat);font-size:clamp(1.1875rem,1.05rem + .5vw,1.4375rem);font-weight:700;line-height:1.25}.kandungan-istilah{color:var(--lembut);font-size:.9375rem}.kandungan-kemajuan{color:var(--lembut);font-variant-numeric:lining-nums tabular-nums;font-size:.875rem}.kandungan-huruf{padding-bottom:var(--ruang-ekor);font-family:var(--fon-arab);color:var(--dakwat);grid-area:huruf;gap:clamp(.5rem,.2rem + 1vw,1.1rem);font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:500;line-height:1.5;display:flex}.kandungan-bar{background:var(--latar);height:.3125rem;box-shadow:inset 0 0 0 1px var(--garis);border-radius:999px;grid-area:bar;overflow:hidden}.kandungan-bar-isi{background:var(--sokong);height:100%;transform:scaleX(var(--nisbah,0));transform-origin:0;display:block}@media (max-width:520px){.kandungan-helaian{padding-inline-start:.75rem;padding-inline-end:.75rem}.kandungan-pautan{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"medalion teks""medalion huruf""bar bar";margin-inline-start:-.35rem;margin-inline-end:-.35rem;padding-inline-start:.35rem;padding-inline-end:.35rem}.kandungan-huruf{justify-content:flex-end;font-size:2rem}}.utama-pautan{gap:calc(var(--jarak) * .6);display:grid}@media (min-width:640px){.utama-pautan{grid-template-columns:repeat(2,minmax(0,1fr))}}.pautan-kad{border:1px solid var(--garis);background:var(--helaian);min-width:0;min-height:4.25rem;color:var(--dakwat);border-radius:1rem;align-items:center;gap:.9rem;padding:.75rem 1.1rem;text-decoration:none;transition:transform .16s ease-out;display:flex}.pautan-kad:active{transform:scale(.99)}.pautan-kad>.ikon{width:1.75rem;height:1.75rem;color:var(--aksen);flex:none}.pautan-kad-teks{gap:.05rem;min-width:0;display:grid}.pautan-kad-label{color:var(--aksen-gelap);font-variant-numeric:lining-nums;font-size:1.0625rem;font-weight:700}.pautan-kad-ket{color:var(--lembut);font-size:.875rem}.jadual{max-width:var(--lebar-helaian);padding-bottom:calc(var(--jarak) * 2 + env(safe-area-inset-bottom));gap:var(--jarak);margin:0 auto;display:grid}.jadual-kepala{padding-top:calc(var(--jarak) * .5);gap:.3rem;display:grid}.jadual-tajuk{letter-spacing:-.015em;color:var(--aksen-gelap);margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem);font-weight:700;line-height:1.15}.jadual-petunjuk{max-width:60ch;color:var(--lembut);margin:0}.pilih-baris{border:1px solid var(--garis);background:var(--helaian);border-radius:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.3rem;display:grid}.pilih-baris-btn{min-width:0;min-height:3.5rem;color:var(--lembut);cursor:pointer;transition:background-color var(--tempoh-sorotan) ease-out, color var(--tempoh-sorotan) ease-out;background:0 0;border:0;border-radius:1rem;align-content:center;justify-items:center;gap:0;padding:.35rem .4rem;display:grid}.pilih-baris-nama{text-align:center;font-size:.9375rem;font-weight:700;line-height:1.25}.pilih-baris-istilah{font-size:.8125rem;line-height:1.25}.pilih-baris-btn[aria-pressed=true]{background:var(--sokong);color:var(--helaian)}.pilih-baris-btn:focus-visible{outline-offset:0}.jadual-grid{padding:calc(var(--jarak) * 1.1) calc(var(--jarak) * .9);background:var(--helaian);border:1px solid var(--garis);box-shadow:inset 0 0 0 6px var(--helaian), inset 0 0 0 7px var(--garis), var(--bayang);border-radius:.375rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.25rem,.1rem + .6vw,.6rem);margin:0;list-style:none;display:grid}@media (min-width:700px){.jadual-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.jadual-sel{min-width:0;display:grid}.jadual-huruf.huruf{border-radius:1rem;grid-template-rows:1fr auto auto;width:100%;min-width:0;min-height:0;padding:.2rem .15rem .45rem}.jadual-huruf .huruf-arab{font-size:clamp(2.125rem,1.6rem + 2.4vw,3.25rem);line-height:1.45}.jadual-nama{color:var(--dakwat);opacity:0;transition:opacity var(--tempoh-sorotan) ease-out, transform var(--tempoh-sorotan) ease-out;font-size:.8125rem;line-height:1.2;transform:translateY(-.25rem)}.jadual-huruf[aria-pressed=true] .jadual-nama{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sambung,.kandungan-pautan,.pautan-kad,.pilih-baris-btn,.jadual-nama{transition:none}}.panduan{max-width:calc(46rem + 2 * var(--jarak));padding:0 var(--jarak) calc(var(--jarak) * 2.5 + env(safe-area-inset-bottom));margin:0 auto}.panduan-bar{padding:.85rem 0 calc(var(--jarak) * .9);justify-content:space-between;align-items:center;gap:1rem;display:flex}.panduan-jenama{min-width:0;min-height:2.75rem;color:var(--aksen-gelap);align-items:center;gap:.55rem;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.panduan-jenama>span{white-space:nowrap}.panduan-jenama-bintang{flex:none;width:1.75rem;height:1.75rem}.panduan-jenama-bintang .bintang-luar{fill:var(--aksen)}.panduan-jenama-bintang .bintang-dalam{fill:var(--latar);stroke:var(--aksen);stroke-width:3px}.panduan-bahasa{border:1px solid var(--garis);background:var(--helaian);min-height:2.75rem;color:var(--aksen-gelap);border-radius:999px;flex:none;align-items:center;padding:0 1rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:transform .16s ease-out;display:inline-flex}.panduan-bahasa:active,.panduan-buka:active{transform:scale(.98)}@media (max-width:380px){.panduan-bar{gap:.5rem}.panduan-jenama{gap:.4rem;font-size:1rem}.panduan-jenama-bintang{width:1.5rem;height:1.5rem}.panduan-bahasa{padding:0 .75rem;font-size:.875rem}}.panduan-isi{counter-reset:bahagian;padding:calc(var(--jarak) * 1.75) clamp(1.25rem, .5rem + 4vw, 3.5rem) calc(var(--jarak) * 2);background:var(--helaian);border:1px solid var(--garis);box-shadow:inset 0 0 0 6px var(--helaian), inset 0 0 0 7px var(--garis), var(--bayang);border-radius:.375rem;font-size:1.0625rem;line-height:1.7}.panduan-isi :-webkit-any(p,ul,ol,h1,h2){max-width:38rem}.panduan-isi :is(p,ul,ol,h1,h2){max-width:38rem}.panduan-isi a{color:var(--aksen-gelap);text-underline-offset:.18em;text-decoration-thickness:1px}.panduan-kepala{padding-bottom:calc(var(--jarak) * 1.25);gap:.6rem;display:grid}.panduan-label{letter-spacing:.08em;color:var(--aksen);margin:0;font-size:.875rem;font-variant-caps:all-small-caps;font-weight:700}.panduan-kepala h1{letter-spacing:-.02em;color:var(--aksen-gelap);margin:0;font-size:clamp(2.125rem,1.5rem + 2.6vw,3.25rem);line-height:1.05}.panduan-mukadimah{color:var(--dakwat);margin:.25rem 0 0;font-size:clamp(1.125rem,1.05rem + .35vw,1.3125rem);line-height:1.55}.panduan-kandungan{padding:calc(var(--jarak) * .9) 0 calc(var(--jarak) * .4);border-block:1px solid var(--garis)}.panduan-kandungan h2{color:var(--lembut);margin:0 0 .35rem;font-size:.9375rem}.panduan-kandungan ol{counter-reset:isi;columns:2 15rem;column-gap:calc(var(--jarak) * 2);margin:0;padding:0;list-style:none}.panduan-kandungan li{counter-increment:isi;break-inside:avoid}.panduan-kandungan a{min-height:2.75rem;color:var(--dakwat);align-items:baseline;gap:.75rem;padding:.5rem 0;line-height:1.35;text-decoration:none;display:flex}.panduan-kandungan a:before{content:counter(isi, decimal-leading-zero);font-variant-numeric:lining-nums tabular-nums;color:var(--aksen);flex:none;font-size:.875rem;font-weight:700}@media (hover:hover){.panduan-kandungan a:hover{color:var(--aksen-gelap);text-decoration:underline}}.panduan-bahagian{counter-increment:bahagian;padding-top:calc(var(--jarak) * 1.75);scroll-margin-top:1rem}.panduan-bahagian+.panduan-bahagian{margin-top:calc(var(--jarak) * .5);border-top:1px dotted var(--garis)}.panduan-bahagian h2{letter-spacing:-.01em;color:var(--aksen-gelap);gap:.15rem;margin:0 0 .6rem;font-size:clamp(1.375rem,1.2rem + .7vw,1.75rem);line-height:1.2;display:grid}.panduan-bahagian h2:before{content:counter(bahagian, decimal-leading-zero);letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums;color:var(--aksen);font-size:.875rem}.panduan-bahagian p{margin:0 0 .9rem}.panduan-senarai{gap:.55rem;margin:.2rem 0 .9rem;padding:0;list-style:none;display:grid}.panduan-senarai li{padding-inline-start:1.6rem;position:relative}.panduan-senarai li:before{content:"";background:var(--aksen);width:.5rem;height:.5rem;position:absolute;top:.62em;transform:rotate(45deg)}.panduan-senarai li:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:.3rem}.panduan-senarai li:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:.3rem}.panduan-senarai li:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:.3rem}.panduan-senarai li:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:.3rem}.panduan-peringkat{max-width:none;margin:.4rem 0 1rem;padding:0;list-style:none;display:grid}.panduan-peringkat-baris{align-items:center;gap:.25rem var(--jarak);padding:calc(var(--jarak) * .8) 0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"medalion teks huruf";display:grid}.panduan-peringkat-baris+.panduan-peringkat-baris{border-top:1px dotted var(--garis)}.panduan-medalion{aspect-ratio:1;grid-area:medalion;place-items:center;width:3.5rem;display:grid;position:relative}.panduan-medalion-bintang{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.panduan-medalion-bintang .bintang-luar{fill:var(--sokong)}.panduan-medalion-bintang .bintang-dalam{fill:var(--helaian);stroke:var(--sokong);stroke-width:1.4px}.panduan-medalion-no{color:var(--sokong);font-variant-numeric:lining-nums;font-size:1.25rem;font-weight:700;position:relative}.panduan-peringkat-teks{grid-area:teks;gap:.1rem;min-width:0;line-height:1.45;display:grid}.panduan-peringkat-no{color:var(--sokong);font-variant-numeric:lining-nums;font-size:.8125rem;font-weight:700}.panduan-peringkat-nama{color:var(--dakwat);font-size:1.125rem;font-weight:700}.panduan-istilah{color:var(--lembut);font-size:.9375rem;font-weight:400}.panduan-peringkat-ket{color:var(--dakwat);font-size:.96875rem}.panduan-peringkat-huruf{font-family:var(--fon-arab);color:var(--dakwat);grid-area:huruf;gap:.45em;font-size:2.25rem;line-height:1.5;display:flex}@media (max-width:520px){.panduan-peringkat-baris{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"medalion teks""medalion huruf";align-items:start}.panduan-medalion{width:3rem}.panduan-peringkat-huruf{justify-content:flex-end;font-size:2rem}}.panduan-akhir{margin:calc(var(--jarak) * 1.5) 0 0;padding-top:calc(var(--jarak) * 1.25);border-top:1px solid var(--garis)}.panduan-isi .panduan-buka{background:var(--aksen);min-height:3.25rem;color:var(--helaian);border-radius:999px;align-items:center;padding:0 1.5rem;font-weight:700;text-decoration:none;transition:transform .16s ease-out;display:inline-flex}@media (prefers-reduced-motion:reduce){.panduan-bahasa,.panduan-isi .panduan-buka{transition:none}}