.ipkd-page{--ipkd-navy:#080f32;--ipkd-gold:#e8ac1b;--ipkd-green:#14784d;--ipkd-border:#e0e6ee;background:#f6f8fb;color:#17243a;font-size:14px;line-height:1.6}
.ipkd-page .ipkd-detail-link{color:var(--ipkd-navy)}.ipkd-page .ipkd-detail-link:hover{text-decoration:underline;color:#365e9b}.ipkd-detail-link i{font-size:10px;margin-left:4px;color:#7889a3}
.ipkd-page *{box-sizing:border-box}.ipkd-page [hidden]{display:none!important}.ipkd-container{width:100%;max-width:1280px;padding:0 24px;margin:0 auto}
.ipkd-page button,.ipkd-page input,.ipkd-page select{font:inherit}.ipkd-page button,.ipkd-page select{cursor:pointer}.ipkd-page :is(a,button,input,select,[tabindex]):focus-visible{outline:3px solid #bb8300;outline-offset:3px}
.ipkd-page h1,.ipkd-page h2,.ipkd-page h3,.ipkd-page p{margin:0}.ipkd-page a{text-decoration:none}.ipkd-page button{border:0}.ipkd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ipkd-hero{position:relative;isolation:isolate;overflow:hidden;padding:120px 0 72px;background-color:var(--ipkd-navy);background-image:radial-gradient(#ffffff0b 1px,transparent 1px);background-size:20px 20px;color:white}
.ipkd-hero::after{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:min(68%,980px);background:url('../assets/img/sections/serang-gapura-batik-header.svg') right center/auto 118% repeat-x;opacity:.2;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);pointer-events:none}
.ipkd-hero>.ipkd-container{position:relative;z-index:1}
.ipkd-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#c3cbe1;margin-bottom:28px}.ipkd-breadcrumb a{color:#d6dded}.ipkd-breadcrumb a:hover{color:var(--ipkd-gold)}
.ipkd-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #ffffff25;border-radius:4px;color:#f2bd39;background:#ffffff08;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.6px}
.ipkd-page .ipkd-hero h1{color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.25;letter-spacing:-.8px;font-weight:700;margin:18px 0 14px;max-width:940px}
.ipkd-hero>div>p{max-width:750px;color:#c3cbe1;font-size:15px;line-height:1.8}.ipkd-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.ipkd-hero-tags span{display:inline-flex;align-items:center;gap:7px;font-size:12px;background:#ffffff08;border:1px solid #ffffff12;border-radius:3px;padding:5px 9px}.ipkd-hero-tags i{color:var(--ipkd-gold)}
.ipkd-body{padding-bottom:60px}.ipkd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;margin-top:-32px;margin-bottom:28px}
.ipkd-stat{padding:19px 18px;background:#fff;border:1px solid var(--ipkd-border);border-top:3px solid #15254c;border-radius:4px;box-shadow:0 2px 3px #162a4503}.ipkd-stat-gold{border-top-color:var(--ipkd-gold)}.ipkd-stat-green{border-top-color:var(--ipkd-green)}
.ipkd-stat>div{display:flex;align-items:center;justify-content:space-between;gap:8px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.7px;color:#566173}.ipkd-stat>div i{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;font-size:16px;background:#eff3f8;color:#263c63;border-radius:3px}.ipkd-stat-green>div i{color:var(--ipkd-green);background:#e8f6ee}
.ipkd-stat strong{display:block;font-size:34px;letter-spacing:-1px;line-height:1.3;margin:10px 0;font-weight:700;color:var(--ipkd-navy)}.ipkd-stat strong.ipkd-stat-date{font-size:23px;letter-spacing:-.5px;min-height:44px;display:flex;align-items:center}.ipkd-stat-green strong{color:var(--ipkd-green)}.ipkd-stat p{font-size:11px;color:#596577}
.ipkd-filters{padding:22px;background:#fff;border:1px solid var(--ipkd-border);border-radius:4px;margin-bottom:24px}.ipkd-filter-row{display:flex;gap:16px;align-items:end}.ipkd-search{position:relative;flex:1;min-width:180px}.ipkd-search>i{position:absolute;top:15px;left:13px;color:#687589}.ipkd-search input{width:100%;height:44px;padding:10px 38px;background:#f6f8fb;border:1px solid #cdd6e3;border-radius:4px;color:#17243a;font-size:13px}.ipkd-search input::-webkit-search-cancel-button{display:none}.ipkd-search button{position:absolute;right:2px;top:2px;background:transparent;color:#536176;width:40px;height:40px;font-size:22px}.ipkd-search input::placeholder{color:#667284}
.ipkd-select label{display:block;font-size:11px;font-weight:600;margin-bottom:5px;color:#536176}.ipkd-select select{height:44px;max-width:180px;border:1px solid #cdd6e3;border-radius:4px;background:#f6f8fb;color:#26354d;padding:8px 27px 8px 10px;font-size:12px}.ipkd-quick-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid #edf0f5;margin-top:18px;padding-top:15px;font-size:11px}.ipkd-quick-filters>span{font-weight:700;color:#596577}#ipkd-chips{display:flex;flex-wrap:wrap;gap:6px}#ipkd-chips button{padding:5px 9px;background:#edf2f7;color:#36445a;border-radius:3px;font-size:11px;font-weight:600}#ipkd-chips button.is-active{background:var(--ipkd-navy);color:white}#ipkd-reset{margin-left:auto;background:transparent;color:#536176;text-decoration:underline;padding:7px}
.ipkd-documents{background:white;border:1px solid var(--ipkd-border);border-radius:4px;overflow:hidden}.ipkd-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#eef3f8;border-bottom:1px solid var(--ipkd-border)}.ipkd-table-toolbar p{font-size:12px;color:#526078}.ipkd-table-toolbar button{background:transparent;color:#116b43;font-size:12px;font-weight:700;padding:6px 0;white-space:nowrap}.ipkd-table-toolbar button:disabled{opacity:.45;cursor:not-allowed}.ipkd-table-toolbar i{margin-right:5px}
.ipkd-table-scroll{overflow-x:auto}.ipkd-page .ipkd-table{border-collapse:collapse!important;margin:0!important;min-width:900px;table-layout:fixed;font-size:13px;color:#27354b}.ipkd-table thead{background:#15234b;color:white}.ipkd-page .ipkd-table th{padding:15px 25px 15px 16px;border:0;font-size:11px;font-weight:600;vertical-align:middle;white-space:normal}.ipkd-table th:first-child{width:5%;text-align:center}.ipkd-table th:nth-child(2){width:40%}.ipkd-table th:nth-child(3),.ipkd-table th:nth-child(4){width:14%}.ipkd-table th:last-child{width:27%}
.ipkd-page .ipkd-table td{padding:17px 16px;border:0;border-bottom:1px solid #e7ecf2;vertical-align:middle;overflow-wrap:anywhere;box-shadow:none}.ipkd-table tbody tr:nth-child(even){background:#f8fafc}.ipkd-table tbody tr:hover{background:#f0f5fa}.ipkd-table td:first-child{text-align:center;color:#6c798b;font-size:12px}.ipkd-document-name{display:flex;gap:11px;align-items:flex-start}.ipkd-document-icon{display:grid;place-items:center;background:#eaf1f9;color:#233e69;min-width:32px;height:36px;border-radius:3px}.ipkd-document-name strong{display:block;font-size:13px;line-height:1.6;font-weight:700;color:var(--ipkd-navy)}.ipkd-badge{display:inline-block;margin-top:6px;padding:2px 7px;border-radius:3px;font-size:10px;line-height:1.5;background:#eaf0f6;color:#45536a}.ipkd-date{font-variant-numeric:tabular-nums;font-size:12px;color:#536176;white-space:nowrap}.ipkd-file{display:flex;align-items:center;justify-content:space-between;gap:10px}.ipkd-file-meta{min-width:0}.ipkd-file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:11px;color:#43516a}.ipkd-file-type{font-size:10px;color:#748093;text-transform:uppercase}.ipkd-page .ipkd-download{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:9px 11px;border-radius:3px;background:var(--ipkd-navy);color:#fff;font-size:11px;font-weight:600;min-height:36px}.ipkd-page .ipkd-download:hover{background:#253862;color:#fff}
.ipkd-pagination{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#637086}.ipkd-pagination .dataTables_info{padding:0!important}.ipkd-pagination .dataTables_paginate{display:flex;align-items:center;gap:4px}.ipkd-pagination .dataTables_paginate span{display:flex;gap:4px}.ipkd-pagination .paginate_button{min-width:34px;min-height:34px;display:inline-grid;place-items:center;border:1px solid #dde4ee;border-radius:4px;background:#fff;color:#40516a!important;padding:5px 10px;cursor:pointer}.ipkd-pagination .paginate_button:hover:not(.disabled){border-color:#9eb1c8;background:#eef3f8;color:#15234b!important}.ipkd-pagination .paginate_button.current{border-color:#15234b;background:#15234b;color:#fff!important}.ipkd-pagination .paginate_button.disabled{opacity:.45;cursor:not-allowed}.ipkd-page .dataTables_processing{position:static!important;width:auto!important;margin:0!important;background:#f0f5fa!important;color:#263c63;padding:12px!important;font-size:13px;height:auto!important;box-shadow:none!important}.ipkd-scroll-hint{display:none;font-size:11px;color:#637086;padding:10px 16px;background:#f8fafc}
.ipkd-information{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:28px}.ipkd-about,.ipkd-help{padding:26px;background:#fff;border:1px solid var(--ipkd-border);border-radius:4px}.ipkd-page .ipkd-information h2{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;color:var(--ipkd-navy);margin-bottom:18px;line-height:1.5}.ipkd-information h2>i{padding:11px;background:#fcf5e5;color:#9a6f10;border-radius:3px}.ipkd-information p{font-size:13px;line-height:1.8;color:#626e80}.ipkd-topics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.ipkd-topics>div{display:flex;gap:10px;padding:13px;background:#f6f8fb;border:1px solid #e7edf5;border-radius:3px}.ipkd-topics>div>span{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;background:#15234b;color:#fff;border-radius:50%;font-size:9px;font-weight:700}.ipkd-page .ipkd-topics h3{font-size:12px;font-weight:700;color:#24344e;margin:1px 0 4px}.ipkd-topics p{font-size:11px;line-height:1.6}.ipkd-help{display:flex;flex-direction:column}.ipkd-help h2>i{background:#edf3fc;color:#263e70}.ipkd-help ul{padding:0;margin:20px 0;list-style:none}.ipkd-help li{font-size:12px;line-height:1.7;margin-bottom:10px;color:#59667a}.ipkd-page .ipkd-help-link{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:12px;background:#15234b;border-radius:3px;color:white;font-size:12px;font-weight:600}.ipkd-help-link:hover{background:#263e70}.ipkd-error{padding:16px;margin-bottom:20px;background:#fff2eb;border:1px solid #efc5b2;border-radius:4px;color:#8e3c22}.ipkd-error button{background:transparent;text-decoration:underline;color:inherit}
@media(max-width:1100px){.ipkd-filter-row{flex-wrap:wrap}.ipkd-search{flex-basis:100%}.ipkd-select{flex:1}.ipkd-select select{max-width:none;width:100%}.ipkd-stats{gap:12px}.ipkd-stat{padding:14px}.ipkd-stat strong.ipkd-stat-date{font-size:19px}.ipkd-information{grid-template-columns:1.6fr 1fr}.ipkd-about,.ipkd-help{padding:20px}}
@media(max-width:767px){.ipkd-container{padding-left:16px;padding-right:16px}.ipkd-hero{padding-top:100px;padding-bottom:58px}.ipkd-hero::after{width:100%;background-size:auto 92%;opacity:.14;mask-image:linear-gradient(90deg,transparent 0,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%)}.ipkd-breadcrumb{margin-bottom:22px;font-size:11px;gap:9px}.ipkd-desktop-break{display:none}.ipkd-hero>div>p{font-size:13px}.ipkd-hero-tags span{font-size:10px}.ipkd-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.ipkd-stat strong{font-size:28px}.ipkd-stat strong.ipkd-stat-date{font-size:18px;min-height:36px}.ipkd-stat>div{font-size:9px;letter-spacing:.3px}.ipkd-stat>div i{width:27px;height:27px;font-size:13px}.ipkd-stat p{font-size:10px}.ipkd-filters{padding:16px}.ipkd-filter-row{gap:10px}.ipkd-select label{font-size:10px}.ipkd-select select{font-size:11px;padding-left:7px}.ipkd-quick-filters{gap:8px}#ipkd-reset{margin-left:0}.ipkd-table-toolbar{padding:12px;gap:8px;flex-wrap:wrap}.ipkd-table-toolbar p,.ipkd-table-toolbar button{font-size:11px}.ipkd-scroll-hint{display:block}.ipkd-pagination{align-items:flex-start;flex-direction:column;padding:14px 12px}.ipkd-information{grid-template-columns:1fr;gap:16px;margin-top:20px}.ipkd-page .ipkd-information h2{font-size:16px}.ipkd-body{padding-bottom:36px}}
@media(max-width:420px){.ipkd-topics{grid-template-columns:1fr}.ipkd-stat strong.ipkd-stat-date{font-size:16px}.ipkd-select{flex-basis:calc(50% - 10px)}.ipkd-hero-tags{gap:6px}}