/* Halaman awam SEO/GEO ListBelanja — token yang SAMA dengan app (rupa.css; dijaga ujian-palet.mjs): kertas krim, dakwat gelap, cop ungu RM100, emas.
   Ringan (tiada fon luar, tiada imej hiasan), mudah alih dahulu, mod gelap mengikut sistem, fokus papan kekunci jelas. */
:root{--kertas:#F6F3EC;--kertas2:#FFFDF9;--kertas3:#EBE6DA;--dakwat:#1D1930;--pudar:#615B74;--garis:#DDD6C8;--cop:#3F2A86;--cop-lembut:#EEE8FB;
  --emas:#E0A51F;--emas-lembut:#FBF1D6;--emas-gelap:#7A530C;--atas-emas:#1D1930;--hijau:#2D7A4D;--hijau-lembut:#EAF6EE;--amber:#9A5A0B;--amber-lembut:#FBF0E2;--merah:#B3362F;--merah-lembut:#FBE7E5;
  --atas-cop:#FFFFFF;--r:12px;--r-kad:16px;--r-besar:18px;--bayang:0 10px 28px -14px rgba(29,25,48,.35),0 1px 2px rgba(29,25,48,.06);
  --sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Noto Sans","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  --fs-paparan:40px;--fs-besar:32px;--fs-sederhana:26px;--fs-tajuk:20px;--fs-subtajuk:17px;--fs-badan:16px;--fs-nota:13.5px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
  --fokus:0 0 0 3px rgba(63,42,134,.35);color-scheme:light;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
/* Tema (pusingan 131): ikut peranti kecuali dipaksa oleh html[data-tema] (pilihan app lb_tema — dipasang skrip sebaris halaman). */
:root[data-tema=terang]{color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-tema=terang]){--kertas:#110F1A;--kertas2:#1A1626;--kertas3:#251F33;--dakwat:#EFEBF7;--pudar:#A9A2BB;--garis:#352D47;
  --cop:#B9A2F2;--cop-lembut:#2B2241;--emas:#E0A51F;--emas-lembut:#2E2512;--emas-gelap:#F0C45A;--atas-emas:#1D1930;--hijau:#6CC38A;--hijau-lembut:#1B2E22;--amber:#EFA64B;--amber-lembut:#2E2213;--merah:#EF8A80;--merah-lembut:#3A1F1E;--atas-cop:#1A1430;
  --bayang:0 10px 28px -14px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.3);--fokus:0 0 0 3px rgba(185,162,242,.45);color-scheme:dark}}
:root[data-tema=gelap]{--kertas:#110F1A;--kertas2:#1A1626;--kertas3:#251F33;--dakwat:#EFEBF7;--pudar:#A9A2BB;--garis:#352D47;
  --cop:#B9A2F2;--cop-lembut:#2B2241;--emas:#E0A51F;--emas-lembut:#2E2512;--emas-gelap:#F0C45A;--atas-emas:#1D1930;--hijau:#6CC38A;--hijau-lembut:#1B2E22;--amber:#EFA64B;--amber-lembut:#2E2213;--merah:#EF8A80;--merah-lembut:#3A1F1E;--atas-cop:#1A1430;
  --bayang:0 10px 28px -14px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.3);--fokus:0 0 0 3px rgba(185,162,242,.45);color-scheme:dark}

/* ═══ Pusingan 140 (awam): reka bentuk "Lejar Ringgit" — SATU bahasa visual dengan pendaratan (pendaratan.css): kertas hangat, ungu RM100
   untuk tindakan, EMAS sebagai garis sambung/penanda, angka ringgit tabular (650, −.02em), radius 16/12/999, garis rambut + bayang hanya
   pada hover/fokus, gerakan ≤ 200 ms. Token K0 baharu dipakai dengan sandaran var(--x, nilai); iOS 15: color-mix sentiasa ada sandaran. ═══ */
