:root{--bg:#f4f6f3;--kad:#fff;--teks:#17241e;--lembut:#5a6a62;--garis:#d9e0da;--aksen:#1f6b52;--aksen-lembut:#e3f0ea;--emas:#a8791f;--ralat:#b3261e;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#101613;--kad:#18201c;--teks:#e5ece8;--lembut:#9db0a6;--garis:#2b3832;--aksen:#5cbf96;--aksen-lembut:#1d2f27;--emas:#e2b55e;--ralat:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--teks);font:16px/1.6 var(--sans);margin:0}.wrap{max-width:720px;padding-block:20px 120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}header.kepala{padding:18px 0 8px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--emas);font-size:.78rem;font-weight:700}h1{font-family:var(--serif);text-wrap:balance;margin:6px 0 10px;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.2}h2{font-family:var(--serif);text-wrap:balance;margin:0 0 4px;font-size:1.35rem}.intro{color:var(--lembut);white-space:pre-line}.kemajuan{top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--garis);padding:10px 0;position:sticky}.kemajuan .label{color:var(--lembut);justify-content:space-between;margin-bottom:6px;font-size:.82rem;display:flex}.trek{background:var(--garis);border-radius:3px;height:6px;overflow:hidden}.trek>div{background:var(--aksen);width:0;height:100%;transition:width .3s}section.bahagian{margin-top:22px}.bahagian>.desc{color:var(--lembut);margin:0 0 14px}.soalan{background:var(--kad);border:1px solid var(--garis);border-radius:12px;margin:12px 0;padding:16px}.soalan.ralat{border-color:var(--ralat)}.soalan .tajuk{margin-bottom:4px;font-weight:600}.wajib{color:var(--ralat);margin-left:2px}.bantuan{color:var(--lembut);margin-bottom:10px;font-size:.88rem}.mesej-ralat{color:var(--ralat);margin-top:8px;font-size:.88rem}.pilihan{gap:6px;display:grid}.pil{border:1px solid var(--garis);cursor:pointer;border-radius:9px;align-items:flex-start;gap:10px;padding:9px 10px;line-height:1.4;display:flex}.pil:hover{border-color:var(--aksen)}.pil input{accent-color:var(--aksen);flex:none;width:18px;height:18px;margin-top:3px}.pil:has(input:checked){background:var(--aksen-lembut);border-color:var(--aksen)}input[type=text],textarea{width:100%;font:inherit;color:var(--teks);background:var(--kad);border:1px solid var(--garis);border-radius:9px;padding:10px}textarea{resize:vertical;min-height:96px}input:focus-visible,textarea:focus-visible,button:focus-visible,.pil:focus-within{outline:2px solid var(--aksen);outline-offset:2px}.lain{margin-top:6px}.skala{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.skala label{border:1px solid var(--garis);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex}.skala label:has(input:checked){background:var(--aksen);color:#fff;border-color:var(--aksen)}.skala input{opacity:0;pointer-events:none;position:absolute}.skala-hujung{color:var(--lembut);justify-content:space-between;gap:12px;margin-top:4px;font-size:.8rem;display:flex}.matriks .baris{border-top:1px dashed var(--garis);padding:10px 0}.matriks .baris:first-child{border-top:0}.matriks .baris .nama{margin-bottom:6px;font-size:.95rem}.cip{flex-wrap:wrap;gap:6px;display:flex}.cip label{border:1px solid var(--garis);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:.85rem}.cip label:has(input:checked){background:var(--aksen);border-color:var(--aksen);color:#fff}.cip input{opacity:0;pointer-events:none;position:absolute}.persetujuan{background:var(--aksen-lembut);border-radius:12px;margin-top:16px;padding:14px 16px;font-size:.93rem}.navigasi{background:var(--kad);border-top:1px solid var(--garis);padding-block:10px calc(10px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));z-index:6;position:fixed;bottom:0;left:0;right:0}.navigasi .dalam{justify-content:space-between;align-items:center;gap:10px;max-width:720px;margin:0 auto;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--aksen);border-radius:10px;padding:11px 18px;font-weight:600}.utama{background:var(--aksen);color:#fff}.kedua{color:var(--aksen);background:0 0}button[disabled]{opacity:.5;cursor:default}.selesai{text-align:center;padding:48px 8px}.selesai .tanda{color:var(--aksen);font-size:2.6rem}.hp{position:absolute;left:-9999px}.makluman{color:var(--lembut);font-size:.82rem}@media (prefers-reduced-motion:reduce){.trek>div{transition:none}}.atas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.besar{color:var(--emas);font-size:2rem;font-weight:700}.kad{background:var(--kad);border:1px solid var(--garis);border-radius:12px;margin:10px 0;padding:16px}.kad .q{margin-bottom:4px;font-weight:600}.meta{color:var(--lembut);font-size:.85rem}.h2-aksen{font-family:var(--sans);color:var(--aksen);margin:28px 0 8px;font-size:1.05rem}.bar{grid-template-columns:minmax(0,1fr) 120px 40px;align-items:center;gap:8px;margin:4px 0;font-size:.9rem;display:grid}.bar .trek{border-radius:5px;height:10px}.bar .isi{background:var(--aksen);height:100%}.nombor{text-align:right;font-variant-numeric:tabular-nums}.skrol{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}td,th{border-bottom:1px solid var(--garis);text-align:left;vertical-align:top;padding:6px}th{color:var(--lembut);font-weight:600}a.btn{border:1px solid var(--aksen);border-radius:10px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-block}a.btn.utama{background:var(--aksen);color:#fff}a.btn.kedua{color:var(--aksen)}input[type=password]{font:inherit;color:var(--teks);background:var(--kad);border:1px solid var(--garis);border-radius:9px;width:100%;max-width:280px;padding:10px}.ralat-teks{color:var(--ralat)}@media (max-width:520px){.bar{grid-template-columns:minmax(0,1fr) 70px 36px}}