/* ===== Templat halaman dalaman Konsep E ===== */
.n-jejak{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:24px;font-size:13px;color:var(--dakwat-2);list-style:none}
.n-jejak a:hover{color:var(--laluan)}
.n-jejak li + li::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 1px 2px;border-right:1.5px solid #AEAEB2;border-top:1.5px solid #AEAEB2;transform:rotate(45deg)}
.menu a[aria-current="page"]{color:var(--laluan)}
.t-sek{padding:56px 0 64px}
.t-kepala-h2{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.t-kepala-h2 h2{font-family:var(--tajuk);font-size:clamp(26px,2.8vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.t-kepala-h2 h2 span{color:#86868B}

/* Kepala halaman kategori */
.t-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding-top:20px}
.t-ikon{display:grid;place-items:center;width:96px;height:96px;border-radius:26px;background:linear-gradient(160deg,#E4ECFF,#F7F9FF);box-shadow:inset 0 0 0 1px rgba(47,86,245,.1)}
.t-ikon svg{width:60px;height:60px}
.t-hero .tajuk-b{max-width:24ch}
.t-hero p{font-size:clamp(17px,1.5vw,20px);line-height:1.45;color:var(--dakwat-2);margin-top:10px;max-width:72ch}

/* Kad urusan popular */
.t-popular{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;margin-bottom:56px;list-style:none}
.t-popular a{position:relative;display:flex;flex-direction:column;height:100%;padding:22px 22px 20px;border-radius:22px;background:linear-gradient(160deg,#EEF3FF,#F8FAFF);box-shadow:inset 0 0 0 1px rgba(47,86,245,.08);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.t-popular a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(47,86,245,.18),0 18px 34px -22px rgba(31,72,128,.45)}
.t-popular small{font-size:12.5px;font-weight:600;color:var(--laluan)}
.t-popular b{display:block;font-family:var(--tajuk);font-size:19px;font-weight:600;letter-spacing:-.018em;line-height:1.25;margin-top:6px}
.t-popular span{display:block;font-size:14px;line-height:1.45;color:var(--dakwat-2);margin-top:8px}
.t-popular i{margin-top:auto;padding-top:16px;color:var(--laluan);font-style:normal;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:4px}
.t-popular i svg{width:16px;height:16px;transition:transform .2s}
.t-popular a:hover i svg{transform:translateX(3px)}

/* Senarai berkumpulan ala iOS */
.t-tapis{position:relative;display:block;margin-top:20px}
.t-tapis input{width:100%;height:46px;padding:0 16px 0 44px;border:0;border-radius:14px;background:var(--kabus);font:inherit;font-size:15px;outline:none}
.sek.kelabu .t-tapis input,.t-kelabu .t-tapis input{background:#fff}
.t-tapis input:focus{box-shadow:0 0 0 3px rgba(47,86,245,.25)}
.t-tapis svg{position:absolute;left:15px;top:14px;width:18px;height:18px;color:var(--dakwat-2)}
.t-kumpulan{columns:2;column-gap:20px;margin-top:24px}
.t-kumpulan section{break-inside:avoid;margin-bottom:24px}
.t-kumpulan h3{font-size:13px;font-weight:600;color:var(--dakwat-2);margin:0 0 8px 18px}
.t-kumpulan ul{list-style:none;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(10,22,51,.07)}
.sek.kelabu .t-kumpulan ul{box-shadow:0 1px 2px rgba(10,22,51,.04)}
.t-kumpulan li + li a::before{content:"";position:absolute;top:0;left:18px;right:0;height:1px;background:rgba(10,22,51,.08)}
.t-kumpulan a{position:relative;display:flex;align-items:center;gap:14px;padding:14px 18px}
.t-kumpulan a:hover{background:#F7F8FB}
.t-kumpulan a > span{flex:1;min-width:0}
.t-kumpulan b{display:block;font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1.35}
.t-kumpulan small{display:block;font-size:13px;color:var(--dakwat-2);margin-top:2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.t-kumpulan .ke{flex:none;width:16px;height:16px;color:#AEAEB2}
.t-kumpulan em{flex:none;font-style:normal;font-size:11.5px;font-weight:600;color:var(--laluan);background:#EEF2FF;padding:3px 8px;border-radius:999px}
.t-kosong{margin-top:20px;color:var(--dakwat-2)}

/* Halaman panduan */
.t-panduan{padding-top:20px;padding-bottom:72px}
.t-kepala-p{max-width:none}
.t-kategori{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--laluan)}
.t-kepala-p h1{font-family:var(--tajuk);font-size:clamp(32px,3.8vw,50px);font-weight:600;letter-spacing:-.032em;line-height:1.08;margin-top:8px;max-width:24ch;text-wrap:balance}
.t-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:var(--dakwat-2);margin-top:14px;max-width:72ch;text-wrap:pretty}
.t-tindak{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.t-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:-.01em;background:var(--laluan);color:#fff;box-shadow:0 10px 24px -12px rgba(47,86,245,.7);transition:transform .2s,box-shadow .2s}
.t-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(47,86,245,.8)}
.t-btn svg{width:18px;height:18px}
.t-btn.kedua{background:var(--kabus);color:var(--dakwat);box-shadow:none}
.t-btn.kedua svg{color:var(--laluan)}
.t-fakta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;margin-top:28px;border-radius:20px;overflow:hidden;background:rgba(10,22,51,.08);box-shadow:0 0 0 1px rgba(10,22,51,.08)}
.t-fakta div{padding:16px 18px;background:#fff}
.t-fakta dt{font-size:12.5px;font-weight:600;color:var(--dakwat-2)}
.t-fakta dd{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-top:4px;line-height:1.3}
.t-badan{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;margin-top:40px;align-items:start}
.t-sisi{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.t-sisi nav,.t-sisi .t-bantu{padding:20px;border-radius:20px;background:var(--kabus)}
.t-sisi h2{font-size:13px;font-weight:600;color:var(--dakwat-2);margin-bottom:10px}
.t-sisi nav ol{list-style:none;display:flex;flex-direction:column;gap:2px}
.t-sisi nav a{display:block;padding:6px 10px;margin:0 -10px;border-radius:10px;font-size:14.5px;line-height:1.35;color:var(--dakwat)}
.t-sisi nav a:hover{background:#fff}
.t-sisi nav a.aktif{background:#fff;color:var(--laluan);font-weight:600}
.t-bantu p{font-size:14px;line-height:1.45;color:var(--dakwat-2)}
.t-bantu a{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14.5px;font-weight:500;color:var(--laluan)}
.t-bantu a svg{width:16px;height:16px}
.t-berkaitan{list-style:none}
.t-berkaitan li + li{margin-top:8px}

/* Prosa (kandungan asal dan ditulis semula) */
.prosa{font-size:17px;line-height:1.65;color:#1D2440}
.prosa > * + *{margin-top:16px}
.prosa h2{font-family:var(--tajuk);font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin-top:40px;color:var(--dakwat);scroll-margin-top:100px}
.prosa h3{font-family:var(--tajuk);font-size:21px;font-weight:600;letter-spacing:-.018em;line-height:1.3;margin-top:28px;color:var(--dakwat);scroll-margin-top:100px}
.prosa h4{font-size:17px;font-weight:600;margin-top:28px;color:var(--dakwat)}
.prosa > :first-child{margin-top:0}
.prosa h2 + *,.prosa h3 + *,.prosa h4 + *{margin-top:12px}
.prosa a{color:var(--laluan);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prosa ul,.prosa ol{padding-left:24px}
.prosa li + li{margin-top:8px}
.prosa li > ol,.prosa li > ul{margin-top:8px}
.prosa ol[type="a"]{list-style-type:lower-alpha}
.prosa strong{font-weight:600;color:var(--dakwat)}
.prosa img{max-width:100%;height:auto;border-radius:14px}
.prosa iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:16px}
.prosa blockquote{padding:16px 20px;border-radius:16px;background:var(--kabus)}
.prosa hr{border:0;height:1px;background:rgba(10,22,51,.1);margin:32px 0}
.jadual-skrol{overflow-x:auto;border-radius:16px;box-shadow:0 0 0 1px rgba(10,22,51,.09);-webkit-overflow-scrolling:touch}
.prosa table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.prosa th{background:var(--kabus);font-weight:600;text-align:left;color:var(--dakwat)}
.prosa th,.prosa td{padding:11px 14px;border-bottom:1px solid rgba(10,22,51,.08);vertical-align:top}
.prosa tr:last-child td{border-bottom:0}
.prosa td[colspan]{background:#F7F8FB}

/* Komponen panduan yang ditulis semula */
.t-langkah{list-style:none;padding:0!important;counter-reset:l}
.t-langkah > li{position:relative;padding:0 0 26px 58px;counter-increment:l}
.t-langkah > li + li{margin-top:0!important}
.t-langkah > li::before{content:counter(l);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--laluan);color:#fff;font-weight:600;font-size:16px}
.t-langkah > li:not(:last-child)::after{content:"";position:absolute;left:18px;top:42px;bottom:4px;width:2px;background:linear-gradient(var(--laluan),rgba(47,86,245,.15))}
.t-langkah b{display:block;font-size:18px;font-weight:600;color:var(--dakwat);letter-spacing:-.012em}
.t-langkah p{margin-top:4px;color:var(--dakwat-2)}
.t-semak{list-style:none;padding:0!important}
.t-semak li{position:relative;padding:14px 16px 14px 50px;border-radius:14px;background:var(--kabus)}
.t-semak li + li{margin-top:8px!important}
.t-semak li::before{content:"";position:absolute;left:16px;top:16px;width:20px;height:20px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(47,86,245,.45)}
.t-nota{display:flex;gap:14px;padding:18px 20px;border-radius:18px;background:#FFF8E5;color:#5C4500;font-size:16px;line-height:1.55}
.t-nota svg{flex:none;width:22px;height:22px;color:#C89400;margin-top:2px}
.t-nota.biru{background:#EEF2FF;color:#1F3A8A}
.t-nota.biru svg{color:var(--laluan)}
.t-pilih{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.t-pilih > div{padding:20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(10,22,51,.09)}
.t-pilih > div > svg{width:30px;height:30px;padding:6px;border-radius:9px;background:linear-gradient(180deg,#3D63F7,#2448D8);color:#fff;stroke-width:2.2}
.t-pilih b{display:block;font-size:17px;font-weight:600;color:var(--dakwat);margin-top:12px}
.t-pilih p{font-size:15px;line-height:1.5;color:var(--dakwat-2);margin-top:6px}
.t-soalan{display:flex;flex-direction:column;gap:8px}
.t-soalan details{border-radius:16px;background:var(--kabus)}
.t-soalan summary{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;list-style:none;font-weight:600;font-size:16px;color:var(--dakwat)}
.t-soalan summary::-webkit-details-marker{display:none}
.t-soalan summary::after{content:"";flex:none;margin-left:auto;width:8px;height:8px;border-right:2px solid #8A93A8;border-bottom:2px solid #8A93A8;transform:rotate(45deg);transition:transform .25s}
.t-soalan details[open] summary::after{transform:rotate(-135deg)}
.t-soalan .jawapan{padding:0 18px 18px;font-size:15.5px;line-height:1.6;color:#2A3354}
.t-soalan .jawapan > * + *{margin-top:10px}
.t-soalan .jawapan small{display:block;margin-top:10px;font-size:12.5px;color:var(--dakwat-2)}

/* Kaki halaman panduan */
.t-maklum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding:22px 24px;border-radius:20px;background:var(--kabus)}
.t-maklum b{font-size:16px;font-weight:600}
.t-maklum div{display:flex;gap:8px}
.t-maklum button{height:40px;padding:0 18px;border-radius:999px;background:#fff;font-size:15px;font-weight:500;box-shadow:inset 0 0 0 1px rgba(10,22,51,.1)}
.t-maklum button:hover{box-shadow:inset 0 0 0 1px var(--laluan);color:var(--laluan)}
.t-maklum p{width:100%;font-size:14px;color:#1F6B3A}
.t-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:13px;color:var(--dakwat-2)}
.t-meta a{color:var(--laluan)}
.t-asal{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#F2F3F7;font-size:12.5px;font-weight:500;color:var(--dakwat-2)}
.t-asal svg{width:14px;height:14px}

/* Halaman pusat (borang, soalan lazim, pengumuman, carian) */
.t-cip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:16px;padding:2px 0}
.t-cip::-webkit-scrollbar{display:none}
.t-cip button{flex:none;padding:9px 15px;border-radius:999px;background:var(--kabus);font-size:14px;font-weight:500;white-space:nowrap}
.t-cip button[aria-pressed="true"]{background:var(--dakwat);color:#fff}
.t-cip button span{opacity:.6;margin-left:4px}
.t-baris{list-style:none;margin-top:16px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(10,22,51,.08);overflow:hidden}
.t-baris > li + li{border-top:1px solid rgba(10,22,51,.07)}
.t-baris a{display:flex;align-items:center;gap:16px;padding:16px 20px}
.t-baris a:hover{background:#F7F8FB}
.t-baris .t-dok{flex:none;display:grid;place-items:center;width:44px;height:52px;border-radius:8px;background:#FDECEC;color:#C0262D;font-size:11px;font-weight:700;letter-spacing:.02em}
.t-baris .t-dok.web{background:#EEF2FF;color:var(--laluan)}
.t-baris span{flex:1;min-width:0}
.t-baris b{display:block;font-size:16px;font-weight:500;line-height:1.35}
.t-baris small{display:block;font-size:13px;color:var(--dakwat-2);margin-top:3px}
.t-baris .ke{flex:none;width:18px;height:18px;color:#AEAEB2}
.t-bil{margin-top:14px;font-size:14px;color:var(--dakwat-2)}
.t-kad-umum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:0;list-style:none}
.t-kad-umum a{display:flex;flex-direction:column;height:100%;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(10,22,51,.04),0 10px 28px -20px rgba(31,72,128,.35);transition:transform .3s}
.t-kad-umum a:hover{transform:translateY(-3px)}
.t-kad-umum .gb{aspect-ratio:16/10;background:var(--kabus) center/cover}
.t-kad-umum .tx{padding:18px 20px 22px}
.t-kad-umum small{font-size:12.5px;font-weight:600;color:var(--laluan)}
.t-kad-umum b{display:block;font-family:var(--tajuk);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.28;margin-top:6px}
.t-kad-umum span{display:block;font-size:13.5px;color:#86868B;margin-top:10px}

@media (max-width:1100px){
  .t-popular,.t-kad-umum{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .t-badan{grid-template-columns:1fr;gap:32px}
  .t-sisi{position:static;order:-1}
  .t-sisi .t-bantu,.t-sisi .t-berkaitan-w{display:none}
  .t-kumpulan{columns:1}
}
@media (max-width:640px){
  .t-popular,.t-kad-umum{grid-template-columns:1fr}
  .t-popular{margin-bottom:48px}
  .t-hero{grid-template-columns:1fr;gap:18px}
  .t-ikon{width:72px;height:72px;border-radius:20px}
  .t-ikon svg{width:44px;height:44px}
  .t-sek{padding:56px 0 64px}
  .prosa{font-size:16px}
  .prosa h2{font-size:24px}
  .prosa h3{font-size:19px}
  .t-btn{height:46px;padding:0 18px;font-size:15px}
  .t-maklum{padding:18px}
  .t-baris a{padding:14px 16px;gap:12px}
}
/* Menu enam item: nama jabatan di sebelah logo disembunyikan pada skrin sederhana supaya menu muat */
@media (max-width:1360px){.jenama span{display:none}}
/* Kandungan asal yang lebar (jadual, garis panjang) tidak menolak lajur keluar skrin */
.t-badan > *{min-width:0}
.prosa{overflow-wrap:break-word}
.prosa h2,.prosa h3,.prosa h4,.prosa a{overflow-wrap:anywhere}
.t-sisi nav a{overflow-wrap:anywhere}
.t-kad-umum .gb-ikon{display:grid;place-items:center;background:linear-gradient(160deg,#E4ECFF,#F7F9FF)}.t-kad-umum .gb-ikon svg{width:44px;height:44px;color:#9AACDF;stroke-width:1.6}
/* Kategori tanpa kad popular: jarak sama sebelum seksyen kelabu */
.t-hero + .wrap:empty{height:48px}
.t-badan.satu{grid-template-columns:1fr}