:root{--se-emas-lembut:var(--emas-lembut,#FBF1D6);--se-hijau-lembut:var(--hijau-lembut,#E3F1E8);--se-merah-lembut:var(--merah-lembut,#FBE7E5);--se-emas-teks:#8A5E06;
  --se-bayang:var(--bayang,0 18px 40px -26px rgba(29,25,48,.45));--se-bayang-kecil:0 1px 0 rgba(29,25,48,.04);--se-garis2:rgba(29,25,48,.08);--se-kaca:rgba(246,243,236,.86);
  --se-r-besar:var(--r-besar,18px);--se-masa:.18s}
@media (prefers-color-scheme:dark){:root:not([data-tema=terang]){--se-emas-lembut:var(--emas-lembut,#3A2E12);--se-hijau-lembut:var(--hijau-lembut,#17301F);--se-merah-lembut:var(--merah-lembut,#3A1C19);--se-emas-teks:#F1C560;
  --se-bayang:var(--bayang,0 18px 40px -24px rgba(0,0,0,.7));--se-garis2:rgba(255,255,255,.08);--se-kaca:rgba(17,15,26,.84)}}
:root[data-tema=gelap]{--se-emas-lembut:var(--emas-lembut,#3A2E12);--se-hijau-lembut:var(--hijau-lembut,#17301F);--se-merah-lembut:var(--merah-lembut,#3A1C19);--se-emas-teks:#F1C560;
  --se-bayang:var(--bayang,0 18px 40px -24px rgba(0,0,0,.7));--se-garis2:rgba(255,255,255,.08);--se-kaca:rgba(17,15,26,.84)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--kertas);color:var(--dakwat);font:16px/1.6 var(--sans);overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
a{color:var(--cop);text-underline-offset:3px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,.jadualBalut:focus-visible{outline:none;box-shadow:var(--fokus);border-radius:8px}
img{max-width:100%;height:auto}
:lang(zh){font-style:normal}
.bungkus{max-width:1080px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
@media (min-width:720px){.bungkus{padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right))}}
.langkau{position:absolute;left:-9999px;top:8px;background:var(--cop);color:var(--atas-cop);padding:8px 14px;border-radius:10px;z-index:9}
.langkau:focus{left:12px}
/* ── Pengepala (wordmark: "List" 500 + "Belanja" 800 + garis sambung emas) ── */
.atas{position:sticky;top:0;z-index:40;background:var(--kertas);background:var(--se-kaca);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--se-garis2)}
.atasDalam{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;min-height:64px;padding-block:10px}
.jenama{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--dakwat);margin-right:auto;min-height:44px}
.jenama img{width:32px;height:32px;border-radius:9px;display:block}
.wordmark{position:relative;font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1;padding-bottom:3px}
.wordmark b{font-weight:800}
.wordmark::after{content:"";position:absolute;left:1.55em;right:0;bottom:0;height:2px;border-radius:2px;background:var(--emas)}
.navUtama{display:flex;gap:2px;flex-wrap:nowrap;order:3;width:100%;font-size:14px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;margin:2px -4px 0;padding:0 4px}
.navUtama::-webkit-scrollbar{display:none}
.navUtama a{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:6px 10px;border-radius:999px;color:var(--dakwat);text-decoration:none;font-weight:600}
.navUtama a::after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;border-radius:2px;background:var(--emas);transform:scaleX(0);transform-origin:left;transition:transform var(--se-masa) ease}
.navUtama a:hover::after,.navUtama a[aria-current]::after{transform:scaleX(1)}
.navUtama a:hover,.navUtama a[aria-current]{color:var(--cop)}
.tukarBahasa{display:inline-flex;flex:none;white-space:nowrap;background:var(--kertas2);border:1px solid var(--garis);border-radius:999px;padding:3px;gap:2px;font-size:13px;font-weight:650}
.tukarBahasa a,.tukarBahasa span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;text-decoration:none;color:var(--pudar)}
.tukarBahasa span{background:var(--dakwat);color:var(--kertas)}
.tukarBahasa a:hover{color:var(--cop)}
@media (max-width:479px){.atasDalam>.butang.kecil{display:none}.wordmark{font-size:18px}}
.atasDalam>.butang.kecil{white-space:nowrap;flex:none}
/* Navigasi kekal baris kedua yang boleh ditatal pada SEMUA lebar: bekas 1080px tidak muat jenama + 6 pautan + bahasa + butang dalam satu baris
   (BM paling panjang — semak-reka p140: jenama dihimpit 156→124px). Jenama tidak pernah mengecut. */
