:root{--navy:#173f6c;--ink:#203047;--muted:#52657b;--line:#c9d6e8;--pale:#ebf3ff;--blue:#718ab8;--soft:#f3f6fa;--focus:#215eaa;--white:#fff;--green:#42630b}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--pale);color:var(--ink);font-family:Poppins,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--navy);text-underline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:#c8ddf8;color:#173f6c}input{caret-color:var(--navy)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.review-tools{display:flex;align-items:center;gap:22px;padding:13px 24px;background:#fff;border-bottom:1px solid var(--line);font-size:13px}.review-tools a{font-weight:600}.review-tools span{margin-left:auto;color:var(--muted)}html[data-capture] .review-tools{display:none}.approved-shell picture,.approved-shell img{display:block;width:100%;height:auto}.approved-footer{width:min(1166px,90vw);margin:0 auto}.approved-footer picture,.approved-footer img{display:block;width:100%;height:auto}#listing{width:min(1166px,90vw);margin:0 auto;background:#fff;padding:0 48px 40px;min-height:500px}.domain-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);padding:10px 0 0}.domain-tabs a{display:flex;gap:9px;align-items:center;padding:16px 0;text-decoration:none;color:var(--muted);border-bottom:3px solid transparent;font-size:15px;font-weight:600}.domain-tabs a[aria-current]{color:var(--navy);border-bottom-color:var(--navy)}.domain-tabs a span{font-size:12px;font-weight:500;background:var(--soft);padding:1px 6px;border-radius:3px;color:var(--muted);font-variant-numeric:tabular-nums}.domain-tabs a[aria-current] span{background:#e3edf9;color:var(--navy)}.listing-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:33px 0 24px}h1{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.015em;color:#3c5b73;margin:0}h2{color:var(--navy);font-size:18px;line-height:1.4;margin:0;font-weight:600}.archive-jump{display:inline-flex;gap:9px;align-items:center;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}.archive-jump .icon{width:17px;height:17px}.filters{display:grid;grid-template-columns:minmax(200px,1fr) 146px 212px auto;gap:16px;align-items:end;margin:0 0 22px}.filters label{display:grid;gap:7px;min-width:0}.filters label>span:first-child{font-size:13px;font-weight:600;color:#3c5067}.filters input,.filters select{border:1px solid #91a5bf;border-radius:3px;min-height:44px;width:100%;min-width:0;padding:9px 12px;color:var(--ink);background:white;font-size:14px}.filters select{padding-right:25px}.filters input::placeholder{color:#65778b;opacity:1}.input-wrap{position:relative;display:block}.input-wrap .icon{position:absolute;top:12px;left:12px;width:19px;height:19px;color:var(--muted)}.filters .input-wrap input{padding-left:39px}.primary{display:inline-flex;gap:16px;align-items:center;justify-content:center;min-height:44px;padding:10px 21px;border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:3px;text-decoration:none;font-weight:600;font-size:14px}.primary:hover{background:#24527f}.result-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 14px;font-size:14px;color:var(--muted)}.result-bar p{margin:0}.result-bar strong{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.result-bar>span{font-size:13px}.reset{display:flex;align-items:center;gap:8px;padding:0;min-height:32px;border:0;background:none;color:var(--navy);font-size:13px;text-decoration:underline;text-underline-offset:4px}.reset .icon{width:15px;height:15px}.active-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 16px;font-size:13px}.active-filters span{background:#edf3fa;border:1px solid var(--line);padding:6px 11px;border-radius:3px}.register{border-top:2px solid var(--navy)}.register-head,.register-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 140px 20px;gap:24px;align-items:start}.register-head{padding:14px 14px;background:#edf2f8;color:#3d526b;font-size:12px;font-weight:600}.register-row{padding:23px 14px;border-bottom:1px solid var(--line);background:#fff}.record-title h2 a{color:var(--navy);text-decoration:none}.record-title h2 a:hover{text-decoration:underline}.record-year{display:block;color:var(--muted);font-size:12px;margin-top:7px;line-height:1.4}.register-progress p{margin:0;font-size:15px;line-height:1.45}.register-date{font-size:14px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.row-action{display:grid;place-items:center;min-height:32px}.mobile-label{display:none}.pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 0;color:var(--muted);font-size:13px}.pagination>div{display:flex;gap:7px}.pagination button{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid #b8c7da;background:white;border-radius:3px;color:var(--navy);font-size:14px}.pagination button[aria-current]{background:var(--navy);border-color:var(--navy);color:white;font-weight:600}.pagination button:disabled{color:#929eae;background:#f4f6f8;border-color:#dce3eb}.pagination button:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--navy)}.annual-archive{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;display:flex;gap:36px;justify-content:space-between;align-items:center}.annual-archive h2{font-size:18px}.archive-years{display:flex;gap:30px}.archive-years a{display:flex;gap:9px;align-items:center;font-size:17px;font-weight:600;text-decoration:none}.archive-years a span{font-size:12px;font-weight:400;color:var(--muted)}.archive-years .icon{width:15px;height:15px}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;border-top:2px solid var(--navy);padding:70px 24px 85px;background:#f5f8fc;min-height:290px}.empty-state>.icon{width:32px;height:32px;color:#496882;margin-bottom:20px}.empty-state h2{font-size:23px}.empty-state p{font-size:15px;margin:12px 0 24px}.empty-state .primary{min-width:150px}
/* B puts dated progress and an expandable source description ahead of record navigation. */
body[data-variant=b] #listing{background:#fff}.progress-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:38px}.progress-layout .filter-container{border-top:2px solid var(--navy);padding-top:17px}.progress-layout .filters{grid-template-columns:1fr;gap:21px}.progress-layout .search-submit{width:100%}.progress-layout .result-bar{min-height:34px}.progress-list{border-top:1px solid var(--line)}.progress-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.date-block{display:flex;align-items:flex-start;flex-direction:column;color:#3c5b73;font-variant-numeric:tabular-nums}.date-block strong{font-size:30px;line-height:1.1;font-weight:500}.date-block span{font-size:12px;margin-top:7px;white-space:nowrap}.progress-copy h2{font-size:19px;color:#243f5c;line-height:1.3;margin-bottom:8px}.progress-record{display:flex;align-items:center;gap:18px;justify-content:space-between;text-decoration:none;font-size:15px;line-height:1.5;color:#3e5c79}.progress-record:hover{text-decoration:underline}.progress-record>.icon{width:17px;height:17px}.progress-copy .record-year{margin-top:5px}.progress-copy details{margin-top:10px;font-size:13px;color:var(--muted)}.progress-copy summary{cursor:pointer;color:#42630b;font-weight:600;width:fit-content;list-style:none}.progress-copy summary::after{content:'+';font-size:16px;margin-left:10px;font-weight:400}.progress-copy details[open] summary::after{content:'−'}.progress-copy details p{font-size:14px;line-height:1.6;color:var(--ink);margin:12px 0}.progress-copy details a{font-weight:600}
/* C is a master/detail index; no extra image cards or invented progress categories. */
.split-index{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:start;border-top:2px solid var(--navy)}.index-row{border-bottom:1px solid var(--line)}.select-record{background:white;border:0;padding:20px 15px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;color:var(--navy)}.select-record:hover{background:#f5f8fc}.index-record-title{display:block;font-size:17px;font-weight:600;line-height:1.4}.index-record-progress{display:block;color:#40556e;font-size:14px;margin-top:8px;line-height:1.4}.index-record-date{display:block;color:var(--muted);font-size:12px;margin-top:6px}.is-selected>.select-record{background:#e7effa}.record-preview{position:sticky;top:24px;padding:25px 0 24px 0}.preview-type{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:18px}.preview-type .icon{width:20px;height:20px}.preview-content h2{font-size:24px;line-height:1.3;color:#3c5b73;font-weight:600;overflow-wrap:break-word}.preview-content dl{padding:0;margin:27px 0 21px}.preview-content dl>div{margin:0 0 15px}.preview-content dt{color:var(--muted);font-size:12px;margin:0 0 4px}.preview-content dd{font-size:15px;line-height:1.5;margin:0}.preview-description{color:#40556e;font-size:14px;line-height:1.65;padding-top:18px;border-top:1px solid var(--line);margin:0 0 24px}.mobile-detail{display:none}body[data-domain=inisiatif] .filters{grid-template-columns:minmax(180px,1fr) 145px 145px 190px auto}body[data-domain=inisiatif] .progress-layout .filters{grid-template-columns:1fr}html[data-embed] .approved-shell,html[data-embed] .approved-footer,html[data-embed] .review-tools,html[data-embed] .domain-tabs,html[data-embed] .annual-archive{display:none}html[data-embed] body{background:white}html[data-embed] #listing{width:100%;padding:24px;min-height:0}html[data-embed] .listing-heading{margin:0 0 22px}html[data-embed] .archive-jump{display:none}html[data-embed] .filters{grid-template-columns:minmax(0,1fr) 130px}html[data-embed] .filters .sort-field{display:none}html[data-embed] .filters .search-submit{grid-column:2;grid-row:2}html[data-embed] .register-head,html[data-embed] .register-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 100px 15px;gap:15px}html[data-embed] .register-head{font-size:11px}html[data-embed] .register-row{padding:18px 10px}html[data-embed] .record-title h2{font-size:16px}html[data-embed] .register-progress p{font-size:13px}html[data-embed] .register-date{font-size:12px}html[data-embed] .result-bar{font-size:13px}
@media(max-width:1100px) and (min-width:768px){.filters{grid-template-columns:minmax(180px,1fr) 130px 180px auto;gap:12px}#listing{padding-left:28px;padding-right:28px}.register-head,.register-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 110px 20px;gap:16px}.progress-layout{grid-template-columns:190px 1fr;gap:25px}body[data-domain=inisiatif] .filters{grid-template-columns:1fr 130px 130px}body[data-domain=inisiatif] .filters .sort-field{grid-column:1/3}.split-index{gap:24px}}
@media(max-width:767px){body{font-size:15px}.review-tools{position:relative;flex-wrap:wrap;gap:9px 15px;font-size:12px}.review-tools span{display:none}.review-tools strong{width:100%}.approved-footer{width:100%}#listing{width:100%;padding:0 23px 32px}.domain-tabs{gap:0;justify-content:space-between;padding-top:3px}.domain-tabs a{gap:5px;font-size:12px;padding:15px 0;white-space:nowrap}.domain-tabs a span{font-size:11px;padding:0 4px}.listing-heading{align-items:center;margin:26px 0 22px;gap:14px}h1{font-size:24px;line-height:1.2}.archive-jump{font-size:12px;gap:6px}.archive-jump .icon{display:none}.filters,body[data-domain=inisiatif] .filters{grid-template-columns:1fr 1fr;gap:14px 12px;margin-bottom:19px}.filters .search-field{grid-column:1/-1}.filters label>span:first-child{font-size:12px}.filters input,.filters select{font-size:16px;min-height:44px}.filters .search-submit{display:none}.result-bar{font-size:13px;gap:12px;margin-bottom:13px}.result-bar>span{font-size:11px}.result-bar .reset{font-size:12px;max-width:145px;white-space:normal;line-height:1.3}.register-head{display:none}.register-row{display:grid;grid-template-columns:1fr 20px;gap:14px 12px;padding:23px 0}.record-title{grid-column:1;grid-row:1}.record-title h2{font-size:18px;line-height:1.4}.row-action{grid-column:2;grid-row:1;align-self:start}.register-progress{grid-column:1/-1;grid-row:2}.register-progress p{font-size:14px;margin-top:3px}.mobile-label{display:block;font-size:11px;color:var(--muted);margin-top:0}.register-date{grid-column:1/-1;grid-row:3;margin-top:-7px;font-size:12px;color:var(--muted)}.register-date::before{content:'Tarikh perkembangan: '}.record-year{font-size:11px;margin-top:6px}.pagination{font-size:12px;margin-top:22px;gap:14px}.pagination button{min-width:36px;height:40px}.pagination>div{gap:5px}.annual-archive{align-items:flex-start;flex-direction:column;gap:19px;margin-top:30px;padding-top:22px}.annual-archive h2{font-size:18px}.archive-years{width:100%;gap:0;justify-content:space-between}.archive-years a{font-size:16px;gap:7px;flex-wrap:wrap;max-width:85px}.archive-years a span{font-size:11px}.archive-years .icon{display:none}.empty-state{padding:47px 18px 55px}.empty-state h2{font-size:21px}.empty-state p{font-size:14px}.progress-layout{display:block}.progress-layout .filter-container{border:0;padding:0}.progress-layout .filters{grid-template-columns:1fr 1fr;gap:14px 12px}.progress-layout .result-bar{min-height:0}.progress-row{grid-template-columns:52px minmax(0,1fr);gap:15px;padding:24px 0}.date-block strong{font-size:29px}.date-block span{font-size:10px;margin-top:5px}.progress-copy h2{font-size:18px;line-height:1.35}.progress-record{font-size:14px;gap:12px;line-height:1.45}.progress-record>.icon{display:none}.progress-copy details{font-size:12px;margin-top:10px}.progress-copy details p{font-size:13px}.split-index{display:block;border-top-width:2px}.record-preview{display:none}.index-row .select-record{padding:21px 11px;gap:15px}.index-record-title{font-size:17px}.index-record-progress{font-size:13px}.index-record-date{font-size:11px}.mobile-detail{display:block;padding:5px 16px 24px;background:#e7effa}.mobile-detail .preview-type,.mobile-detail h2{display:none}.mobile-detail dl{margin:0 0 18px;padding-top:14px;border-top:1px solid #b7c8df;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-detail dl>div{margin:0}.mobile-detail dl>div:first-child{display:none}.mobile-detail dd{font-size:13px}.mobile-detail dt{font-size:11px}.mobile-detail .preview-description{font-size:13px;padding-top:0;border:0;margin-bottom:20px}.mobile-detail .primary{font-size:13px;min-height:44px}.select-record .icon{width:17px;height:17px}.is-selected .select-record .icon{transform:rotate(90deg)}html[data-embed] #listing{padding:20px}html[data-embed] .register-row{grid-template-columns:1fr 20px;padding:20px 0;gap:12px}html[data-embed] .register-head{display:none}html[data-embed] .register-date{font-size:12px}html[data-embed] .filters{grid-template-columns:1fr 1fr}html[data-embed] .filters .search-submit{display:none}}
@media(max-width:767px){.filters{position:relative}.filters .search-field input{padding-right:70px}.filters .search-submit,.progress-layout .filters .search-submit,html[data-embed] .filters .search-submit{display:inline-flex;position:absolute;top:25px;right:0;width:58px;min-height:44px;padding:8px;grid-row:auto;grid-column:auto;border-radius:0 3px 3px 0;font-size:12px}}