:root{--green:#0b6b3a;--green-dark:#074d2b;--green-soft:#eaf4ee;--lime:#a8cf38;--ink:#17221b;--muted:#68746c;--line:#e4ebe6;--bg:#f5f8f6;--white:#fff;--shadow:0 14px 38px rgba(16,54,33,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.pkb-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.pkb-topbar{background:var(--green-dark);color:#e8f4ec;font-size:12px;font-weight:600}
.pkb-topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:36px}
.pkb-main-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}
.pkb-brandbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.pkb-brand{display:flex;align-items:center;gap:14px;min-width:260px;flex-shrink:0}
.pkb-logo-wrap{display:flex;align-items:center;justify-content:center;width:62px;height:62px;flex:0 0 62px}
.pkb-brand img,.pkb-brand .custom-logo{display:block;width:auto;max-width:62px;max-height:62px;object-fit:contain}
.pkb-brand-copy{display:flex;flex-direction:column;line-height:1.25}
.pkb-brand strong{font-size:18px;letter-spacing:-.01em}
.pkb-brand small{margin-top:4px;color:var(--muted);font-size:12px}
.pkb-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0;flex:1}
.pkb-nav{min-width:0}
.pkb-menu{display:flex;align-items:center;justify-content:flex-end;gap:4px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:650;white-space:nowrap}
.pkb-menu>li{position:relative}
.pkb-menu>li>a{display:flex;align-items:center;min-height:42px;padding:0 11px;border-radius:9px;transition:.2s ease}
.pkb-menu>li>a:hover,.pkb-menu>li.current-menu-item>a,.pkb-menu>li.current_page_item>a{background:var(--green-soft);color:var(--green)}
.pkb-account-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;background:var(--green);color:#fff;font-size:13px;font-weight:750;white-space:nowrap;box-shadow:0 8px 18px rgba(11,107,58,.18)}
.pkb-account-link:hover{background:var(--green-dark)}
.pkb-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:22px;line-height:1;cursor:pointer}
.pkb-hero{background:linear-gradient(112deg,rgba(7,77,43,.98),rgba(20,126,75,.88));color:#fff}
.pkb-hero-inner{min-height:455px;display:flex;align-items:center;padding-block:58px}
.pkb-hero-inner>div{max-width:760px}
.pkb-kicker,.pkb-section-head span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--lime)}
.pkb-hero h1{max-width:760px;font-size:clamp(42px,4.6vw,64px);line-height:1.06;letter-spacing:-.035em;margin:15px 0 18px}
.pkb-hero p{font-size:17px;color:#e7f3eb;max-width:650px;margin:0}
.pkb-actions{display:flex;gap:12px;margin-top:28px}
.pkb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--lime);color:#17320f;padding:0 20px;border-radius:10px;font-weight:800}
.pkb-btn-light{background:#fff}
.pkb-section{padding:68px 0}
.pkb-section:nth-child(even){background:var(--bg)}
.pkb-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.pkb-section-head h1,.pkb-section-head h2{margin:5px 0 0;font-size:32px;line-height:1.2;letter-spacing:-.025em}
.pkb-section-head>a{color:var(--green);font-size:14px;font-weight:750}
.pkb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pkb-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.pkb-thumb{display:block;aspect-ratio:16/9;background:#dfe9e3}
.pkb-thumb img{width:100%;height:100%;object-fit:cover}
.pkb-thumb span{display:grid;place-items:center;height:100%;font-weight:800;color:var(--green)}
.pkb-card-body{padding:20px}
.pkb-card-body small,.pkb-meta{color:var(--muted)}
.pkb-card h2,.pkb-card h3{line-height:1.35;margin:7px 0;font-size:20px;letter-spacing:-.015em}
.pkb-card p{color:var(--muted);margin-bottom:0}
.pkb-article{max-width:850px}
.pkb-article h1{font-size:clamp(36px,5vw,56px);line-height:1.15}
.pkb-featured{margin:24px 0}
.pkb-content{font-size:18px}
.pkb-footer{background:#092f1e;color:#dce9e0;padding-top:52px}
.pkb-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.pkb-footer h3,.pkb-footer h4{color:#fff}
.pkb-footer ul{list-style:none;padding:0}
.pkb-copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:18px;margin-top:44px;font-size:13px}
.pkb-pagination{margin-top:28px}
@media(max-width:1120px){.pkb-brand{min-width:225px}.pkb-menu>li>a{padding-inline:8px;font-size:13px}.pkb-account-link{padding-inline:13px}}
@media(max-width:980px){.pkb-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.pkb-nav{display:none;position:absolute;left:20px;right:20px;top:calc(100% + 10px);background:#fff;padding:14px;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px rgba(0,0,0,.16);z-index:50}.pkb-nav.is-open{display:block}.pkb-menu{align-items:stretch;flex-direction:column;gap:3px;white-space:normal}.pkb-menu>li>a{min-height:44px;padding:0 12px}.pkb-header-actions{gap:10px}.pkb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pkb-footer-grid{grid-template-columns:1fr}}
@media(max-width:640px){.pkb-container{width:min(100% - 28px,1180px)}.pkb-topbar-inner span:last-child{display:none}.pkb-brandbar{min-height:76px}.pkb-brand{min-width:0}.pkb-logo-wrap{width:50px;height:50px;flex-basis:50px}.pkb-brand img,.pkb-brand .custom-logo{max-width:50px;max-height:50px}.pkb-brand strong{font-size:15px}.pkb-brand small{font-size:11px}.pkb-account-link{display:none}.pkb-nav{left:14px;right:14px}.pkb-grid{grid-template-columns:1fr}.pkb-hero-inner{min-height:410px;padding-block:48px}.pkb-hero h1{font-size:clamp(38px,12vw,50px)}.pkb-section{padding:48px 0}.pkb-section-head{align-items:flex-start}.pkb-actions{flex-direction:column;align-items:flex-start}}

/* Halaman publik DPC: berita, galeri, dan aspirasi */
.pkbdpc-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pkbdpc-public-card{background:#fff;border:1px solid #e2e9e5;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(9,58,35,.05)}
.pkbdpc-public-thumb{display:grid;place-items:center;aspect-ratio:16/10;background:#e9f1ed;color:#075b33;text-decoration:none;font-weight:800;overflow:hidden}
.pkbdpc-public-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.pkbdpc-public-card:hover .pkbdpc-public-thumb img{transform:scale(1.035)}
.pkbdpc-public-card-body{padding:20px}.pkbdpc-public-card-body small{color:#6a786f;font-size:12px}.pkbdpc-public-card-body h2{font-size:20px;line-height:1.35;margin:8px 0}.pkbdpc-public-card-body h2 a{color:#10251a;text-decoration:none}.pkbdpc-public-card-body p{color:#5d6e64;line-height:1.65;margin:0}
.pkbdpc-public-empty{grid-column:1/-1;padding:26px;background:#fff;border:1px solid #e2e9e5;border-radius:14px}
.pkbdpc-public-pagination{display:flex;justify-content:center;gap:7px;margin-top:30px}.pkbdpc-public-pagination .page-numbers{padding:9px 13px;border-radius:9px;background:#fff;border:1px solid #dce6e0;text-decoration:none;color:#075b33}.pkbdpc-public-pagination .current{background:#075b33;color:#fff;border-color:#075b33}
.pkbdpc-aspiration-wrap{max-width:900px}.pkbdpc-public-form{display:grid;gap:18px;background:#fff;border:1px solid #e0e9e4;border-radius:18px;padding:clamp(22px,4vw,38px);box-shadow:0 12px 34px rgba(9,58,35,.06)}
.pkbdpc-public-form label{display:grid;gap:8px;font-weight:700;color:#183126}.pkbdpc-public-form input,.pkbdpc-public-form textarea{width:100%;border:1px solid #ccd9d1;border-radius:10px;padding:13px 14px;font:inherit}.pkbdpc-public-form input:focus,.pkbdpc-public-form textarea:focus{outline:0;border-color:#075b33;box-shadow:0 0 0 3px rgba(7,91,51,.08)}
.pkbdpc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pkbdpc-consent{grid-template-columns:auto 1fr!important;align-items:start;font-weight:500!important}.pkbdpc-consent input{width:auto;margin-top:4px}.pkbdpc-public-submit{justify-self:start;border:0;border-radius:10px;background:#075b33;color:#fff;padding:13px 20px;font-weight:800;cursor:pointer}.pkbdpc-public-notice{padding:14px 16px;border-radius:10px;margin-bottom:18px}.pkbdpc-public-notice.success{background:#e9f7ed;border:1px solid #b5ddc0}.pkbdpc-public-notice.error{background:#fff0ef;border:1px solid #edc2be}
@media(max-width:900px){.pkbdpc-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pkbdpc-public-grid,.pkbdpc-form-row{grid-template-columns:1fr}}

/* Versi 1.5: logo lokal yang stabil dan identitas DPW berbeda dari DPC */
.pkb-logo-wrap{width:70px;height:70px;flex:0 0 70px}
.pkb-brand img{max-width:70px;max-height:70px;width:auto;height:auto;object-fit:contain}
.pkb-level-dpw .pkb-main-header{border-bottom:3px solid var(--lime)}
.pkb-level-dpw .pkb-brandbar{min-height:104px}
.pkb-level-dpw .pkb-brand{min-width:330px}
.pkb-level-dpw .pkb-brand strong{font-size:20px;color:var(--green-dark)}
.pkb-level-dpw .pkb-menu{font-size:13px}
.pkb-level-dpw .pkb-menu>li>a{padding-inline:9px}
.pkb-hero-grid{min-height:500px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:64px;align-items:center;padding-block:70px}
.pkb-hero-dpw{background:radial-gradient(circle at 80% 30%,rgba(168,207,56,.18),transparent 30%),linear-gradient(125deg,#053d24,#0b6b3a 58%,#147d4a);color:#fff}
.pkb-hero-dpw h1{font-size:clamp(46px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 22px;max-width:880px}
.pkb-hero-dpw p{max-width:760px;font-size:18px;color:#e7f3eb}
.pkb-btn-outline{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff}
.pkb-hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:32px;backdrop-filter:blur(8px);box-shadow:0 24px 60px rgba(0,0,0,.15)}
.pkb-hero-panel .pkb-panel-label{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:var(--lime);margin-bottom:12px}
.pkb-hero-panel strong{display:block;font-size:34px;line-height:1.15;margin-bottom:10px}
.pkb-hero-panel p{font-size:15px;margin:0 0 22px}
.pkb-panel-links{display:grid;gap:10px}.pkb-panel-links a{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.12);font-weight:750}
.pkb-dpw-features{background:#fff;padding:34px 0 14px}
.pkb-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pkb-feature-box{display:block;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:var(--shadow);transition:.2s ease}
.pkb-feature-box:hover{transform:translateY(-3px);border-color:#c8d9ce}
.pkb-feature-box>span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:var(--green-soft);color:var(--green);font-weight:850;font-size:12px}
.pkb-feature-box h3{margin:14px 0 7px;font-size:20px}.pkb-feature-box p{margin:0;color:var(--muted);font-size:14px}
.pkb-level-dpc .pkb-main-header{border-bottom:1px solid var(--line)}
.pkb-level-dpc .pkb-brand strong{font-size:18px}
@media(max-width:1100px){.pkb-level-dpw .pkb-brand{min-width:280px}.pkb-hero-grid{grid-template-columns:1fr;gap:28px}.pkb-hero-panel{max-width:520px}.pkb-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.pkb-logo-wrap{width:56px;height:56px;flex-basis:56px}.pkb-brand img{max-width:56px;max-height:56px}.pkb-level-dpw .pkb-brandbar{min-height:82px}.pkb-level-dpw .pkb-brand{min-width:0}.pkb-level-dpw .pkb-brand strong{font-size:15px}.pkb-hero-grid{min-height:460px;padding-block:48px}.pkb-hero-dpw h1{font-size:clamp(40px,12vw,54px)}.pkb-feature-grid{grid-template-columns:1fr}}



/* Prioritas 2: archive, category, search, dan 404 */
.pkb-archive-head p{margin:8px 0 0;color:var(--muted);max-width:760px;line-height:1.7}.pkb-archive-grid .pkb-card h2{font-size:20px}.pkb-empty-state{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow)}.pkb-empty-state h2{margin:0 0 8px}.pkb-empty-state p{margin:0;color:var(--muted)}.pkb-search-head{align-items:flex-start}.pkb-search-form{display:flex;gap:10px;min-width:min(100%,420px)}.pkb-search-form input{flex:1;border:1px solid var(--line);border-radius:10px;padding:13px 14px;font:inherit}.pkb-search-form button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:0 18px;font-weight:800;cursor:pointer}.pkb-not-found{min-height:58vh;display:flex;align-items:center}.pkb-404-box{max-width:780px}.pkb-404-box h1{font-size:clamp(38px,5vw,62px);line-height:1.08;margin:12px 0 14px}.pkb-404-box p{font-size:18px;color:var(--muted);line-height:1.75}.pkb-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}.pkb-pagination .page-numbers{display:inline-flex;min-width:38px;align-items:center;justify-content:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green);text-decoration:none;font-weight:800}.pkb-pagination .current{background:var(--green);color:#fff;border-color:var(--green)}@media(max-width:720px){.pkb-search-form{width:100%;flex-direction:column}.pkb-search-form button{min-height:44px}.pkb-section-head.pkb-search-head{display:grid}}


/* Prioritas 3: pemisahan visual DPW dan DPC */
.pkb-level-dpw .pkb-hero-dpw{position:relative;overflow:hidden}.pkb-level-dpw .pkb-hero-dpw:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,61,36,.98),rgba(5,61,36,.70)),url('https://pkbjatim.id/wp-content/uploads/2026/06/FOTO-3.png') center/cover no-repeat;opacity:.95}.pkb-level-dpw .pkb-hero-grid{position:relative;z-index:1}.pkb-level-dpw .pkb-feature-box{border-top:4px solid var(--lime)}.pkb-level-dpc .pkb-hero-dpc{background:linear-gradient(135deg,#f2f8f4,#ffffff);color:var(--ink);border-bottom:1px solid var(--line)}.pkb-level-dpc .pkb-hero-dpc .pkb-kicker{color:var(--green)}.pkb-level-dpc .pkb-hero-dpc h1{color:var(--green-dark);font-size:clamp(38px,4.6vw,58px)}.pkb-level-dpc .pkb-hero-dpc p{color:#4f6258}.pkb-dpc-hero-grid{min-height:460px;display:grid;grid-template-columns:minmax(0,1.2fr) 360px;gap:36px;align-items:center;padding-block:56px}.pkb-dpc-service-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);display:grid;gap:10px}.pkb-dpc-service-panel span{font-size:12px;font-weight:850;color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.pkb-dpc-service-panel a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:var(--green-soft);border-radius:12px;color:var(--green-dark);font-weight:800}.pkb-dpc-service-panel a:after{content:"→"}.pkb-dpc-quick{background:#fff;margin-top:-28px;position:relative;z-index:5}.pkb-dpc-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pkb-dpc-quick a{display:grid;gap:4px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px 20px;box-shadow:var(--shadow)}.pkb-dpc-quick strong{color:var(--green-dark)}.pkb-dpc-quick small{color:var(--muted)}@media(max-width:920px){.pkb-dpc-hero-grid{grid-template-columns:1fr}.pkb-dpc-service-panel{max-width:520px}.pkb-dpc-quick-grid{grid-template-columns:1fr}}@media(max-width:640px){.pkb-dpc-hero-grid{min-height:auto;padding-block:42px}.pkb-dpc-quick{margin-top:0}}

/* Versi 1.9: Hero DPW Bangkit Solid Menang + figur Ketum */
.pkb-level-dpw .pkb-hero-dpw-figure{
  position:relative;
  overflow:hidden;
  min-height:640px;
  background:
    radial-gradient(circle at 74% 42%,rgba(168,207,56,.28),transparent 31%),
    radial-gradient(circle at 15% 72%,rgba(168,207,56,.12),transparent 28%),
    linear-gradient(118deg,#042f1c 0%,#075534 55%,#04301d 100%);
}
.pkb-level-dpw .pkb-hero-dpw-figure:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,38,23,.98) 0%,rgba(3,53,31,.82) 44%,rgba(5,83,50,.36) 100%),
    radial-gradient(circle at 86% 72%,rgba(168,207,56,.25),transparent 28%);
  opacity:1;
}
.pkb-level-dpw .pkb-hero-dpw-figure:after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:-18%;
  width:72%;
  height:60%;
  background:
    linear-gradient(115deg,transparent 15%,rgba(168,207,56,.65) 16%,transparent 18%),
    linear-gradient(112deg,transparent 27%,rgba(255,255,255,.15) 28%,transparent 30%),
    linear-gradient(110deg,transparent 38%,rgba(168,207,56,.42) 39%,transparent 41%);
  filter:blur(.2px);
  opacity:.62;
  pointer-events:none;
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{
  position:relative;
  z-index:2;
  min-height:640px;
  grid-template-columns:minmax(0,.9fr) minmax(430px,.9fr);
  gap:24px;
  padding-block:0;
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{
  padding:78px 0 78px;
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-kicker{
  color:#bfe33f;
  letter-spacing:.28em;
  font-size:13px;
  margin-bottom:22px;
}
.pkb-level-dpw .pkb-hero-dpw-figure h1{
  max-width:650px;
  margin:0;
  font-size:clamp(70px,7vw,112px);
  line-height:.91;
  letter-spacing:-.075em;
  font-weight:950;
  text-shadow:0 18px 45px rgba(0,0,0,.22);
}
.pkb-level-dpw .pkb-hero-dpw-figure h1 span{color:var(--lime)}
.pkb-level-dpw .pkb-hero-dpw-figure p{
  max-width:680px;
  margin-top:28px;
  font-size:19px;
  line-height:1.72;
  color:rgba(255,255,255,.92);
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-actions{margin-top:32px}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-btn{min-height:54px;padding:0 24px;border-radius:12px}
.pkb-hero-figure{
  align-self:stretch;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  position:relative;
  min-height:640px;
}
.pkb-hero-figure:before{
  content:"";
  position:absolute;
  right:4%;
  bottom:10%;
  width:560px;
  height:560px;
  border-radius:999px;
  background:rgba(168,207,56,.23);
  filter:blur(70px);
}
.pkb-hero-figure:after{
  content:"";
  position:absolute;
  inset:auto -8% 8% 5%;
  height:44%;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 360"><g fill="%23a8cf38" opacity="0.26"><circle cx="40" cy="90" r="2"/><circle cx="80" cy="86" r="2"/><circle cx="120" cy="82" r="2"/><circle cx="160" cy="78" r="2"/><circle cx="200" cy="74" r="2"/><circle cx="240" cy="72" r="2"/><circle cx="280" cy="74" r="2"/><circle cx="320" cy="78" r="2"/><circle cx="360" cy="82" r="2"/><circle cx="400" cy="88" r="2"/><circle cx="440" cy="96" r="2"/><circle cx="480" cy="108" r="2"/><circle cx="520" cy="124" r="2"/><circle cx="560" cy="142" r="2"/><circle cx="600" cy="164" r="2"/><circle cx="640" cy="188" r="2"/><circle cx="680" cy="214" r="2"/></g></svg>') center/contain no-repeat;
  opacity:.55;
}
.pkb-hero-figure img{
  position:relative;
  z-index:3;
  display:block;
  width:auto;
  max-width:min(118%,760px);
  max-height:780px;
  object-fit:contain;
  object-position:bottom center;
  transform:translateX(18px) translateY(10px) scale(1.06);
  transform-origin:bottom center;
  filter:drop-shadow(0 34px 42px rgba(0,0,0,.28));
}
.pkb-feature-grid-dpw{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-18px;position:relative;z-index:6}
.pkb-feature-grid-dpw .pkb-feature-box{padding:24px 24px 22px;border-top:0;min-height:150px}
.pkb-feature-grid-dpw .pkb-feature-box>span{width:46px;height:46px;border-radius:999px;background:var(--green-dark);color:#fff;font-size:14px}
.pkb-feature-grid-dpw .pkb-feature-box h3{font-size:18px;line-height:1.22}
@media(max-width:1120px){
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{grid-template-columns:1fr;gap:0;padding-top:56px}
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{padding:0}
  .pkb-hero-figure{min-height:460px;margin-top:16px}
  .pkb-hero-figure img{max-height:520px;transform:translateX(0) translateY(6px) scale(1.02)}
  .pkb-feature-grid-dpw{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
}
@media(max-width:720px){
  .pkb-level-dpw .pkb-hero-dpw-figure{min-height:auto}
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{min-height:auto;padding-top:50px}
  .pkb-level-dpw .pkb-hero-dpw-figure h1{font-size:clamp(58px,17vw,82px);letter-spacing:-.055em}
  .pkb-level-dpw .pkb-hero-dpw-figure p{font-size:16px;line-height:1.68}
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-actions{flex-direction:column;align-items:stretch}
  .pkb-hero-figure{min-height:360px;align-items:flex-end}
  .pkb-hero-figure img{max-height:420px;max-width:96%;transform:translateX(0) translateY(6px) scale(1.02)}
  .pkb-feature-grid-dpw{grid-template-columns:1fr}
}


/* Versi 1.9.2: Hero DPW setengah badan + background lebih premium */
.pkb-level-dpw .pkb-hero-dpw-figure{
  min-height:660px;
  background:
    radial-gradient(circle at 74% 36%,rgba(184,226,56,.34),transparent 27%),
    radial-gradient(circle at 92% 76%,rgba(44,186,104,.22),transparent 25%),
    linear-gradient(112deg,#032418 0%,#064126 46%,#0b6b3a 100%) !important;
}
.pkb-level-dpw .pkb-hero-dpw-figure:before{
  background:
    linear-gradient(90deg,rgba(3,28,18,.99) 0%,rgba(4,48,29,.89) 43%,rgba(8,92,52,.34) 100%),
    radial-gradient(circle at 80% 34%,rgba(184,226,56,.30),transparent 29%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 34px);
  opacity:1;
}
.pkb-level-dpw .pkb-hero-dpw-figure:after{
  right:-12%;
  bottom:-24%;
  width:78%;
  height:68%;
  background:
    radial-gradient(ellipse at center,rgba(168,207,56,.18),transparent 46%),
    linear-gradient(118deg,transparent 11%,rgba(184,226,56,.70) 12%,transparent 14%),
    linear-gradient(116deg,transparent 25%,rgba(255,255,255,.16) 26%,transparent 28%),
    linear-gradient(113deg,transparent 41%,rgba(184,226,56,.46) 42%,transparent 44%);
  filter:blur(.4px);
  opacity:.72;
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{
  min-height:660px;
  grid-template-columns:minmax(0,.88fr) minmax(500px,.9fr);
  gap:18px;
}
.pkb-level-dpw .pkb-hero-dpw-figure h1{
  font-size:clamp(72px,7.2vw,116px);
}
.pkb-level-dpw .pkb-hero-dpw-figure p{
  max-width:690px;
}
.pkb-hero-figure{
  min-height:660px;
  overflow:hidden;
  justify-content:center;
  align-items:flex-end;
}
.pkb-hero-figure:before{
  right:5%;
  bottom:20%;
  width:620px;
  height:620px;
  background:
    radial-gradient(circle,rgba(184,226,56,.30) 0%,rgba(184,226,56,.18) 42%,transparent 68%);
  filter:blur(58px);
}
.pkb-hero-figure:after{
  inset:auto -10% 20% -2%;
  height:55%;
  background:
    radial-gradient(circle at 18% 24%,rgba(184,226,56,.25) 0 1.5px,transparent 2px),
    radial-gradient(circle at 44% 42%,rgba(184,226,56,.20) 0 1.5px,transparent 2px),
    radial-gradient(circle at 72% 30%,rgba(184,226,56,.18) 0 1.5px,transparent 2px);
  background-size:28px 28px,34px 34px,40px 40px;
  opacity:.42;
  mask-image:radial-gradient(ellipse at center,black 0%,black 48%,transparent 72%);
}
.pkb-hero-figure img{
  max-height:1120px;
  max-width:min(150%,940px);
  transform:translateX(26px) translateY(505px) scale(1.04);
  filter:drop-shadow(0 30px 42px rgba(0,0,0,.34));
}
@media(max-width:1120px){
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:56px}
  .pkb-hero-figure{min-height:470px;margin-top:10px}
  .pkb-hero-figure img{max-height:780px;max-width:108%;transform:translateX(0) translateY(330px) scale(1.02)}
}
@media(max-width:720px){
  .pkb-level-dpw .pkb-hero-dpw-figure{min-height:auto}
  .pkb-hero-figure{min-height:360px}
  .pkb-hero-figure img{max-height:650px;max-width:112%;transform:translateX(0) translateY(280px) scale(1.02)}
}


/* Versi 1.9.3: Hero DPW crop setengah badan sesuai mockup */
.pkb-level-dpw .pkb-hero-dpw-figure{
  min-height:650px !important;
  background:
    radial-gradient(circle at 73% 39%,rgba(168,207,56,.28),transparent 28%),
    radial-gradient(circle at 96% 55%,rgba(27,134,73,.36),transparent 36%),
    linear-gradient(105deg,#02291a 0%,#04351f 43%,#0c6a39 100%) !important;
}
.pkb-level-dpw .pkb-hero-dpw-figure:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,30,19,.98) 0%,rgba(2,38,23,.92) 38%,rgba(4,71,39,.36) 66%,rgba(7,93,49,.10) 100%),
    radial-gradient(circle at 72% 50%,rgba(188,225,55,.18),transparent 34%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 32px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 32px) !important;
  opacity:1 !important;
}
.pkb-level-dpw .pkb-hero-dpw-figure:after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:-26%;
  width:76%;
  height:74%;
  background:
    radial-gradient(ellipse at 55% 52%,rgba(168,207,56,.14),transparent 45%),
    linear-gradient(116deg,transparent 12%,rgba(168,207,56,.62) 13%,transparent 15%),
    linear-gradient(116deg,transparent 24%,rgba(255,255,255,.14) 25%,transparent 27%),
    linear-gradient(114deg,transparent 39%,rgba(168,207,56,.38) 40%,transparent 42%) !important;
  filter:blur(.35px) !important;
  opacity:.65 !important;
  pointer-events:none;
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{
  min-height:650px !important;
  grid-template-columns:minmax(0,.88fr) minmax(480px,.92fr) !important;
  gap:12px !important;
  padding-block:0 !important;
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{
  padding:70px 0 64px !important;
}
.pkb-level-dpw .pkb-hero-dpw-figure h1{
  font-size:clamp(64px,6.3vw,102px) !important;
  line-height:.94 !important;
  letter-spacing:-.07em !important;
  max-width:610px !important;
}
.pkb-level-dpw .pkb-hero-dpw-figure p{
  max-width:620px !important;
  font-size:17px !important;
  line-height:1.72 !important;
  margin-top:24px !important;
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-actions{margin-top:28px !important}
.pkb-hero-figure{
  min-height:650px !important;
  overflow:hidden !important;
  align-items:flex-end !important;
  justify-content:center !important;
  position:relative !important;
}
.pkb-hero-figure:before{
  right:9% !important;
  bottom:18% !important;
  width:560px !important;
  height:560px !important;
  background:radial-gradient(circle,rgba(184,226,56,.30) 0%,rgba(184,226,56,.18) 38%,transparent 68%) !important;
  filter:blur(62px) !important;
}
.pkb-hero-figure:after{
  inset:auto 2% 22% 1% !important;
  height:52% !important;
  background:
    radial-gradient(circle at 20% 24%,rgba(184,226,56,.22) 0 1.5px,transparent 2px),
    radial-gradient(circle at 45% 43%,rgba(184,226,56,.18) 0 1.5px,transparent 2px),
    radial-gradient(circle at 74% 30%,rgba(184,226,56,.16) 0 1.5px,transparent 2px) !important;
  background-size:28px 28px,34px 34px,40px 40px !important;
  opacity:.38 !important;
  -webkit-mask-image:radial-gradient(ellipse at center,black 0%,black 48%,transparent 72%);
  mask-image:radial-gradient(ellipse at center,black 0%,black 48%,transparent 72%);
}
.pkb-hero-figure img{
  width:auto !important;
  max-width:none !important;
  height:960px !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:bottom center !important;
  transform:translateX(22px) translateY(430px) scale(1.02) !important;
  transform-origin:bottom center !important;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.34)) !important;
}
@media(max-width:1120px){
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{grid-template-columns:1fr !important;min-height:auto !important;padding-top:52px !important}
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{padding:0 !important}
  .pkb-hero-figure{min-height:430px !important;margin-top:8px !important}
  .pkb-hero-figure img{height:720px !important;transform:translateX(0) translateY(318px) scale(1.02) !important}
}
@media(max-width:720px){
  .pkb-level-dpw .pkb-hero-dpw-figure{min-height:auto !important}
  .pkb-level-dpw .pkb-hero-dpw-figure h1{font-size:clamp(54px,16vw,78px) !important}
  .pkb-hero-figure{min-height:330px !important}
  .pkb-hero-figure img{height:580px !important;transform:translateX(0) translateY(255px) scale(1.02) !important}
}


/* Versi 1.9.4: Hero DPW lebih pendek agar section bawah terlihat dalam satu layar */
@media (min-width:1121px){
  .pkb-level-dpw .pkb-hero-dpw-figure{
    min-height:500px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{
    min-height:500px !important;
    grid-template-columns:minmax(0,.9fr) minmax(440px,.86fr) !important;
    gap:8px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{
    padding:48px 0 46px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-kicker{
    margin-bottom:14px !important;
    font-size:12px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure h1{
    font-size:clamp(58px,5.3vw,86px) !important;
    line-height:.93 !important;
    max-width:560px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure p{
    max-width:560px !important;
    margin-top:20px !important;
    font-size:16px !important;
    line-height:1.62 !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-actions{
    margin-top:22px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-btn{
    min-height:48px !important;
    padding:0 22px !important;
  }
  .pkb-hero-figure{
    min-height:500px !important;
  }
  .pkb-hero-figure:before{
    right:13% !important;
    bottom:18% !important;
    width:460px !important;
    height:460px !important;
    filter:blur(54px) !important;
  }
  .pkb-hero-figure:after{
    inset:auto 4% 19% 0 !important;
    height:50% !important;
    opacity:.34 !important;
  }
  .pkb-hero-figure img{
    height:760px !important;
    transform:translateX(8px) translateY(305px) scale(1.02) !important;
  }
  .pkb-dpw-features{
    padding-top:22px !important;
  }
  .pkb-feature-grid-dpw{
    margin-top:-8px !important;
  }
}


/* Versi 1.9.5: Hero DPW clean background + foto Terbaru */
@media (min-width:1121px){
  .pkb-level-dpw .pkb-hero-dpw-figure{
    min-height:520px !important;
    background:
      radial-gradient(circle at 76% 46%, rgba(141,198,63,.34) 0%, rgba(141,198,63,.15) 23%, transparent 44%),
      radial-gradient(circle at 100% 0%, rgba(0,126,67,.36) 0%, transparent 38%),
      linear-gradient(105deg, #022d1c 0%, #033b24 38%, #07582f 66%, #08713d 100%) !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure:before{
    background:
      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
      linear-gradient(0deg, rgba(255,255,255,.028) 1px, transparent 1px) !important;
    background-size:48px 48px !important;
    opacity:.42 !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure:after{
    background:
      linear-gradient(90deg, rgba(2,45,28,.88) 0%, rgba(2,45,28,.55) 28%, transparent 55%),
      radial-gradient(circle at 67% 53%, rgba(184,226,56,.16), transparent 34%) !important;
    opacity:1 !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{
    min-height:520px !important;
    grid-template-columns:minmax(0,.94fr) minmax(430px,.82fr) !important;
    gap:10px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{
    padding:50px 0 48px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure h1{
    font-size:clamp(60px,5.25vw,86px) !important;
    line-height:.93 !important;
    max-width:570px !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure p{
    max-width:590px !important;
  }
  .pkb-hero-figure{
    min-height:520px !important;
    overflow:hidden !important;
  }
  .pkb-hero-figure:before{
    right:22% !important;
    bottom:18% !important;
    width:430px !important;
    height:430px !important;
    background:radial-gradient(circle, rgba(184,226,56,.28) 0%, rgba(33,128,68,.18) 46%, transparent 70%) !important;
    filter:blur(52px) !important;
    opacity:.95 !important;
  }
  .pkb-hero-figure:after{
    display:none !important;
  }
  .pkb-hero-figure img{
    content:url('https://pkbjatim.id/wp-content/uploads/2026/07/Terbaru-scaled.png');
    height:650px !important;
    width:auto !important;
    max-width:none !important;
    transform:translateX(-32px) translateY(172px) scale(1.03) !important;
    object-fit:contain !important;
    object-position:bottom center !important;
    filter:drop-shadow(0 26px 42px rgba(0,0,0,.36)) !important;
  }
}
@media (max-width:1120px){
  .pkb-level-dpw .pkb-hero-dpw-figure{
    background:
      radial-gradient(circle at 62% 62%, rgba(141,198,63,.30), transparent 42%),
      linear-gradient(145deg, #022d1c 0%, #064d2d 58%, #08713d 100%) !important;
  }
  .pkb-hero-figure img{
    content:url('https://pkbjatim.id/wp-content/uploads/2026/07/Terbaru-scaled.png');
    transform:translateX(0) translateY(210px) scale(1.02) !important;
  }
}
@media (max-width:720px){
  .pkb-hero-figure img{
    content:url('https://pkbjatim.id/wp-content/uploads/2026/07/Terbaru-scaled.png');
    transform:translateX(0) translateY(180px) scale(1.02) !important;
  }
}

/* Versi 1.9.6: bersihkan background hero dan naikkan posisi foto */
@media (min-width:1121px){
  .pkb-level-dpw .pkb-hero-dpw-figure{
    min-height:520px !important;
    background:
      radial-gradient(circle at 73% 44%, rgba(184,226,56,.30) 0%, rgba(51,150,78,.18) 27%, transparent 48%),
      linear-gradient(90deg, rgba(2,35,22,.96) 0%, rgba(2,48,29,.90) 36%, rgba(6,88,47,.78) 62%, rgba(10,126,64,.88) 100%),
      linear-gradient(135deg, #022d1c 0%, #064527 54%, #08713d 100%) !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure:before,
  .pkb-level-dpw .pkb-hero-dpw-figure:after{
    display:none !important;
    content:none !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{
    min-height:520px !important;
    grid-template-columns:minmax(0,.94fr) minmax(430px,.82fr) !important;
  }
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{
    padding:50px 0 46px !important;
  }
  .pkb-hero-figure{
    min-height:520px !important;
    overflow:hidden !important;
  }
  .pkb-hero-figure:before{
    right:22% !important;
    bottom:20% !important;
    width:440px !important;
    height:440px !important;
    background:radial-gradient(circle, rgba(184,226,56,.24) 0%, rgba(53,150,78,.16) 42%, transparent 70%) !important;
    filter:blur(54px) !important;
    opacity:.85 !important;
  }
  .pkb-hero-figure:after{display:none !important;content:none !important;}
  .pkb-hero-figure img{
    content:url('https://pkbjatim.id/wp-content/uploads/2026/07/Terbaru-scaled.png');
    height:690px !important;
    width:auto !important;
    max-width:none !important;
    transform:translateX(-28px) translateY(104px) scale(1.03) !important;
    object-fit:contain !important;
    object-position:bottom center !important;
    filter:drop-shadow(0 24px 40px rgba(0,0,0,.34)) !important;
  }
}
@media (max-width:1120px){
  .pkb-level-dpw .pkb-hero-dpw-figure:before,
  .pkb-level-dpw .pkb-hero-dpw-figure:after{display:none !important;content:none !important;}
  .pkb-level-dpw .pkb-hero-dpw-figure{
    background:
      radial-gradient(circle at 62% 54%, rgba(184,226,56,.25), transparent 46%),
      linear-gradient(145deg, #022d1c 0%, #064d2d 58%, #08713d 100%) !important;
  }
  .pkb-hero-figure:after{display:none !important;content:none !important;}
  .pkb-hero-figure img{
    content:url('https://pkbjatim.id/wp-content/uploads/2026/07/Terbaru-scaled.png');
    transform:translateX(0) translateY(145px) scale(1.02) !important;
  }
}
@media (max-width:720px){
  .pkb-hero-figure img{
    content:url('https://pkbjatim.id/wp-content/uploads/2026/07/Terbaru-scaled.png');
    transform:translateX(0) translateY(130px) scale(1.02) !important;
  }
}

/* Versi 2.0.0: Beranda DPW modern, Kabar DPC, dan background hero bersih */
.pkb-level-dpw .pkb-main-header{box-shadow:0 8px 26px rgba(9,47,30,.05)}
.pkb-level-dpw .pkb-home-modern-hero{position:relative;overflow:hidden;min-height:445px!important;background:linear-gradient(105deg,#032518 0%,#064128 48%,#0e7d43 100%)!important;border-bottom:0!important}
.pkb-level-dpw .pkb-home-modern-hero:before{content:""!important;display:block!important;position:absolute;inset:0!important;background:radial-gradient(circle at 70% 40%,rgba(184,226,56,.24) 0%,rgba(89,176,82,.14) 26%,transparent 48%),linear-gradient(90deg,rgba(2,31,20,.93) 0%,rgba(2,43,27,.78) 42%,rgba(13,114,61,.30) 100%)!important;opacity:1!important;pointer-events:none}
.pkb-level-dpw .pkb-home-modern-hero:after{content:""!important;display:block!important;position:absolute;right:3%;top:28px;width:42%;height:86%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 460"><path d="M40 215 C120 130 222 98 330 135 C445 174 560 100 710 158" fill="none" stroke="%23ffffff" stroke-opacity=".045" stroke-width="24"/><path d="M68 248 C176 184 273 191 388 217 C510 244 585 220 705 258" fill="none" stroke="%23a8cf38" stroke-opacity=".09" stroke-width="16"/><g fill="%23a8cf38" fill-opacity=".10"><circle cx="196" cy="90" r="4"/><circle cx="230" cy="112" r="3"/><circle cx="266" cy="132" r="3"/><circle cx="305" cy="148" r="3"/><circle cx="344" cy="161" r="3"/><circle cx="384" cy="170" r="3"/><circle cx="426" cy="176" r="3"/><circle cx="468" cy="178" r="3"/><circle cx="512" cy="175" r="3"/><circle cx="555" cy="166" r="3"/><circle cx="598" cy="153" r="3"/><circle cx="641" cy="134" r="3"/></g></svg>') center/contain no-repeat!important;opacity:.75!important;pointer-events:none}
.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-grid{position:relative;z-index:2;min-height:445px!important;display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(420px,.9fr)!important;gap:18px!important;align-items:center!important;padding-block:0!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-copy{padding:44px 0 48px!important;max-width:560px!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-kicker{font-size:12px!important;letter-spacing:.24em!important;margin-bottom:14px!important;color:#bfe33f!important}
.pkb-level-dpw .pkb-home-modern-hero h1{font-size:clamp(54px,4.85vw,78px)!important;line-height:.92!important;letter-spacing:-.07em!important;max-width:510px!important;margin:0!important;text-shadow:0 12px 28px rgba(0,0,0,.18)!important}
.pkb-level-dpw .pkb-home-modern-hero h1 span{color:var(--lime)!important}
.pkb-level-dpw .pkb-home-modern-hero p{max-width:575px!important;margin-top:18px!important;font-size:15.5px!important;line-height:1.68!important;color:rgba(255,255,255,.94)!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-actions{margin-top:22px!important;gap:12px!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-btn{min-height:46px!important;padding:0 20px!important;border-radius:10px!important;font-size:14px!important;gap:10px!important;box-shadow:0 10px 28px rgba(168,207,56,.18)!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-btn-outline{background:rgba(3,42,26,.30)!important;border-color:rgba(255,255,255,.68)!important;color:#fff!important;box-shadow:none!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-figure{position:relative!important;z-index:3!important;min-height:445px!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important;margin:0!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-figure:before{content:""!important;display:block!important;position:absolute!important;right:17%!important;bottom:18%!important;width:390px!important;height:390px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(188,225,55,.25),rgba(55,156,80,.14) 44%,transparent 70%)!important;filter:blur(42px)!important;opacity:.9!important;z-index:0!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-figure:after{display:none!important;content:none!important}
.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-figure img{content:url('https://pkbjatim.id/wp-content/uploads/2026/07/Terbaru-scaled.png');position:relative!important;z-index:2!important;height:590px!important;width:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:bottom center!important;transform:translateX(-18px) translateY(98px) scale(1.02)!important;filter:drop-shadow(0 22px 34px rgba(0,0,0,.30))!important}
.pkb-hero-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.pkb-hero-dots span{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.7)}.pkb-hero-dots span:first-child{background:var(--lime);width:18px}
.pkb-dpw-stat-wrap{position:relative;z-index:8;margin-top:-34px;padding-bottom:18px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 48%)}
.pkb-dpw-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.pkb-stat-card{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;column-gap:14px;align-items:center;min-height:112px;padding:18px 18px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 14px 38px rgba(9,58,35,.08);transition:.2s ease}.pkb-stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(9,58,35,.12)}.pkb-stat-icon{grid-row:1/4;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:900}.pkb-stat-card strong{font-size:28px;line-height:1;color:#091d13;letter-spacing:-.04em}.pkb-stat-card b{font-size:13.5px;line-height:1.2;color:#10251a}.pkb-stat-card small{font-size:12px;line-height:1.35;color:var(--muted);margin-top:3px}
.pkb-home-news-section{padding:22px 0 46px!important;background:#fff!important}.pkb-home-news-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:18px;align-items:start}.pkb-news-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px rgba(9,58,35,.07);padding:18px}.pkb-panel-head{margin-bottom:14px!important;align-items:center!important}.pkb-panel-head h2{font-size:24px!important;margin:0!important;letter-spacing:-.025em}.pkb-panel-head a{font-size:13px!important;white-space:nowrap}.pkb-featured-news-card{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:stretch;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:10px}.pkb-featured-thumb{display:block;min-height:198px;border-radius:13px;overflow:hidden;background:#e6eee9}.pkb-featured-thumb img{width:100%;height:100%;object-fit:cover}.pkb-featured-thumb span,.pkb-news-mini-thumb span,.pkb-dpc-news-thumb span,.pkb-gallery-strip span{display:grid;place-items:center;height:100%;color:var(--green);font-weight:800}.pkb-featured-news-body{padding:6px 0}.pkb-featured-news-body small,.pkb-news-mini small,.pkb-dpc-news-meta small{color:var(--muted);font-size:12px}.pkb-featured-news-body h3{font-size:20px;line-height:1.25;margin:9px 0}.pkb-featured-news-body p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.pkb-news-mini-list{display:grid;gap:9px}.pkb-news-mini{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid #edf2ef}.pkb-news-mini:last-child{border-bottom:0}.pkb-news-mini-thumb{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#e6eee9}.pkb-news-mini-thumb img{width:100%;height:100%;object-fit:cover}.pkb-news-mini h3{font-size:14px;line-height:1.35;margin:2px 0 0}.pkb-dpc-news-list{display:grid;gap:0}.pkb-dpc-news-item{position:relative;display:grid;grid-template-columns:112px 1fr 28px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.pkb-dpc-news-item:last-child{border-bottom:0}.pkb-dpc-news-thumb{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#e6eee9}.pkb-dpc-news-thumb img{width:100%;height:100%;object-fit:cover}.pkb-dpc-news-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.pkb-dpc-news-meta span{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:var(--green);color:#fff;font-size:10px;font-weight:850;text-transform:uppercase}.pkb-dpc-news-copy h3{font-size:14.5px;line-height:1.35;margin:0 0 4px}.pkb-dpc-news-copy p{font-size:12.5px;line-height:1.45;color:var(--muted);margin:0}.pkb-dpc-news-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--green);font-weight:900}.pkb-dpc-news-arrow:hover{background:var(--green-soft)}.pkb-empty-state{box-shadow:none!important}.pkb-home-lower-section{padding:20px 0 58px!important;background:linear-gradient(180deg,#f5fbf7,#fff)!important}.pkb-home-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pkb-lower-block{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 38px rgba(9,58,35,.06);padding:18px}.pkb-agenda-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pkb-agenda-strip article{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdfc}.pkb-agenda-strip small{color:var(--green);font-weight:800}.pkb-agenda-strip h3{font-size:14px;line-height:1.35;margin:6px 0 0}.pkb-gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pkb-gallery-strip a{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#e6eee9}.pkb-gallery-strip img{width:100%;height:100%;object-fit:cover}
@media(max-width:1120px){.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-grid{grid-template-columns:1fr!important;min-height:auto!important;padding-top:44px!important}.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-copy{padding:0!important}.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-figure{min-height:360px!important}.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-figure img{height:520px!important;transform:translateX(0) translateY(112px) scale(1.02)!important}.pkb-dpw-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pkb-home-news-grid,.pkb-home-lower-grid{grid-template-columns:1fr}.pkb-featured-news-card{grid-template-columns:220px 1fr}}
@media(max-width:760px){.pkb-level-dpw .pkb-home-modern-hero{min-height:auto!important}.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-copy{max-width:100%!important}.pkb-level-dpw .pkb-home-modern-hero h1{font-size:clamp(50px,16vw,72px)!important}.pkb-level-dpw .pkb-home-modern-hero p{font-size:15px!important}.pkb-level-dpw .pkb-home-modern-hero .pkb-actions{flex-direction:column;align-items:stretch}.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-figure{min-height:290px!important}.pkb-level-dpw .pkb-home-modern-hero .pkb-hero-figure img{height:430px!important;transform:translateX(0) translateY(98px) scale(1.02)!important}.pkb-dpw-stat-wrap{margin-top:0;padding-top:18px}.pkb-dpw-stat-grid{grid-template-columns:1fr}.pkb-stat-card{min-height:92px}.pkb-featured-news-card{grid-template-columns:1fr}.pkb-featured-thumb{min-height:auto;aspect-ratio:16/9}.pkb-dpc-news-item{grid-template-columns:92px 1fr}.pkb-dpc-news-arrow{display:none}.pkb-agenda-strip,.pkb-gallery-strip{grid-template-columns:1fr}.pkb-panel-head{align-items:flex-start!important}.pkb-panel-head h2{font-size:22px!important}}

/* Versi 2.1.0: UI modern untuk berita, arsip, pencarian, 404, dan laman */
.pkb-single-hero,
.pkb-page-hero,
.pkb-archive-hero,
.pkb-404-modern{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 20%, rgba(168,207,56,.20), transparent 34%),
    radial-gradient(circle at 10% 90%, rgba(24,135,76,.16), transparent 28%),
    linear-gradient(135deg,#042f1e 0%,#064327 52%,#0a6f3d 100%);
  color:#fff;
}
.pkb-single-hero:before,
.pkb-page-hero:before,
.pkb-archive-hero:before,
.pkb-404-modern:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,28,18,.88) 0%,rgba(2,45,28,.62) 52%,rgba(7,91,51,.20) 100%),
    radial-gradient(circle at 72% 55%,rgba(255,255,255,.08),transparent 36%);
  pointer-events:none;
}
.pkb-single-hero-grid,
.pkb-archive-hero-inner{
  position:relative;
  z-index:2;
  min-height:390px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);
  gap:44px;
  align-items:center;
  padding:54px 0;
}
.pkb-page-hero .pkb-container,
.pkb-404-modern-card{
  position:relative;
  z-index:2;
  padding:76px 0;
}
.pkb-single-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:700;
  margin-bottom:18px;
}
.pkb-single-breadcrumb a{color:#fff}.pkb-single-breadcrumb span{opacity:.72}
.pkb-single-meta-top{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:rgba(255,255,255,.84);
  font-size:13px;
  font-weight:750;
  margin-bottom:16px;
}
.pkb-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:var(--lime);
  color:#17320f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.pkb-single-hero h1,
.pkb-page-hero h1,
.pkb-archive-hero h1,
.pkb-404-modern h1{
  margin:0;
  max-width:870px;
  color:#fff;
  font-size:clamp(38px,4.8vw,66px);
  line-height:1.05;
  letter-spacing:-.055em;
  font-weight:950;
}
.pkb-page-hero h1,.pkb-archive-hero h1,.pkb-404-modern h1{margin-top:10px}
.pkb-single-excerpt,
.pkb-page-hero p,
.pkb-archive-hero p,
.pkb-404-modern p{
  max-width:780px;
  margin:20px 0 0;
  color:rgba(255,255,255,.86);
  font-size:18px;
  line-height:1.72;
}
.pkb-single-featured{
  margin:0;
  border-radius:26px;
  overflow:hidden;
  aspect-ratio:4/3;
  background:rgba(255,255,255,.12);
  box-shadow:0 34px 80px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.18);
}
.pkb-single-featured img{width:100%;height:100%;object-fit:cover;display:block}
.pkb-single-wrap,
.pkb-page-wrap,
.pkb-archive-modern-section{
  background:linear-gradient(180deg,#f5f8f6 0%,#fff 42%);
  padding:50px 0 74px;
}
.pkb-single-layout{
  display:grid;
  grid-template-columns:minmax(0,820px) 320px;
  gap:34px;
  align-items:start;
}
.pkb-modern-article,
.pkb-page-card{
  max-width:none;
  background:#fff;
  border:1px solid #e0e9e4;
  border-radius:28px;
  box-shadow:0 20px 60px rgba(9,58,35,.08);
  padding:clamp(26px,4vw,52px);
}
.pkb-modern-content{font-size:18px;line-height:1.86;color:#26372e}
.pkb-modern-content>*:first-child{margin-top:0}.pkb-modern-content>*:last-child{margin-bottom:0}
.pkb-modern-content h2,
.pkb-modern-content h3,
.pkb-modern-content h4{
  color:#0b2819;
  letter-spacing:-.035em;
  line-height:1.2;
  margin:1.45em 0 .55em;
}
.pkb-modern-content h2{font-size:clamp(28px,3vw,38px)}
.pkb-modern-content h3{font-size:clamp(23px,2.2vw,30px)}
.pkb-modern-content p{margin:0 0 1.15em}
.pkb-modern-content a{color:var(--green);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.pkb-modern-content blockquote{
  margin:30px 0;
  padding:24px 28px;
  border-left:5px solid var(--lime);
  background:linear-gradient(135deg,#f2f9f5,#fff);
  border-radius:0 18px 18px 0;
  color:#102c1d;
  font-size:20px;
  font-weight:700;
}
.pkb-modern-content img{border-radius:18px;box-shadow:0 14px 36px rgba(9,58,35,.08)}
.pkb-modern-content figure{margin:30px 0}.pkb-modern-content figcaption{margin-top:10px;color:var(--muted);font-size:13px;text-align:center}
.pkb-modern-content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.pkb-modern-content th,.pkb-modern-content td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.pkb-modern-content tr:last-child td{border-bottom:0}.pkb-modern-content th{background:var(--green-soft);color:var(--green-dark);text-align:left}
.pkb-source-box{
  display:grid;
  gap:5px;
  padding:18px 20px;
  margin:0 0 28px;
  border:1px solid #d7eadf;
  border-radius:18px;
  background:linear-gradient(135deg,#edf8f2,#fff);
}
.pkb-source-box strong{color:var(--green-dark);font-size:15px}.pkb-source-box span{color:var(--muted);font-size:14px}.pkb-source-box a{color:var(--green);font-weight:900;font-size:14px}
.pkb-tax-box{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding-top:20px;
  margin-top:26px;
  border-top:1px solid var(--line);
}
.pkb-tax-box>span{min-width:82px;color:var(--muted);font-weight:850;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.pkb-tax-box div{display:flex;gap:8px;flex-wrap:wrap}.pkb-tax-box a{display:inline-flex;min-height:30px;align-items:center;padding:0 12px;border-radius:999px;background:#f1f7f4;border:1px solid #dfeae4;color:var(--green-dark);font-size:13px;font-weight:800}
.pkb-single-sidebar{display:grid;gap:18px;position:sticky;top:24px}
.pkb-sidebar-card{
  background:#fff;
  border:1px solid #e0e9e4;
  border-radius:22px;
  box-shadow:0 16px 44px rgba(9,58,35,.07);
  padding:22px;
}
.pkb-sidebar-kicker{display:block;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.pkb-sidebar-card h3{margin:0 0 14px;font-size:20px;line-height:1.25;letter-spacing:-.025em}.pkb-share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pkb-share-buttons a{display:flex;justify-content:center;align-items:center;min-height:42px;border-radius:12px;background:var(--green);color:#fff;font-weight:900;font-size:13px}.pkb-share-buttons a:first-child{background:#0b4f86}.pkb-sidebar-posts{display:grid;gap:0}.pkb-sidebar-post{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--line)}.pkb-sidebar-post:last-child{border-bottom:0}.pkb-sidebar-post small{color:var(--muted)}.pkb-sidebar-post strong{font-size:14px;line-height:1.36}.pkb-sidebar-post:hover strong{color:var(--green)}
.pkb-archive-hero-inner{grid-template-columns:minmax(0,1fr) minmax(320px,.46fr);min-height:300px}.pkb-archive-hero .pkb-kicker{color:var(--lime)}
.pkb-search-panel,
.pkb-search-pill{
  display:flex;
  gap:10px;
  padding:8px;
  border-radius:18px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(10px);
}
.pkb-search-panel input,.pkb-search-pill input{flex:1;min-width:0;border:0;border-radius:12px;padding:13px 14px;font:inherit;background:#fff;color:var(--ink)}.pkb-search-panel button,.pkb-search-pill button{border:0;border-radius:12px;background:var(--lime);color:#15330f;padding:0 18px;font-weight:950;cursor:pointer}
.pkb-archive-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:24px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 32px rgba(9,58,35,.05);
}
.pkb-toolbar-link{color:var(--green);font-weight:900}.pkb-archive-toolbar .pkb-search-pill{background:#f6faf8;border-color:var(--line);min-width:min(100%,360px);padding:6px}.pkb-archive-toolbar .pkb-search-pill input{background:#fff}.pkb-modern-grid{gap:26px}.pkb-modern-card{border-radius:22px!important;border:1px solid #e0e9e4!important;box-shadow:0 18px 48px rgba(9,58,35,.07)!important;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}.pkb-modern-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(9,58,35,.12)!important;border-color:#c8ddcf!important}.pkb-modern-thumb{aspect-ratio:16/10;border-radius:22px 22px 0 0;overflow:hidden;position:relative}.pkb-modern-thumb img{transition:transform .35s ease}.pkb-modern-card:hover .pkb-modern-thumb img{transform:scale(1.045)}.pkb-modern-card-body{padding:22px!important}.pkb-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pkb-card-meta small{font-size:12px;color:var(--muted);font-weight:750}.pkb-modern-card h2{font-size:22px!important;line-height:1.24!important;letter-spacing:-.035em!important;margin:0 0 10px!important}.pkb-modern-card h2 a:hover{color:var(--green)}.pkb-modern-card p{font-size:14.5px;line-height:1.65;margin:0 0 18px!important}.pkb-read-more{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-weight:950;font-size:14px}.pkb-read-more span{transition:transform .2s ease}.pkb-read-more:hover span{transform:translateX(4px)}.pkb-modern-pagination .nav-links{justify-content:center;margin-top:34px}.pkb-modern-pagination .page-numbers{border-radius:999px!important;min-width:42px!important;min-height:42px!important;box-shadow:0 8px 22px rgba(9,58,35,.05)}
.pkb-page-hero .pkb-container{max-width:1180px}.pkb-page-wrap{padding-top:46px}.pkb-page-card{max-width:960px;margin-inline:auto}.pkb-page-card .pkbdpc-public-grid,.pkb-page-card .pkb-grid{margin-top:18px}
.pkb-404-modern{min-height:calc(100vh - 160px);display:flex;align-items:center}.pkb-404-modern-card{max-width:820px}.pkb-404-modern .pkb-search-panel{max-width:620px;margin-top:26px}.pkb-404-modern .pkb-actions{margin-top:24px}
@media(max-width:1080px){.pkb-single-hero-grid,.pkb-archive-hero-inner{grid-template-columns:1fr}.pkb-single-featured{max-width:720px}.pkb-single-layout{grid-template-columns:1fr}.pkb-single-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.pkb-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.pkb-single-hero-grid,.pkb-archive-hero-inner{min-height:auto;padding:46px 0}.pkb-page-hero .pkb-container,.pkb-404-modern-card{padding:54px 0}.pkb-single-hero h1,.pkb-page-hero h1,.pkb-archive-hero h1,.pkb-404-modern h1{font-size:clamp(34px,10vw,48px);letter-spacing:-.045em}.pkb-single-excerpt,.pkb-page-hero p,.pkb-archive-hero p,.pkb-404-modern p{font-size:16px}.pkb-single-featured{aspect-ratio:16/10;border-radius:18px}.pkb-single-wrap,.pkb-page-wrap,.pkb-archive-modern-section{padding:28px 0 52px}.pkb-modern-article,.pkb-page-card{border-radius:20px;padding:22px}.pkb-modern-content{font-size:16.5px;line-height:1.78}.pkb-tax-box{display:grid;gap:10px}.pkb-single-sidebar{grid-template-columns:1fr}.pkb-archive-toolbar{align-items:stretch;flex-direction:column}.pkb-archive-toolbar .pkb-search-pill,.pkb-search-panel{width:100%;flex-direction:column}.pkb-search-panel button,.pkb-search-pill button{min-height:44px}.pkb-modern-grid{grid-template-columns:1fr}.pkb-share-buttons{grid-template-columns:1fr}}

/* Versi 2.2.0: menu DPW ringkas + dropdown 38 DPC + footer modern */
.pkb-level-dpw .pkb-menu{gap:8px;font-size:14px}
.pkb-level-dpw .pkb-menu>li>a{padding-inline:14px;font-weight:850}
.pkb-has-submenu>a{gap:6px}.pkb-submenu-caret{font-size:13px;line-height:1;opacity:.75;transform:translateY(-1px)}
.pkb-menu .sub-menu{list-style:none;margin:0;padding:10px;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(8px);width:min(740px,calc(100vw - 48px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:rgba(255,255,255,.98);border:1px solid #dfe9e3;border-radius:18px;box-shadow:0 26px 70px rgba(6,45,28,.18);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:80;white-space:normal;backdrop-filter:blur(12px)}
.pkb-menu .sub-menu:before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;background:#fff;border-left:1px solid #dfe9e3;border-top:1px solid #dfe9e3;transform:translateX(-50%) rotate(45deg)}
.pkb-menu>li:hover>.sub-menu,.pkb-menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.pkb-menu .sub-menu a{display:flex;align-items:center;min-height:38px;padding:8px 11px;border-radius:11px;color:#143325;font-size:13px;font-weight:800;transition:.18s ease}.pkb-menu .sub-menu a:hover{background:var(--green-soft);color:var(--green-dark)}
.pkb-footer-modern{background:radial-gradient(circle at 80% 10%,rgba(168,207,56,.12),transparent 32%),linear-gradient(135deg,#062719 0%,#092f1e 54%,#06361f 100%)}
.pkb-footer-grid-modern{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}.pkb-footer-brand{display:flex;gap:14px;align-items:center;color:#fff}.pkb-footer-logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex:0 0 56px}.pkb-footer-logo img{max-width:56px;max-height:56px;object-fit:contain}.pkb-footer-brand strong{display:block;font-size:18px;line-height:1.25}.pkb-footer-brand small{display:block;color:rgba(255,255,255,.72);font-size:12px;line-height:1.4;margin-top:3px}.pkb-footer-brandcol p{max-width:430px;color:rgba(255,255,255,.72)}.pkb-footer-modern h4{margin:0 0 14px;color:#fff;font-size:15px;letter-spacing:.02em}.pkb-footer-modern ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.pkb-footer-modern li a{color:rgba(255,255,255,.74);font-size:14px}.pkb-footer-modern li a:hover{color:var(--lime)}
@media(max-width:1120px){.pkb-level-dpw .pkb-menu{gap:4px;font-size:13px}.pkb-level-dpw .pkb-menu>li>a{padding-inline:10px}.pkb-menu .sub-menu{width:min(650px,calc(100vw - 40px))}}
@media(max-width:980px){.pkb-menu .sub-menu{position:static;left:auto;top:auto;transform:none!important;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));opacity:1;visibility:visible;pointer-events:auto;margin:4px 0 8px;padding:8px;border-radius:12px;box-shadow:none;background:#f6faf8}.pkb-menu .sub-menu:before{display:none}.pkb-menu .sub-menu a{min-height:36px;font-size:12.5px}.pkb-submenu-caret{margin-left:auto}.pkb-footer-grid-modern{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.pkb-menu .sub-menu{grid-template-columns:1fr}.pkb-footer-grid-modern{grid-template-columns:1fr}.pkb-level-dpw .pkb-menu>li>a{padding-inline:12px}}

/* Versi 2.3.0: penyelarasan font, ritme visual, dan UI profesional agar lebih ringan di mata */
:root{
  --green:#0b6b3a;
  --green-dark:#06351f;
  --green-deep:#032518;
  --green-soft:#f0f7f3;
  --lime:#a8cf38;
  --ink:#13251b;
  --muted:#66766d;
  --line:#e7eee9;
  --bg:#f7faf8;
  --white:#fff;
  --shadow:0 14px 34px rgba(13,57,36,.06);
  --shadow-soft:0 10px 28px rgba(13,57,36,.045);
}
html{font-size:16px}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  font-size:15.5px;
  line-height:1.68;
  letter-spacing:-.006em;
  text-rendering:optimizeLegibility;
}
.pkb-container{width:min(1200px,calc(100% - 48px))}

/* Header dan menu lebih clean */
.pkb-topbar{font-size:11.5px;font-weight:600;background:#075630;color:#f4fbf6}
.pkb-topbar-inner{min-height:32px}.pkb-main-header{box-shadow:0 1px 0 rgba(10,60,35,.03)}
.pkb-brandbar{min-height:92px;gap:28px}.pkb-level-dpw .pkb-brandbar{min-height:96px}
.pkb-logo-wrap{width:64px;height:64px;flex:0 0 64px}.pkb-brand img,.pkb-brand .custom-logo{max-width:64px;max-height:64px}
.pkb-brand{gap:13px;min-width:315px}.pkb-level-dpw .pkb-brand{min-width:315px}
.pkb-brand strong,.pkb-level-dpw .pkb-brand strong{font-size:19px;font-weight:800;letter-spacing:-.025em;color:#06351f}
.pkb-brand small{font-size:12px;color:#53645b;line-height:1.35}
.pkb-menu,.pkb-level-dpw .pkb-menu{gap:6px;font-size:14px;font-weight:600;letter-spacing:-.01em}
.pkb-menu>li>a,.pkb-level-dpw .pkb-menu>li>a{
  min-height:40px;
  padding:0 13px;
  border-radius:12px;
  font-weight:700;
  color:#14291e;
}
.pkb-menu>li>a:hover,
.pkb-menu>li.current-menu-item>a,
.pkb-menu>li.current_page_item>a,
.pkb-menu>li:focus-within>a{
  background:#eff7f2;
  color:#075b33;
}
.pkb-submenu-caret{font-size:12px;opacity:.58;margin-left:2px}

/* Dropdown DPC dibuat lebih ringan dan rapi */
.pkb-menu .sub-menu{
  width:min(720px,calc(100vw - 56px));
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px 8px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(209,225,216,.95);
  box-shadow:0 24px 70px rgba(6,45,28,.14);
  background:rgba(255,255,255,.97);
}
.pkb-menu .sub-menu a{
  min-height:34px;
  padding:7px 9px;
  border-radius:10px;
  color:#203a2c;
  font-size:12.7px;
  font-weight:650;
  line-height:1.25;
}
.pkb-menu .sub-menu a:hover{background:#eef7f2;color:#075b33;transform:translateX(2px)}

/* Hero DPW: judul tetap kuat, tetapi tidak terlalu berat */
.pkb-level-dpw .pkb-hero-dpw-figure{
  min-height:560px!important;
  background:linear-gradient(110deg,#032719 0%,#06452a 50%,#128145 100%)!important;
}
.pkb-level-dpw .pkb-hero-dpw-figure:before{
  background:
    linear-gradient(90deg,rgba(3,32,20,.98) 0%,rgba(4,55,32,.78) 45%,rgba(9,105,57,.18) 100%),
    radial-gradient(circle at 70% 45%,rgba(168,207,56,.17),transparent 34%)!important;
}
.pkb-level-dpw .pkb-hero-dpw-figure:after{opacity:.16;filter:blur(4px)}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{
  min-height:560px!important;
  grid-template-columns:minmax(0,.92fr) minmax(420px,.86fr);
  gap:40px;
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{padding:64px 0 66px}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.25em;
  margin-bottom:18px;
}
.pkb-level-dpw .pkb-hero-dpw-figure h1{
  font-size:clamp(52px,5.7vw,86px);
  line-height:.94;
  letter-spacing:-.065em;
  font-weight:850;
  text-shadow:0 14px 36px rgba(0,0,0,.16);
}
.pkb-level-dpw .pkb-hero-dpw-figure p{
  max-width:690px;
  margin-top:22px;
  font-size:16px;
  line-height:1.72;
  color:rgba(255,255,255,.9);
}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-actions{margin-top:24px;gap:10px}
.pkb-level-dpw .pkb-hero-dpw-figure .pkb-btn,
.pkb-btn{
  min-height:46px;
  padding:0 20px;
  border-radius:12px;
  font-size:14px;
  font-weight:750;
  letter-spacing:-.01em;
  box-shadow:none;
}
.pkb-btn-outline{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.035)}
.pkb-btn:hover{transform:translateY(-1px)}
.pkb-hero-figure{min-height:560px}.pkb-hero-figure:before{opacity:.55;filter:blur(76px)}
.pkb-hero-figure img{max-height:630px;filter:drop-shadow(0 24px 34px rgba(0,0,0,.21))}

/* Kartu statistik dan card konten lebih halus */
.pkb-feature-grid-dpw{gap:18px;margin-top:-26px}.pkb-feature-box,.pkb-card,.pkb-modern-card,.pkb-sidebar-card,.pkb-page-card,.pkb-modern-article{
  border-color:#e5eee8!important;
  box-shadow:var(--shadow-soft)!important;
}
.pkb-feature-grid-dpw .pkb-feature-box{border-radius:17px;padding:22px 22px 20px;min-height:132px}.pkb-feature-grid-dpw .pkb-feature-box>span{width:42px;height:42px;font-size:13px}
.pkb-feature-grid-dpw .pkb-feature-box h3{font-size:17px;font-weight:760;letter-spacing:-.025em}.pkb-feature-grid-dpw .pkb-feature-box p{font-size:13.5px;line-height:1.5;color:#607168}
.pkb-section{padding:60px 0}.pkb-section-head{margin-bottom:24px}.pkb-section-head h1,.pkb-section-head h2{font-size:clamp(26px,2.4vw,34px);font-weight:780;letter-spacing:-.035em}.pkb-section-head span{font-size:10.5px;letter-spacing:.18em}
.pkb-card{border-radius:18px}.pkb-card-body{padding:20px}.pkb-card h2,.pkb-card h3,.pkb-modern-card h2{font-weight:760;letter-spacing:-.032em;color:#10261a}.pkb-card p,.pkb-modern-card p{color:#65766d}
.pkb-modern-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(9,58,35,.08)!important}

/* Artikel, laman, arsip: tipografi lebih nyaman dibaca */
.pkb-single-hero h1,.pkb-page-hero h1,.pkb-archive-hero h1,.pkb-404-modern h1{
  font-size:clamp(34px,4vw,58px);
  font-weight:820;
  letter-spacing:-.045em;
  line-height:1.08;
}
.pkb-single-excerpt,.pkb-page-hero p,.pkb-archive-hero p,.pkb-404-modern p{font-size:16.5px;line-height:1.72}
.pkb-modern-content{font-size:17px;line-height:1.82;color:#24362c}.pkb-modern-content h2{font-weight:780}.pkb-modern-content h3{font-weight:760}.pkb-modern-content blockquote{font-size:18px;font-weight:650}
.pkb-badge{font-size:10.5px;font-weight:800;letter-spacing:.04em}

/* Footer lebih elegan dan ringan */
.pkb-footer-modern{background:linear-gradient(135deg,#052417 0%,#092f1e 58%,#073b23 100%)}
.pkb-footer-modern h4{font-size:14px;font-weight:760}.pkb-footer-modern li a{font-size:13.5px;color:rgba(255,255,255,.72)}.pkb-footer-brand strong{font-weight:780}.pkb-copyright{font-size:12.5px;color:rgba(255,255,255,.68)}

@media(max-width:1120px){
  .pkb-container{width:min(100% - 36px,1200px)}
  .pkb-brand,.pkb-level-dpw .pkb-brand{min-width:270px}.pkb-menu,.pkb-level-dpw .pkb-menu{gap:3px;font-size:13px}.pkb-menu>li>a,.pkb-level-dpw .pkb-menu>li>a{padding-inline:9px}
  .pkb-menu .sub-menu{grid-template-columns:repeat(3,minmax(0,1fr));width:min(650px,calc(100vw - 42px))}
}
@media(max-width:980px){
  .pkb-brandbar,.pkb-level-dpw .pkb-brandbar{min-height:82px}.pkb-menu .sub-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;max-height:330px;overflow:auto}.pkb-menu .sub-menu a{font-size:12.5px}
  .pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{grid-template-columns:1fr;gap:0;padding-top:44px}.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-copy{padding:0}.pkb-hero-figure{min-height:360px;margin-top:8px}.pkb-hero-figure img{max-height:430px}
}
@media(max-width:640px){
  body{font-size:15px}.pkb-container{width:min(100% - 28px,1200px)}.pkb-logo-wrap{width:52px;height:52px;flex-basis:52px}.pkb-brand img,.pkb-brand .custom-logo{max-width:52px;max-height:52px}.pkb-brand strong,.pkb-level-dpw .pkb-brand strong{font-size:15.5px}.pkb-brand small{font-size:11px}
  .pkb-menu .sub-menu{grid-template-columns:1fr;max-height:260px}.pkb-level-dpw .pkb-hero-dpw-figure{min-height:auto!important}.pkb-level-dpw .pkb-hero-dpw-figure .pkb-hero-grid{min-height:auto!important}.pkb-level-dpw .pkb-hero-dpw-figure h1{font-size:clamp(46px,15vw,66px)}.pkb-hero-figure{min-height:300px}.pkb-hero-figure img{max-height:350px}.pkb-section{padding:46px 0}
}