.jenama{flex:none}
/* ── Butang ── */
.butang{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:12px 20px;border-radius:var(--r);background:var(--cop);color:var(--atas-cop);font:650 15px/1.2 var(--sans);text-decoration:none;border:1.5px solid var(--cop);cursor:pointer;transition:transform var(--se-masa) ease,box-shadow var(--se-masa) ease,background var(--se-masa) ease}
.butang:hover{box-shadow:var(--se-bayang);transform:translateY(-1px)}
.butang:active{transform:none;box-shadow:none}
.butang.besar{min-height:54px;padding:14px 26px;font-size:16.5px;border-radius:14px}
.butang.kecil{min-height:40px;padding:8px 14px;font-size:14px;border-radius:999px}
.butang.hantu{background:transparent;color:var(--dakwat);border-color:var(--garis)}
.butang.hantu:hover{border-color:var(--dakwat);background:var(--kertas2);box-shadow:none}
.butang[hidden]{display:none}
/* ── Panji kaunter detik ── */
.panji{background:var(--se-emas-lembut);border-bottom:1px solid var(--se-garis2);color:var(--dakwat);font-size:14.5px}
.panjiDalam{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-block:9px}
.panjiDalam span{flex:1 1 260px;font-weight:600}
.panjiCta{font-weight:700;color:var(--se-emas-teks);white-space:nowrap}
/* ── Remah roti ── */
:where(.remah) ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:14px 0 0;font-size:13px;color:var(--pudar)}
.remah li+li::before{content:"›";margin-right:4px;color:var(--garis)}
.remah a{color:var(--pudar);text-decoration:none}.remah a:hover{color:var(--cop);text-decoration:underline}
/* ── Kandungan & tipografi ── */
.kandungan{padding-block:8px 40px}
.kepala{padding:22px 0 10px;max-width:800px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--se-emas-teks)}
.eyebrow::before{content:"";flex:none;width:22px;height:2px;border-radius:2px;background:var(--emas)}
:lang(zh) .eyebrow{letter-spacing:.14em}
h1{font-size:clamp(30px,5.4vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:800;margin:0 0 14px;text-wrap:balance}
h2{font-size:clamp(22px,3.4vw,28px);line-height:1.2;letter-spacing:-.025em;font-weight:750;margin:40px 0 12px;text-wrap:balance}
@media (max-width:360px){h2{font-size:20px}}
h3{font-size:17px;margin:0 0 8px;letter-spacing:-.01em;font-weight:700}
p,li{max-width:72ch}
.lead{font-size:18.5px;line-height:1.6;color:var(--pudar);margin:0 0 18px}
.nota{color:var(--pudar);font-size:14px}
.ctaBaris{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.ctaNota{margin:6px 0 0;font-size:13px;color:var(--pudar)}
.dikemas,.diterbit{font-size:13px;color:var(--pudar);margin:10px 0 0}
.artikelSenarai .tag{flex:1 0 100%;font-weight:400;font-size:14px;color:var(--pudar);background:none;border-radius:0;padding:0;align-self:auto}
.artikel section p{max-width:70ch}
.pengesahan{font-size:13px;color:var(--pudar);margin:8px 0 0;padding:10px 14px;border-left:3px solid var(--emas);background:var(--kertas2);border-radius:0 12px 12px 0}
.pengesahan time{font-weight:650;color:var(--dakwat)}
section{margin-top:8px}
.senarai,.langkah{padding-left:22px}
:where(.senarai,.langkah) li{margin:6px 0}
.langkah{counter-reset:l;list-style:none;padding-left:0}
.langkah li{counter-increment:l;position:relative;padding-left:44px;min-height:32px}
.langkah li::before{content:counter(l);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:10px;background:var(--emas);color:#1D1930;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px;font-variant-numeric:tabular-nums}
/* ── Grid kad ── */
.grid{list-style:none;padding:0;margin:14px 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.grid.kecil{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.kad{display:flex;gap:12px;align-items:flex-start;height:100%;padding:14px;border-radius:var(--r-kad);background:var(--kertas2);border:1px solid var(--garis);box-shadow:var(--se-bayang-kecil);color:var(--dakwat);text-decoration:none;transition:border-color var(--se-masa) ease,box-shadow var(--se-masa) ease,transform var(--se-masa) ease}
.kad:hover{border-color:var(--cop);box-shadow:var(--se-bayang);transform:translateY(-2px)}
.kad b{display:block;margin-bottom:2px}
.kad .nota{display:block;font-size:13.5px;line-height:1.45}
.ikon{flex:none;width:40px;height:40px;border-radius:11px;background:var(--kertas3);color:var(--dakwat);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;letter-spacing:-.02em;filter:grayscale(1);opacity:.9}
/* ── Senarai had pelepasan ── */
.senaraiHad{list-style:none;padding:0;margin:12px 0;display:grid;gap:0 24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.senaraiHad li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--garis);max-width:none}
.senaraiHad li>a,.senaraiHad li>span:first-child{min-width:0;flex:1 1 48%;overflow-wrap:break-word}
.senaraiHad li>a:lang(zh),.senaraiHad li>span:first-child:lang(zh){line-break:anywhere}
/* p143:auditui — larian Latin dalam nama pelepasan 中文 (halaman.mjs namaSenaraiHad) tidak dipecah di tengah perkataan. */
.senaraiHad li>a:lang(zh) .lt,.senaraiHad li>span:first-child:lang(zh) .lt{line-break:auto}
.senaraiHad .had{font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;color:var(--cop)}
.senaraiHad .had.berjalur{white-space:normal;flex:0 1 50%;display:flex;flex-direction:column;align-items:flex-end;text-align:right;overflow-wrap:break-word}
.senaraiHad .had.berjalur small{font-weight:500;font-size:12px;color:var(--pudar);line-height:1.35}
/* ── Jadual ── */
.jadualBalut{overflow-x:auto;margin:12px 0;border:1px solid var(--garis);border-radius:var(--r-kad);background:var(--kertas2);box-shadow:var(--se-bayang-kecil)}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--garis)}
thead th{font-size:12px;color:var(--pudar);font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--kertas);border-bottom:2px solid var(--dakwat)}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}
tbody th{font-weight:600}
.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em}
table.banding th:first-child{min-width:200px;font-weight:500}
table.banding th:last-child,table.banding td:last-child{background:var(--cop-lembut)}
table.banding thead th:last-child{color:var(--cop)}
.bandingSel{position:relative;text-align:center;font-size:18px;font-weight:700;white-space:nowrap}
.bandingSel.ada{color:var(--hijau,#2D7A4D)}.bandingSel.sebahagian{color:var(--amber,#9A5A0B)}.bandingSel.tiada{color:var(--pudar)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ── Fakta ringkas (halaman pelepasan) ── */
.fakta{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 4px}
.fakta div{background:var(--kertas2);border:1px solid var(--garis);border-radius:var(--r-kad);padding:12px 16px;min-width:160px;box-shadow:var(--se-bayang-kecil)}
.fakta dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pudar)}
.fakta dd{margin:2px 0 0;font-size:24px;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--cop)}
.fakta dd.teks{font-size:16px;font-weight:650;line-height:1.35;color:var(--dakwat);letter-spacing:0}
.fakta dd small{display:block;font-size:13px;font-weight:500;color:var(--pudar);line-height:1.35;margin-top:3px;max-width:260px;letter-spacing:0}
/* ── Dua lajur boleh / tidak ── */
.duaLajur{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:12px 0}
.kotakOk,.kotakTidak{border-radius:var(--r-kad);padding:14px 16px;border:1px solid var(--garis);background:var(--kertas2)}
.kotakOk{box-shadow:inset 4px 0 0 var(--hijau)}.kotakTidak{box-shadow:inset 4px 0 0 var(--merah)}
.kotakOk h3{color:var(--hijau)}.kotakTidak h3{color:var(--merah)}
:where(.kotakOk,.kotakTidak) ul{margin:0;padding-left:20px}
.kotakSenarai{padding-left:22px}.kotakSenarai li{margin:5px 0}
/* ── Berita ── */
.berita{list-style:none;padding:0;margin:12px 0}
.berita li{display:flex;flex-wrap:wrap;gap:4px 12px;padding:10px 0;border-bottom:1px dashed var(--garis);max-width:none}
.berita time{flex:none;min-width:8.5em;color:var(--pudar);font-size:14px;font-variant-numeric:tabular-nums}
.berita a{flex:1 1 300px}
.tag{font-size:12px;font-weight:650;color:var(--cop);background:var(--cop-lembut);border-radius:999px;padding:1px 9px;align-self:center}
/* ── Harga ── */
.pelanGrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:14px 0;align-items:stretch}
.pelan{position:relative;background:var(--kertas2);border:1px solid var(--garis);border-radius:var(--se-r-besar);padding:24px 22px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--se-bayang-kecil)}
.pelan.pilihan{border:1.5px solid var(--cop);box-shadow:var(--se-bayang)}
:where(.pelan) h3{margin:0;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--pudar)}
.hargaBesar{font-size:40px;font-weight:650;margin:0;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.hargaBesar small{font-size:15px;font-weight:600;color:var(--pudar);letter-spacing:0}
:where(.pelan) ul{list-style:none;margin:6px 0 10px;padding:0;flex:1}
:where(.pelan) li{margin:0;padding:7px 0 7px 24px;position:relative;font-size:14.5px;border-bottom:1px dashed var(--garis)}
.pelan li:last-child{border-bottom:0}
.pelan li::before{content:"✓";position:absolute;left:2px;color:var(--hijau);font-weight:800}
.pelan>.butang{margin-top:auto}
/* ── Kalkulator (markup & gaya kongsi: kira.css) ── */
.kalkulator{margin:16px 0}
.kalkulator [hidden]{display:none!important}
/* ── Soalan lazim ── */
.soalan{display:grid;gap:8px;max-width:820px}
.soalan h2{grid-column:1 / -1}
:where(.soalan) details{background:var(--kertas2);border:1px solid var(--garis);border-radius:14px;margin:0;max-width:none;box-shadow:var(--se-bayang-kecil)}
.soalan summary{cursor:pointer;padding:12px 16px;min-height:52px;font-weight:650;font-size:15.5px;line-height:1.35;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.soalan summary::-webkit-details-marker{display:none}
.soalan summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--kertas3);color:var(--cop);font-weight:700;font-size:18px;line-height:1}
.soalan details[open] summary::after{content:"–"}
:where(.soalan details) p{margin:0;padding:0 16px 14px;color:var(--pudar);font-size:14.5px;line-height:1.55}
/* ── Tindakan akhir & berkaitan ── */
.ctaAkhir{position:relative;overflow:hidden;margin:40px 0 8px;padding:30px 24px;border-radius:22px;background:var(--dakwat);color:var(--kertas);border:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
@media (min-width:720px){.ctaAkhir{padding:40px 36px}}
.ctaAkhir::before{content:"";position:absolute;inset:auto -10% -70% auto;width:60%;height:140%;background:radial-gradient(50% 50% at 50% 50%,rgba(224,165,31,.26),transparent 70%);pointer-events:none}
.ctaTajuk{font-size:clamp(21px,3vw,26px);font-weight:750;margin:0;letter-spacing:-.025em;line-height:1.2;max-width:26ch;position:relative}
.ctaAkhir .nota{margin:0;color:var(--kertas);opacity:.78;position:relative}
.ctaAkhir .butang{background:var(--emas);border-color:var(--emas);color:#1D1930;position:relative}
.ctaAkhir .butang:hover{box-shadow:0 14px 30px -18px rgba(224,165,31,.9)}
.berkaitan h2{font-size:20px}
/* ── Kaki ── */
.kaki{border-top:1px solid var(--garis);background:transparent;padding-block:28px 40px;margin-top:24px;font-size:14px;color:var(--pudar)}
.kakiAtas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 18px}
.kakiAtas .jenama{margin:0}
.kakiTagline{font-size:14px;font-weight:600;color:var(--dakwat)}
.kakiTajuk{font-weight:700;margin:0 0 8px;color:var(--dakwat)}
.kakiSenarai{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:4px 16px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.kakiSenarai a{color:var(--dakwat);text-decoration:none}.kakiSenarai a:hover{color:var(--cop);text-decoration:underline}
.senaraiHalaman{list-style:none;padding:0;margin:4px 0 14px;display:grid;gap:4px 16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.senaraiHalaman a{text-decoration:none}.senaraiHalaman a:hover{text-decoration:underline}
#semua-halaman h3{font-size:15px;margin:14px 0 4px}
.kaki .nota{max-width:none}
.kaki .ikuti{margin:0 0 10px;font-weight:650}
.kaki .ikuti a{display:inline-block;padding:4px 2px;min-height:32px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* ── Kongsi halaman ini ── */
.kongsiHalaman{margin:28px 0 8px;padding-top:18px;border-top:1px dashed var(--garis)}
.kongsiHalaman h2{font-size:17px;margin:0 0 10px}
.sosialCipBaris{display:flex;flex-wrap:wrap;gap:8px}
.sosialCip{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--garis);background:var(--kertas2);color:var(--dakwat);font-size:14px;font-weight:650;text-decoration:none;transition:border-color var(--se-masa) ease,color var(--se-masa) ease}
.sosialCip:hover{border-color:var(--cop);color:var(--cop)}
.kongsiHalaman .nota{margin:10px 0 0}
/* ── Penilaian pengguna sebenar ── */
.penilaian{margin:18px 0 6px;padding:16px 18px;background:var(--kertas2);border:1px solid var(--garis);border-radius:var(--r-kad);max-width:820px}
.penilaian h2{font-size:17px;margin:0 0 8px}
.nilaiRingkas{margin:0 0 10px;font-size:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bintang{color:var(--emas);letter-spacing:2px;font-size:18px;line-height:1;white-space:nowrap}
.nilaiSenarai{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nilaiSenarai li{border-top:1px dashed var(--garis);padding-top:10px}
.nilaiSenarai p{margin:0 0 4px}
.nilaiKepala{font-size:14px;color:var(--pudar);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.nilaiKepala b{color:var(--dakwat)}
.penilaian .nota{margin:10px 0 0}
.penilaianRingkas{padding:10px 14px;margin:14px 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.penilaianRingkas .nilaiRingkas{margin:0}.penilaianRingkas .nota{margin:0}
/* ── Pengoptimum cukai isi rumah ── */
.jenisPeruntukan>li{display:block;background:var(--kertas2);border:1px solid var(--garis);border-radius:16px;padding:14px 16px}
.jenisPeruntukan>li>b{display:block;margin-bottom:4px}
.jenisPeruntukan .senaraiHad{grid-template-columns:1fr;margin:4px 0 0}
.jenisPeruntukan .senaraiHad li:last-child{border-bottom:none}
/* ── Pencari Pelepasan ── */
.pencari{margin:14px 0 10px;padding:14px;border:1px solid var(--garis);border-radius:16px;background:var(--kertas2);display:grid;gap:10px;box-shadow:var(--se-bayang-kecil)}
.pencariLabel{font-weight:700;font-size:15px}
.pencari input[type=search]{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:11px 14px;border:1.5px solid var(--garis);border-radius:12px;background:var(--kertas);color:inherit;min-height:46px}
.pencari input[type=search]:focus-visible{border-color:var(--cop);box-shadow:var(--fokus)}
.penapisChip{font:inherit;font-size:13.5px;font-weight:600;padding:8px 13px;min-height:40px;border-radius:999px;border:1px solid var(--garis);background:var(--kertas);color:inherit;cursor:pointer}
.pencari .nota{margin:0}
/* ── "Boleh tuntut X?" ── */
.tuntutKump{margin:0 0 22px;max-width:760px}
.tuntutKump h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 4px;font-size:17px;letter-spacing:-.015em;padding-bottom:6px;border-bottom:2px solid var(--dakwat)}
.tuntutKump h3 .nota{font-weight:600;font-size:13.5px;color:var(--cop)}
.tuntutSenarai{margin:0;padding:0;list-style:none}
:where(.tuntutSenarai) li{margin:0;padding:8px 0 8px 22px;position:relative;border-bottom:1px dashed var(--garis);max-width:none}
.tuntutSenarai li::before{content:"?";position:absolute;left:2px;top:9px;font-weight:800;color:var(--se-emas-teks);line-height:1}
.tuntutSenarai a{color:inherit;text-decoration:none;overflow-wrap:break-word}
.tuntutSenarai a:hover{color:var(--cop);text-decoration:underline;text-underline-offset:3px}
.tuntutSenarai .jawabRingkas{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--pudar)}
.tuntutSenarai .jawabRingkas b{color:var(--hijau);font-weight:800}
.itemTuntut li{scroll-margin-top:84px}
.itemTuntut li:target{background:var(--se-emas-lembut);box-shadow:0 0 0 6px var(--se-emas-lembut);border-radius:4px}
/* ── Blok kod (sambung-ai) ── */
.kod{margin:12px 0 0;padding:14px 16px;border:1px solid var(--garis);border-radius:12px;background:var(--kertas2);max-width:760px;overflow-x:auto;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.kod code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--dakwat)}
/* ── Jadual konsep & rujukan rasmi ── */
table.konsep th:first-child{min-width:120px;max-width:200px;font-weight:600;color:var(--pudar)}
table.konsep td{min-width:160px}
.senarai.rujukan li{margin:10px 0}
.senarai.rujukan a{font-weight:650}
/* ── Status awam ── */
.statusPanel{margin:12px 0;padding:12px 14px;border:1px solid var(--garis);border-radius:var(--r-kad);background:var(--kertas2)}
.statusSenarai{list-style:none;margin:0;padding:0}
.statusSenarai li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--garis)}
.statusSenarai li:last-child{border-bottom:none}
.statusLampu{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:2px;border-radius:999px;font-size:14px;font-weight:800;line-height:1;background:var(--kertas3);color:var(--pudar)}
.statusLampu.ok{background:var(--se-hijau-lembut);color:var(--hijau)}
.statusLampu.masalah{background:var(--se-merah-lembut);color:var(--merah)}
.statusLampu.menyemak{background:var(--cop-lembut);color:var(--cop)}
.statusTeks{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:break-word}
.statusTeks b{font-weight:650}
.statusMasaBaris{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0 0}
#statusButiran{margin-top:14px;padding-top:10px;border-top:1px solid var(--garis)}
#statusButiran h3{font-size:15px;margin:0 0 4px}
#statusButiran .statusSenarai li{padding:6px 0}
#statusButiran .statusLampu{width:22px;height:22px;font-size:12px}
/* ── Contoh pengiraan & situasi ── */
table.contoh th[scope="row"]{min-width:150px;max-width:240px;font-weight:600}
table.contoh small.teks{display:block;font-size:12.5px;font-weight:500;color:var(--pudar);line-height:1.35;margin-top:2px}
table.contoh td.n{white-space:nowrap}
.contohSenarai details{background:var(--kertas2);border:1px solid var(--garis);border-radius:14px;margin:8px 0;padding:0 14px;min-width:0;max-width:100%;overflow-x:auto}
@media (max-width:360px){.contohSenarai details{padding:0 10px}.contohSenarai table.jalurContoh td,.contohSenarai table.jalurContoh th{padding:6px 6px}}
.contohSenarai details>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:650}
.contohSenarai details p{overflow-wrap:break-word}
.contohSenarai details p + p{color:var(--pudar);font-size:14px}
.contohSenarai details p.teks{margin:12px 0 4px;font-size:14px}
.contohSenarai table.jalurContoh td,.contohSenarai table.jalurContoh th{font-size:14px;padding:6px 10px}
.contohSenarai table.jalurContoh th[scope="row"]{font-weight:600;text-align:left}
.contohSenarai details h3{font-size:15px;margin:14px 0 4px}
.contohSenarai p.ulasanContoh{font-size:15px;line-height:1.55}
.contohSenarai p.nota a{font-weight:600}
@media (max-width:640px){
  table.contoh thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  table.contoh,table.contoh tbody,table.contoh tr,table.contoh th[scope="row"],table.contoh td{display:block;width:auto}
  table.contoh tr{padding:10px 14px;border-bottom:1px solid var(--garis)}
  table.contoh tbody tr:last-child{border-bottom:none}
  table.contoh th[scope="row"]{min-width:0;max-width:none;padding:0 0 6px;border:0}
  table.contoh td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;border:0}
  table.contoh td::before{content:attr(data-l);color:var(--pudar);font-size:13.5px;text-align:left}
  table.contoh td.n{white-space:normal}
  table.contoh td>span{text-align:right}
}
table.situasi th[scope="row"]{min-width:150px;max-width:260px;font-weight:600}
table.situasi td.n{white-space:nowrap}
table.situasi tr.jumlah th,table.situasi tr.jumlah td{border-top:2px solid var(--garis);font-weight:700}
.situasiGrid .kad .nota{display:block;margin-top:3px}
@media (max-width:640px){
  table.situasi thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  table.situasi,table.situasi tbody,table.situasi tr,table.situasi th[scope="row"],table.situasi td{display:block;width:auto}
  table.situasi tr{padding:10px 14px;border-bottom:1px solid var(--garis)}
  table.situasi tbody tr:last-child{border-bottom:none}
  table.situasi th[scope="row"]{min-width:0;max-width:none;padding:0 0 6px;border:0}
  table.situasi td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;border:0}
  table.situasi td::before{content:attr(data-l);color:var(--pudar);font-size:13.5px;text-align:left}
  table.situasi td.n{white-space:normal}
  table.situasi td>span{text-align:right}
  table.situasi tr.jumlah{border-top:2px solid var(--garis)}
}
/* ── Apa yang baharu & Hala tuju ── */
.baharuSenarai{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:14px}
.baharuSenarai>li{background:var(--kertas2);border:1px solid var(--garis);border-radius:16px;padding:16px 18px;box-shadow:var(--se-bayang-kecil)}
.baharuSenarai h3{margin:4px 0 8px;font-size:18px;line-height:1.35;overflow-wrap:break-word}
:where(.baharuSenarai) ul{margin:0;padding-left:20px;line-height:1.55}
.baharuSenarai .nota{margin:0}
.baharuSenarai>li>p.nota:last-child{margin-top:10px}
.halaSenarai{list-style:none;padding:0;margin:12px 0 18px;display:flex;flex-direction:column;gap:12px}
.halaSenarai>li{background:var(--kertas2);border:1px solid var(--garis);border-radius:16px;padding:14px 18px}
.halaSenarai h3{margin:4px 0 6px;font-size:17px;line-height:1.35;overflow-wrap:break-word}
.halaSenarai p{margin:0 0 6px;line-height:1.55;overflow-wrap:break-word}
.halaSenarai .nota{margin:0}
.halaSenarai .tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--cop-lembut);color:var(--cop);font-size:12.5px;font-weight:600}
/* ── Halaman pelepasan = jawapan terbaik ── */
.jawapanRingkas{margin:12px 0 14px;padding:12px 16px;border-left:4px solid var(--cop);background:var(--kertas2);border-radius:0 12px 12px 0;font-size:17px;line-height:1.5;overflow-wrap:break-word}
.jawapanRingkas b{font-weight:750}
table.sejarah td.ubah{white-space:normal;overflow-wrap:break-word}
.semakBukti{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:6px}
.semakBukti li{display:flex;gap:10px;align-items:flex-start;line-height:1.5;overflow-wrap:break-word}
.semakBukti li::before{content:"✓";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--hijau);color:var(--atas-cop);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.ubahSenarai{margin:10px 0;padding-left:20px;line-height:1.55}
.ubahSenarai li{padding:2px 0;overflow-wrap:break-word}
/* p139 jadual — halaman awam "Tarikh gaji penjawat awam" (blok tarikh-gaji-awam): jadual rasmi ANM 3 lajur, hari di bawah tarikh,
   bulan yang dipinda ditanda garis cop + lencana tarikh asal. Token palet sahaja (terang & gelap). */
.kandungan h3+.jadualBalut{margin-top:8px}
table.gajiAwam tr>:nth-child(-n+2){width:1%;white-space:nowrap}
table.gajiAwam tr>:nth-child(2){padding-right:24px}
@media(max-width:480px){table.gajiAwam tr>:nth-child(2){padding-right:12px}}
table.gajiAwam th[scope="row"]{font-weight:650}
table.gajiAwam td time{font-weight:650;white-space:nowrap}
table.gajiAwam td small.teks{display:block;margin-top:2px;color:var(--pudar);font-size:13px;line-height:1.35}
table.gajiAwam td .tag{display:inline-block;margin:0 0 4px;padding:3px 8px;border-radius:8px;line-height:1.35;white-space:normal}
table.gajiAwam tr.dipinda th[scope="row"]{box-shadow:inset 3px 0 0 var(--cop)}