*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif);color:#063457;background:#fff;font-size:var(--pemda-body-size,14px);line-height:var(--pemda-line-height,1.55);-webkit-font-smoothing:antialiased}.pemda-container{width:min(1480px,calc(100% - 64px));margin-inline:auto}.pemda-icon{width:20px;height:20px;display:inline-block}.pemda-home{overflow:hidden}#wpadminbar{display:none!important}html{margin-top:0!important}body.admin-bar{margin-top:0!important;padding-top:0!important}.pemda-header{position:absolute;top:0;left:0;right:0;z-index:90;height:92px;background:rgba(35,56,76,.94);backdrop-filter:blur(5px);transition:.25s;box-shadow:0 1px 0 rgba(255,255,255,.06) inset}.pemda-header.scrolled,.pemda-header.menu-open{position:fixed;top:0;background:rgba(31,51,69,.98);box-shadow:0 12px 30px rgba(0,0,0,.18)}.pemda-header-inner{height:100%;display:flex;align-items:center;gap:42px}.pemda-brand{text-decoration:none;color:#fff;min-width:345px;display:flex;align-items:center}.pemda-brand-mark{display:inline-flex;align-items:center;gap:14px}.pemda-brand-mark>span:last-child{display:flex;flex-direction:column;line-height:1}.pemda-brand-mark b{font-size:28px;letter-spacing:.2px;font-weight:800}.pemda-brand-mark small{font-size:9px;margin-top:7px;opacity:.95;letter-spacing:.16px;font-weight:500}.pemda-brand-emblem{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;flex:0 0 48px}.pemda-brand-emblem svg{display:block;width:48px;height:48px}.pemda-brand-img{max-height:58px;max-width:340px}.pemda-nav{flex:1;min-width:0}.pemda-nav-list{list-style:none;display:flex;align-items:center;justify-content:center;gap:46px;padding:0;margin:0}.pemda-nav-list li{margin:0}.pemda-nav-trigger{display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;color:#fff;font-weight:700;font-size:15px;line-height:1;white-space:nowrap;padding:0;cursor:pointer}.pemda-nav-trigger .pemda-nav-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;opacity:.96}.pemda-nav-trigger .pemda-nav-caret .pemda-icon{width:15px;height:15px;stroke-width:2.3}.pemda-nav-trigger.active .pemda-nav-caret .pemda-icon{transform:rotate(90deg)}.pemda-nav-trigger.active,.pemda-nav-trigger:hover{opacity:.95}.pemda-lang{color:#fff;font-size:15px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:9px;opacity:.98;background:transparent;border:0;padding:0;cursor:pointer}.pemda-lang-globe,.pemda-lang-chevron{display:inline-flex;align-items:center;justify-content:center}.pemda-lang-globe .pemda-icon{width:18px;height:18px;stroke-width:2.1}.pemda-lang-chevron .pemda-icon{width:15px;height:15px;stroke-width:2.3}.pemda-menu-toggle{display:none;background:transparent;border:0;color:#fff;padding:0;cursor:pointer}.pemda-mega{position:absolute;top:92px;left:0;right:0;display:none}.pemda-mega.open{display:block}.pemda-mega-panel{display:none;background:#1fb15a;color:#fff;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 26px 50px rgba(0,0,0,.16)}.pemda-mega-panel.active{display:block}.pemda-mega-shell{position:relative;padding:32px 0 40px}.pemda-mega-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:40px}.pemda-mega-head h2{margin:0;font-size:28px;line-height:1.15;color:#fff;font-weight:700}.pemda-mega-close{border:0;background:transparent;color:#fff;font-size:36px;line-height:1;cursor:pointer;padding:0 6px}.pemda-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 72px;max-width:1340px}.pemda-mega-item{text-decoration:none;color:#fff;display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:flex-start}.pemda-mega-icon{width:60px;height:60px;border-radius:18px;background:#eef5ef;display:grid;place-items:center;color:#19ae57;flex:0 0 60px}.pemda-mega-icon .pemda-icon{width:28px;height:28px;stroke-width:1.9}.pemda-mega-copy strong{display:block;color:#fff;font-size:18px;line-height:1.35;font-weight:700;margin-bottom:6px}.pemda-mega-copy small{display:block;color:rgba(255,255,255,.92);font-size:12px;line-height:1.45}.pemda-mega-pattern{position:absolute;right:40px;bottom:-8px;width:170px;height:290px;opacity:.14;background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(0,90,32,.7) 17px 22px)}
.pemda-hero{position:relative;min-height:690px;background-image:linear-gradient(rgba(13,24,34,.56),rgba(12,18,23,.54)),var(--hero);background-size:cover;background-position:center 28%;color:#fff;padding:96px 0 110px;overflow:hidden}.pemda-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-78px;height:142px;background:#fff;border-radius:50% 50% 0 0/78% 78% 0 0;z-index:1}.pemda-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,22,29,.35) 0%,rgba(10,15,18,.08) 52%,rgba(0,0,0,.18) 100%)}.pemda-hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) 450px;gap:88px;align-items:start;padding-top:108px}.pemda-hero-left{padding-top:8px;max-width:760px}.pemda-update-pill{display:flex;align-items:center;width:max-content;max-width:100%;border-radius:4px;overflow:hidden;margin-bottom:34px;font-size:10px;box-shadow:0 1px 0 rgba(255,255,255,.08)}.pemda-update-pill .pemda-icon{width:12px;height:12px;margin-right:5px}.pemda-update-pill span{padding:8px 13px;background:#148ce5;display:flex;align-items:center}.pemda-update-pill b{padding:8px 18px;background:#0d69b5;font-weight:500}.pemda-hero h1{font-size:60px;line-height:1.06;letter-spacing:-1.2px;max-width:760px;margin:0 0 24px;color:#fff;font-weight:700}.pemda-hero-left>p{max-width:640px;font-size:15px;line-height:1.55;margin:0 0 28px;color:rgba(255,255,255,.94)}.pemda-search{width:min(690px,100%);height:54px;border-radius:12px;background:rgba(255,255,255,.10);display:flex;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(0,0,0,.12)}.pemda-search>span{color:#fff;padding-left:16px;display:flex;opacity:.95}.pemda-search .pemda-icon{width:20px;height:20px}.pemda-search input{border:0;outline:0;flex:1;padding:0 14px;font-size:15px;color:#fff;background:transparent}.pemda-search input::placeholder{color:rgba(255,255,255,.82)}.pemda-search button{align-self:stretch;border:0;background:var(--pemda-green);color:#fff;padding:0 34px;font-weight:700;font-size:19px}.pemda-popular{margin-top:26px}.pemda-popular>b{display:block;font-size:14px;margin-bottom:14px;font-weight:700}.pemda-popular div{display:flex;gap:12px;flex-wrap:wrap}.pemda-popular a{color:#fff;text-decoration:none;font-size:13px;background:rgba(255,255,255,.14);padding:10px 15px;border:1px solid rgba(255,255,255,.18);border-radius:16px;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(4px)}.pemda-popular a .pemda-icon{width:15px;height:15px}.pemda-weather{background:rgba(23,26,29,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 28px 24px;box-shadow:0 16px 38px rgba(0,0,0,.22);margin-top:12px;position:relative}.pemda-weather-top{display:flex;justify-content:space-between;gap:20px}.pemda-weather-top>div{display:flex;flex-direction:column}.pemda-weather-top small{font-size:14px;color:#fff;opacity:.98}.pemda-weather strong{font-size:68px;line-height:1;margin-top:8px;font-weight:700}.pemda-weather strong sup{font-size:22px;color:#ffb21e;top:-.25em}.pemda-weather span{font-size:16px}.pemda-weather-top p{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:16px}.pemda-weather-top p .pemda-icon{width:18px;height:18px}.pemda-cloud{font-size:74px;line-height:1.05;text-align:right}.pemda-weather-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 20px}.pemda-weather-metrics span{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;background:rgba(255,255,255,.12);border-radius:10px;padding:10px 10px}.pemda-weather-metrics i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-style:normal}.pemda-weather-metrics i .pemda-icon{width:18px;height:18px}.pemda-weather-metrics b{font-size:12px;line-height:1.15;font-weight:500}.pemda-weather-metrics small{font-size:13px;font-weight:700}.pemda-weather button{width:100%;height:46px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.18);color:#fff;border-radius:10px;font-size:15px;font-weight:700}.pemda-side-social{position:absolute;z-index:5;top:278px;display:flex;flex-direction:column;gap:10px}.pemda-side-social.left{left:16px}.pemda-side-social.right{right:16px;top:306px}.pemda-side-social a,.pemda-side-social span{width:40px;height:40px;border-radius:6px;display:grid;place-items:center;background:rgba(19,29,34,.45);font-size:11px;color:#fff;text-decoration:none;backdrop-filter:blur(8px)}.pemda-side-social .pemda-icon{width:17px;height:17px}.pemda-side-social.right span{background:var(--pemda-green)}
.pemda-section{padding:74px 0}.pemda-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.pemda-section-heading h2{font-size:30px;line-height:1.2;margin:0;color:var(--pemda-navy);font-weight:700;letter-spacing:-.25px}.pemda-section-heading>a{font-size:10px;text-decoration:none;color:var(--pemda-green);border:1px solid #b4e7ce;border-radius:5px;padding:8px 13px;font-weight:600}
.pemda-news-wrap{position:relative;margin-top:-88px;padding-top:0;padding-bottom:52px;z-index:12}.pemda-news-card{background:#fff;border-radius:14px;box-shadow:0 18px 45px rgba(20,51,78,.12);padding:30px 32px 34px}.pemda-news-heading{margin:0 0 24px;padding-left:314px;display:flex;align-items:center;gap:18px}.pemda-news-heading h2{margin:0;font-size:37px;line-height:1;color:#0b416f;font-weight:700;white-space:nowrap}.pemda-news-heading-line{flex:1;height:1px;background:#d6dee6}.pemda-news-heading a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:11px 17px;border:1px solid #8ed1a6;border-radius:9px;color:#0a8b43;text-decoration:none;font-size:14px;font-weight:700}.pemda-news-heading a .pemda-icon{width:16px;height:16px}.pemda-news-grid{display:grid;grid-template-columns:330px minmax(0,1.45fr) .95fr;gap:24px;min-height:505px}.pemda-news-list{background:#2d2a95;border-radius:10px;padding:16px 0 16px 16px}.pemda-news-list-inner{height:440px;background:#fff;border-radius:4px 0 0 4px;padding:8px 0 8px 0;overflow-y:auto;overflow-x:hidden}.pemda-news-list-inner::-webkit-scrollbar{width:8px}.pemda-news-list-inner::-webkit-scrollbar-thumb{background:#b6bcc8;border-radius:10px}.pemda-news-list article{display:flex;gap:12px;padding:14px 14px 14px 12px;border-bottom:1px dashed #d8e0ea;align-items:flex-start}.pemda-news-dot{width:46px;height:46px;background:#4d239d;border-radius:50%;color:#fff;display:grid;place-items:center;flex:none}.pemda-news-dot .pemda-icon{width:23px;height:23px}.pemda-news-list small{font-size:11px;color:#76889b;display:flex;justify-content:space-between;gap:8px;align-items:center}.pemda-news-list small strong{font-size:11px;color:#132c4a;font-weight:700}.pemda-news-list small em{font-style:normal;font-size:11px}.pemda-news-list a{font-size:14px;line-height:1.45;color:#133c67;text-decoration:none;font-weight:500;display:block;margin-top:4px}.pemda-featured-news{position:relative;border-radius:6px;overflow:hidden;background-image:var(--newsimg);background-size:cover;background-position:center;min-height:440px}.pemda-featured-overlay{position:absolute;inset:auto 0 0;padding:118px 30px 24px;color:#fff;background:linear-gradient(transparent,rgba(13,10,9,.92))}.pemda-featured-overlay small{font-size:14px;letter-spacing:.2px;opacity:.95}.pemda-featured-overlay h3{font-size:26px;line-height:1.22;margin:10px 0 10px;text-transform:uppercase;color:#fff;font-weight:700;max-width:92%}.pemda-featured-overlay p{font-size:13px;color:rgba(255,255,255,.82)}.pemda-feature-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.pemda-feature-actions a{color:#fff;border:1px solid rgba(255,255,255,.55);padding:12px 18px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500}.pemda-feature-actions span{font-size:13px;display:flex;align-items:center;gap:10px}.pemda-feature-actions span button{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer;padding:0}.pemda-feature-actions span b{font-size:27px;font-weight:700}.pemda-news-tabs{padding-top:8px}.pemda-tabs{display:flex;border-bottom:1px solid #d8e0ea;margin-bottom:14px}.pemda-tabs button{flex:1;background:transparent;border:0;padding:12px 5px 14px;font-size:13px;color:#8c97a8}.pemda-tabs button.active{color:#053963;border-bottom:4px solid var(--pemda-green);font-weight:700}.pemda-news-tabs article{padding:24px 1px;border-bottom:1px solid #edf0f2}.pemda-news-tabs article a{display:block;text-decoration:none;color:#0c3763;font-weight:700;font-size:16px;line-height:1.5}.pemda-news-tabs article small{font-size:12px;color:#8b99a8;margin-top:12px;display:block}
.pemda-promo{padding:34px 0 52px;background:#fff;overflow:hidden}.pemda-promo .pemda-container{overflow:visible}.pemda-promo-slider{position:relative;user-select:none}.pemda-promo-viewport{overflow:hidden;touch-action:pan-y;cursor:grab}.pemda-promo-viewport.is-dragging{cursor:grabbing}.pemda-promo-track{display:flex;gap:24px;will-change:transform;transition:transform .42s cubic-bezier(.22,.61,.36,1)}.pemda-promo-viewport.is-dragging .pemda-promo-track{transition:none}.pemda-promo-slide{display:block;flex:0 0 84%;width:84%;border-radius:8px;overflow:hidden;background:#f3f6f8;text-decoration:none}.pemda-promo-slide img{display:block;width:100%;height:auto;aspect-ratio:2.86/1;object-fit:cover;pointer-events:none}.pemda-promo-arrow{position:absolute;z-index:4;top:50%;width:48px;height:48px;border-radius:50%;border:0;background:rgba(245,255,249,.96);color:var(--pemda-green);display:grid;place-items:center;transform:translateY(-50%);box-shadow:0 6px 18px rgba(14,56,36,.10);cursor:pointer}.pemda-promo-arrow .pemda-icon{width:23px;height:23px;stroke-width:2.4}.pemda-promo-prev{left:18px}.pemda-promo-prev .pemda-icon{transform:rotate(180deg)}.pemda-promo-next{right:18px}.pemda-promo-arrow:disabled{opacity:.35;cursor:default}.pemda-promo-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.pemda-promo-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:2px solid var(--pemda-green);background:#fff;cursor:pointer}.pemda-promo-dots button.active{background:var(--pemda-green)}.pemda-dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.pemda-dots i{width:7px;height:7px;border-radius:50%;border:1px solid var(--pemda-green)}.pemda-dots i.active{background:var(--pemda-green)}
.pemda-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pemda-program-grid article{border:1px solid #e3e9ed;border-radius:7px;padding:28px 24px;min-height:260px}.pemda-program-icon{color:var(--pemda-green);width:29px;height:29px;margin-bottom:22px}.pemda-program-icon .pemda-icon{width:26px;height:26px}.pemda-program-grid h3{font-size:16px;margin:0 0 13px;font-weight:700}.pemda-program-grid p{font-size:10.5px;line-height:1.55;color:#5d7285;min-height:88px;margin-bottom:17px}.pemda-program-grid a{font-size:10px;color:var(--pemda-green);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:5px}.pemda-program-grid a .pemda-icon{width:13px}
.pemda-services{padding-top:58px;padding-bottom:90px}.pemda-service-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:72px}.pemda-service-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.pemda-service-art{width:44px;height:44px;color:var(--pemda-green);display:grid;place-items:center;position:relative}.pemda-service-art:before{content:'';position:absolute;inset:11px -2px -2px 7px;background:#f4c82b;z-index:-1;border-radius:4px}.pemda-service-title small{font-size:8px;color:#75849a}.pemda-service-title h3{font-size:18px;margin:0;font-weight:700}.pemda-service-item{display:flex;gap:12px;text-decoration:none;color:#0a385d;padding:14px 0}.pemda-service-item i{color:#93a8ba;width:23px;flex:none}.pemda-service-item b{font-size:11px;display:block}.pemda-service-item small{font-size:9px;color:#718397;display:block;margin-top:3px;line-height:1.45}
.pemda-agenda{padding-top:70px;padding-bottom:105px}.pemda-agenda .pemda-container{width:min(1320px,calc(100% - 48px))}.pemda-agenda-heading{margin-bottom:34px}.pemda-agenda-heading h2{font-size:30px}.pemda-agenda-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:stretch}.pemda-agenda-maincol{min-width:0}.pemda-agenda-hero{height:500px;border-radius:16px;background-image:linear-gradient(90deg,rgba(37,36,33,.35),transparent 22%,transparent 78%,rgba(37,36,33,.34)),var(--agenda);background-size:cover;background-position:center;position:relative;overflow:hidden}.pemda-agenda-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:38px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.82) 100%)}.pemda-agenda-copy{max-width:68%}.pemda-agenda-overlay h3{font-size:30px;line-height:1.2;margin:0 0 12px;color:#fff;font-weight:700}.pemda-agenda-time{font-size:12px!important;margin:0 0 14px!important;color:#fff!important}.pemda-agenda-time span{margin:0 8px;opacity:.65}.pemda-agenda-desc{font-size:12px!important;line-height:1.55!important;margin:0 0 14px!important;color:rgba(255,255,255,.96)!important}.pemda-agenda-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.pemda-agenda-tags span{background:rgba(67,67,67,.88);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 10px;font-size:10px;display:inline-flex;align-items:center;gap:5px}.pemda-agenda-tags span.is-green{background:var(--pemda-green)}.pemda-agenda-tags .pemda-icon{width:13px;height:13px}.pemda-agenda-linktext{color:#fff;text-decoration:none;font-size:10px;opacity:.95}.pemda-agenda-timer{flex:0 0 220px;display:flex;flex-direction:column;align-items:flex-end}.pemda-agenda-timer>small{font-size:12px;margin-bottom:8px}.pemda-countdown{display:flex;align-items:flex-start;gap:5px;border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:10px 10px 8px;background:rgba(0,0,0,.16)}.pemda-countdown b{background:#fff;color:#172535;border-radius:6px;padding:7px 8px;min-width:36px;text-align:center;font-size:15px}.pemda-countdown b small{display:block;font-size:7px;color:#526171;margin-top:3px}.pemda-countdown i{font-style:normal;font-size:18px;margin-top:4px}.pemda-agenda-timer>a{margin-top:8px;color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:7px;padding:8px 19px;text-decoration:none;font-size:11px}.pemda-agenda-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.pemda-agenda-list article{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;min-height:76px;padding:10px 16px;border:1px solid #edf0f3;border-radius:9px;background:#fff}.pemda-agenda-list article.is-active{background:#0ca253;border-color:#0ca253;color:#fff}.pemda-agenda-list article.is-striped{background:repeating-linear-gradient(135deg,#fff,#fff 14px,#fafafa 14px,#fafafa 28px)}.pemda-agenda-list img{width:56px;height:56px;border-radius:6px;object-fit:cover}.pemda-agenda-list b{font-size:12px;display:block}.pemda-agenda-list small,.pemda-agenda-list span{display:block;font-size:9px;color:#6d7e91;margin-top:2px}.pemda-agenda-list article.is-active small,.pemda-agenda-list article.is-active span{color:#fff}.pemda-agenda-list em{font-style:normal;font-size:9px;color:#718095;background:#f4f6f7;border-radius:6px;padding:9px 10px}.pemda-agenda-list article.is-active em{color:#fff;background:rgba(255,255,255,.18)}.pemda-calendar{border:1px solid #e2e7ec;border-radius:12px;padding:22px 18px 20px;display:flex;flex-direction:column;min-height:656px;background:#fff}.pemda-calendar h3{font-size:17px;margin:0 0 8px}.pemda-calendar>p{font-size:10px;line-height:1.45;color:#496079;margin:0 0 18px}.pemda-calendar-box{margin-top:0}.pemda-calendar-box>b{display:block;background:#f5f6f7;text-align:center;padding:9px;border-radius:7px;font-size:10px}.pemda-calendar-days{display:grid;grid-template-columns:30px repeat(5,1fr) 30px;gap:3px;text-align:center;align-items:center;padding:16px 0 15px;border-bottom:1px solid #edf0f2}.pemda-calendar-days button{width:28px;height:28px;border:1px solid #e6eaee;background:#fff;border-radius:7px;color:#0b3d66;font-size:19px}.pemda-calendar-days span{font-size:13px;font-weight:700;line-height:1.05;padding:7px 3px;border-radius:8px}.pemda-calendar-days span small{display:block;font-size:9px;font-weight:500;color:#8996a5;margin-bottom:5px}.pemda-calendar-days span.active{background:var(--pemda-green);color:#fff}.pemda-calendar-days span.active small{color:#fff}.pemda-calendar-days span.red{color:#e8474e}.pemda-empty-cal{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}.pemda-empty-cal img{width:96px;height:96px;object-fit:contain;margin-bottom:14px}.pemda-empty-cal b{font-size:13px}.pemda-empty-cal small{font-size:10px;color:#92a0ae;margin-top:6px}.pemda-calendar>a{color:var(--pemda-green);text-decoration:none;font-size:10px;font-weight:700;text-align:center;margin-top:auto;padding-top:18px;border-top:1px solid #edf0f2}
.pemda-reports{padding-top:70px;padding-bottom:128px}.pemda-report-heading{justify-content:flex-start;gap:55px}.pemda-report-heading p{font-size:10px;color:#6c8195;margin:0}.pemda-report-heading>a{margin-left:auto}.pemda-report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pemda-report-grid article{border:1px solid #e6eaed;border-radius:6px;padding:17px;min-height:270px}.pemda-pdf{height:82px;border-radius:4px;background:#f7f8f9;display:grid;place-items:center;color:#fff;font-weight:800;width:100%;position:relative;font-size:0}.pemda-pdf:before{content:'PDF';font-size:11px;background:#ff5c55;padding:5px 7px;border-radius:2px;box-shadow:8px 8px 0 #eef0f2}.pemda-report-grid article>small{font-size:7.5px;color:#8996a4;display:block;margin-top:13px}.pemda-report-grid h3{font-size:12px;line-height:1.35;margin:6px 0}.pemda-report-grid p{font-size:8.5px;color:#718294}.pemda-report-grid article>div:last-child{display:flex;gap:8px;margin-top:15px}.pemda-report-grid a{display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #a7dfc6;border-radius:4px;color:var(--pemda-green);font-size:8.5px;text-decoration:none;padding:6px 9px}.pemda-report-grid a:last-child{background:var(--pemda-green);color:#fff}.pemda-report-grid .pemda-icon{width:12px;height:12px}
.pemda-footer{background:var(--pemda-green);color:#fff;position:relative;overflow:hidden;padding:54px 0 22px}.pemda-footer:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.03),rgba(255,255,255,.02));pointer-events:none}.pemda-footer-top{position:relative;z-index:2}.pemda-footer-brand .pemda-brand-mark b{font-size:20px}.pemda-footer-contact{display:grid;grid-template-columns:1.2fr .7fr .9fr .75fr;gap:42px;margin-top:36px}.pemda-footer-contact>div{display:flex;gap:10px;align-items:flex-start}.pemda-footer-contact .pemda-icon{width:15px;height:15px;margin-top:2px}.pemda-footer-contact span{display:flex;flex-direction:column}.pemda-footer-contact b{font-size:9px}.pemda-footer-contact small{font-size:8px;line-height:1.5;color:rgba(255,255,255,.9)}.pemda-footer-contact a{color:#fff}.pemda-social{display:flex!important;flex-direction:row!important;gap:8px;margin-top:7px}.pemda-social a{width:22px;height:22px;border-radius:3px;background:rgba(255,255,255,.16);display:grid;place-items:center;text-decoration:none;color:#fff;font-size:9px}.pemda-sitemap{display:grid;grid-template-columns:1.05fr 1.2fr .9fr 1.15fr 1.45fr;gap:34px;border-top:1px solid rgba(255,255,255,.15);margin-top:38px;padding-top:28px;position:relative;z-index:2;min-height:265px}.pemda-sitemap h4{font-size:10px;margin:0 0 12px;color:#fff}.pemda-sitemap a{display:block;color:rgba(255,255,255,.9);font-size:8px;text-decoration:none;margin:7px 0}.pemda-copyright{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);padding-top:19px;margin-top:38px;font-size:8px}.pemda-footer-pattern{position:absolute;right:55px;bottom:48px;width:110px;height:210px;opacity:.12;background:repeating-linear-gradient(90deg,transparent 0 8px,#003a28 9px 11px)}
.pemda-inner{padding:120px 0 80px;min-height:70vh;background:#f8fafb}.pemda-page-head{margin-bottom:35px}.pemda-page-head h1{font-size:38px;margin:0 0 8px}.pemda-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pemda-post-card{background:#fff;border:1px solid #e7edf2;border-radius:8px;overflow:hidden}.pemda-post-image{height:210px;background:#e7edf2;display:block}.pemda-post-image img{width:100%;height:100%;object-fit:cover}.pemda-post-card>div{padding:20px}.pemda-post-card small{color:#8294a5}.pemda-post-card h2{font-size:20px;line-height:1.3}.pemda-post-card h2 a,.pemda-more{color:#07375f;text-decoration:none}.pemda-more{font-weight:700;color:var(--pemda-green)}.pemda-single{display:grid;grid-template-columns:1fr 320px;gap:50px}.pemda-single article,.pemda-page article{background:#fff;border-radius:8px;padding:35px}.pemda-breadcrumb{font-size:12px;color:#8294a5;margin-bottom:18px}.pemda-breadcrumb a{color:var(--pemda-green);text-decoration:none}.pemda-single h1,.pemda-page h1{font-size:38px;line-height:1.2}.pemda-meta{color:#8294a5;margin-bottom:25px}.pemda-single-image img{width:100%;height:auto;border-radius:7px}.pemda-content{font-size:16px;color:#3f5569}.pemda-single-side{background:#fff;border-radius:8px;padding:24px;height:max-content}.pemda-single-side h3{margin-top:0}.pemda-single-side a{display:block;color:#07375f;text-decoration:none;font-weight:700;border-bottom:1px solid #e8edf1;padding:12px 0}.pemda-single-side small{display:block;font-weight:400;color:#8294a5}.pemda-404{text-align:center;padding:80px 0}.pemda-404 strong{font-size:100px;color:var(--pemda-green)}.pemda-404 a{display:inline-block;background:var(--pemda-green);color:#fff;padding:12px 20px;border-radius:6px;text-decoration:none}
@media(max-width:1280px){.pemda-container{width:min(1180px,calc(100% - 44px))}.pemda-header{height:84px}.pemda-header-inner{gap:24px}.pemda-brand{min-width:270px}.pemda-brand-mark b{font-size:22px}.pemda-brand-mark small{font-size:8px}.pemda-nav-list{gap:28px}.pemda-nav-trigger,.pemda-lang{font-size:13px}.pemda-mega{top:84px}.pemda-mega-grid{gap:28px 38px}.pemda-mega-copy strong{font-size:16px}}
@media(max-width:1280px){.pemda-hero{min-height:650px;padding-top:94px}.pemda-hero-content{grid-template-columns:minmax(0,1fr) 420px;gap:56px;padding-top:98px}.pemda-hero h1{font-size:52px}.pemda-hero-left>p{font-size:15px}.pemda-search{width:min(650px,100%);height:52px}.pemda-search button{font-size:18px;padding:0 28px}.pemda-popular a{font-size:13px;padding:10px 14px}.pemda-weather strong{font-size:62px}.pemda-cloud{font-size:64px}.pemda-weather-top p{font-size:16px}}
@media(max-width:1050px){.pemda-nav-list{gap:16px}.pemda-header-inner{gap:18px}.pemda-brand{min-width:230px}.pemda-brand-mark b{font-size:18px}.pemda-brand-mark small{font-size:7px}.pemda-hero-content{grid-template-columns:1fr 390px;gap:24px;padding-top:90px}.pemda-hero h1{font-size:48px}.pemda-hero-left>p{max-width:580px}.pemda-news-grid{grid-template-columns:270px 1.3fr .95fr}.pemda-news-heading{padding-left:286px}.pemda-service-cols{gap:35px}.pemda-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.pemda-container{width:min(720px,calc(100% - 30px))}.pemda-header{height:74px}.pemda-brand{min-width:0}.pemda-brand-mark b{font-size:18px}.pemda-brand-mark small{font-size:6px}.pemda-brand-emblem{width:42px;height:42px;flex-basis:42px}.pemda-brand-emblem svg{width:42px;height:42px}.pemda-menu-toggle{display:block;margin-left:auto}.pemda-menu-toggle .pemda-icon{width:26px;height:26px}.pemda-lang{display:none}.pemda-nav{position:absolute;top:74px;left:15px;right:15px;background:#1d344b;border-radius:10px;padding:10px 0;display:none;box-shadow:0 14px 35px rgba(0,0,0,.22)}.pemda-nav.open{display:block}.pemda-nav-list{flex-direction:column;align-items:stretch;gap:0}.pemda-nav-trigger{display:flex;justify-content:space-between;width:100%;padding:14px 18px;font-size:14px}.pemda-nav-trigger .pemda-nav-caret{width:18px;height:18px}.pemda-mega{top:74px}.pemda-mega-grid{grid-template-columns:1fr;gap:22px}.pemda-mega-head{margin-bottom:24px}.pemda-mega-head h2{font-size:24px}.pemda-mega-shell{padding:24px 0 28px}.pemda-hero{min-height:760px;padding-top:132px}.pemda-hero-content{grid-template-columns:1fr}.pemda-weather{max-width:420px;width:100%}.pemda-side-social{display:none}.pemda-news-wrap{margin-top:-60px}.pemda-news-heading{padding-left:0;display:grid;grid-template-columns:auto 1fr auto;gap:14px}.pemda-news-heading h2{font-size:30px}.pemda-news-grid{grid-template-columns:1fr 1fr}.pemda-news-list{grid-column:1/-1;order:3}.pemda-news-list-inner{height:290px}.pemda-program-grid,.pemda-service-cols{grid-template-columns:1fr}.pemda-agenda-grid{grid-template-columns:1fr}.pemda-calendar{min-height:410px}.pemda-report-grid{grid-template-columns:repeat(2,1fr)}.pemda-footer-contact,.pemda-sitemap{grid-template-columns:repeat(2,1fr);min-height:0}.pemda-post-grid{grid-template-columns:repeat(2,1fr)}.pemda-single{grid-template-columns:1fr}.pemda-promo-slide{flex-basis:90%;width:90%}.pemda-promo-arrow{width:42px;height:42px}.pemda-promo-prev{left:8px}.pemda-promo-next{right:8px}}
@media(max-width:560px){body{font-size:13px}.pemda-container{width:calc(100% - 24px)}.pemda-header{height:66px}.pemda-header-inner{height:66px;gap:14px}.pemda-brand{min-width:0}.pemda-brand-mark{gap:10px}.pemda-brand-mark b{font-size:15px}.pemda-brand-mark small{font-size:5.5px;margin-top:5px}.pemda-brand-emblem{width:36px;height:36px;flex-basis:36px}.pemda-brand-emblem svg{width:36px;height:36px}.pemda-brand-img{max-height:38px;max-width:185px}.pemda-nav{top:66px}.pemda-mega{top:66px}.pemda-mega-head h2{font-size:18px}.pemda-mega-copy strong{font-size:15px}.pemda-mega-copy small{font-size:11px}.pemda-mega-item{grid-template-columns:52px 1fr;gap:14px}.pemda-mega-icon{width:52px;height:52px;border-radius:15px}.pemda-hero{padding:96px 0 108px;min-height:640px;background-position:58% center}.pemda-hero:after{height:90px;bottom:-48px}.pemda-update-pill{margin-bottom:28px;font-size:8px}.pemda-update-pill b{display:none}.pemda-hero h1{font-size:34px;line-height:1.14}.pemda-hero-left>p{font-size:13px;line-height:1.55}.pemda-weather{display:none}.pemda-hero-content{display:block}.pemda-search{height:48px;border-radius:12px}.pemda-popular{margin-top:18px}.pemda-news-wrap{margin-top:-38px;padding-bottom:32px}.pemda-news-card{padding:18px 14px}.pemda-section-heading h2{font-size:23px}.pemda-news-heading{display:block}.pemda-news-heading-line{display:none}.pemda-news-heading a{margin-top:10px;padding:9px 14px;font-size:12px}.pemda-news-grid{display:block}.pemda-news-list{display:none}.pemda-featured-news{min-height:385px}.pemda-news-tabs{margin-top:18px}.pemda-featured-overlay h3{font-size:19px}.pemda-promo{padding-top:20px}.pemda-promo-track{gap:12px}.pemda-promo-slide{flex-basis:92%;width:92%}.pemda-promo-slide img{aspect-ratio:2.55/1}.pemda-promo-arrow{width:38px;height:38px}.pemda-promo-arrow .pemda-icon{width:20px;height:20px}.pemda-section{padding:52px 0}.pemda-program-grid article{min-height:0}.pemda-services{padding-bottom:58px}.pemda-agenda-hero{height:380px}.pemda-agenda-overlay{padding:20px}.pemda-agenda-overlay h3{font-size:20px}.pemda-countdown{position:static;margin-top:12px}.pemda-agenda-list article{grid-template-columns:44px 1fr}.pemda-agenda-list em{display:none}.pemda-report-grid{grid-template-columns:1fr}.pemda-report-heading{display:block}.pemda-report-heading p{margin:8px 0 15px}.pemda-footer{padding-top:42px}.pemda-footer-contact,.pemda-sitemap{grid-template-columns:1fr;gap:24px}.pemda-sitemap{min-height:0}.pemda-post-grid{grid-template-columns:1fr}.pemda-single h1,.pemda-page h1{font-size:30px}}
@media(min-width:861px){.pemda-footer>.pemda-container{min-height:650px;display:flex;flex-direction:column}.pemda-copyright{margin-top:auto}}
@media(max-width:1200px){.pemda-mega-grid{gap:26px 24px}.pemda-mega-copy strong{font-size:18px}}
@media(max-width:860px){.pemda-mega-wrap{display:none}.pemda-nav-item.has-panel>a:after{margin-left:auto}.pemda-brand-symbol{width:42px}}
@media(max-width:860px){.pemda-hero-content{grid-template-columns:1fr;gap:26px;padding-top:18px}.pemda-hero-left{padding-top:0}.pemda-hero h1{font-size:42px;max-width:560px}.pemda-hero-left>p{font-size:15px;max-width:560px}.pemda-search{height:54px;border-radius:14px}.pemda-search input{font-size:15px}.pemda-search button{font-size:18px}.pemda-popular b{font-size:14px}.pemda-popular a{font-size:13px;padding:10px 14px}.pemda-side-social{display:none}.pemda-weather{max-width:520px}.pemda-weather strong{font-size:60px}.pemda-weather-top p{font-size:15px}.pemda-weather-metrics b{font-size:12px}.pemda-weather-metrics small{font-size:13px}}
@media(max-width:560px){.pemda-hero{padding-top:92px;min-height:620px}.pemda-update-pill{margin-bottom:24px}.pemda-update-pill span{padding:7px 12px}.pemda-hero h1{font-size:32px;max-width:340px}.pemda-hero-left>p{font-size:12px;max-width:330px;margin-bottom:24px}.pemda-search{width:100%;height:46px;border-radius:10px}.pemda-search>span{padding-left:14px}.pemda-search .pemda-icon{width:18px;height:18px}.pemda-search input{font-size:14px}.pemda-search button{padding:0 18px;font-size:16px}.pemda-popular{margin-top:22px}.pemda-popular b{font-size:13px;margin-bottom:12px}.pemda-popular div{gap:10px}.pemda-popular a{font-size:12px;padding:9px 12px;border-radius:14px}.pemda-weather{display:none}}
@media(max-width:560px){.pemda-nav-trigger .pemda-nav-caret .pemda-icon{width:14px;height:14px}.pemda-lang-globe .pemda-icon{width:17px;height:17px}}
@media(min-width:861px){.pemda-hero-left{margin-left:64px}.pemda-weather{margin-right:62px}}
@media(max-width:1280px) and (min-width:861px){.pemda-hero-left{margin-left:24px}.pemda-weather{margin-right:12px}}
@media(max-width:860px){.pemda-hero h1{font-size:44px;max-width:620px}.pemda-hero-left>p{font-size:14px;max-width:590px}.pemda-search{height:50px;border-radius:12px}.pemda-search input{font-size:14px}.pemda-search button{font-size:17px;padding:0 24px}.pemda-popular b{font-size:14px}.pemda-popular a{font-size:12px;padding:9px 13px}.pemda-weather strong{font-size:58px}.pemda-weather-metrics{gap:8px}}
@media(max-width:560px){.pemda-hero{padding-top:86px;min-height:620px;background-position:56% 26%}.pemda-hero-content{padding-top:36px}.pemda-hero h1{font-size:32px;max-width:340px}.pemda-hero-left>p{font-size:12px;max-width:330px;margin-bottom:22px}.pemda-search{width:100%;height:46px;border-radius:10px}.pemda-search input{font-size:14px}.pemda-search button{padding:0 18px;font-size:16px}.pemda-popular a{font-size:12px;padding:8px 11px;border-radius:14px}}
/* v1.0.7 — Weather card calibrated to portal reference */
.pemda-weather{width:100%;min-height:470px;background:rgba(45,47,48,.82);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.10);border-radius:17px;padding:25px 26px 18px;display:flex;flex-direction:column;box-shadow:0 18px 46px rgba(0,0,0,.22);margin-top:10px}
.pemda-weather-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}
.pemda-weather-main,.pemda-weather-side{display:flex;flex-direction:column}
.pemda-weather-top small{font-size:16px;line-height:1.2;font-weight:700;color:#fff;white-space:nowrap}
.pemda-weather-main strong{font-size:70px;line-height:.98;margin:17px 0 11px;font-weight:500;letter-spacing:-2px;color:#fff}
.pemda-weather-main strong sup{font-size:24px;line-height:1;color:#e7aa00;font-weight:500;margin-left:4px;position:relative;top:-24px}
.pemda-weather-main>span{font-size:17px;line-height:1.25;font-weight:500;color:#fff}
.pemda-weather-main>p{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:16px;line-height:1.2;font-weight:500;color:#fff}
.pemda-weather-main>p .pemda-icon{width:17px;height:17px;stroke-width:2.2}
.pemda-weather-side{align-items:flex-end;min-width:160px}
.pemda-weather-side>small{font-size:14px;font-weight:500;margin-top:3px}
.pemda-weather-icon{height:88px;display:flex;align-items:center;justify-content:flex-end;margin-top:18px}
.pemda-weather-icon img{width:94px;height:72px;object-fit:contain;display:block;filter:drop-shadow(0 2px 1px rgba(0,0,0,.04))}
.pemda-cloud-fallback{font-size:74px;line-height:1;color:#fff}
.pemda-weather-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:30px 0 0;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden;min-height:64px}
.pemda-weather-metrics>span{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;padding:10px 10px;background:transparent;border-radius:0;min-width:0}
.pemda-weather-metrics>span+span{border-left:1px solid rgba(255,255,255,.08)}
.pemda-weather-metrics>span>i{display:flex;align-items:center;justify-content:center;width:27px;height:27px;font-style:normal}
.pemda-weather-metrics>span>i .pemda-icon{width:20px;height:20px;stroke-width:1.9}
.pemda-weather-metrics>span>span{display:flex;flex-direction:column;min-width:0}
.pemda-weather-metrics b{font-size:11px;line-height:1.14;font-weight:600;color:#fff;white-space:nowrap}
.pemda-weather-metrics small{font-size:12px;line-height:1.25;font-weight:700;color:#fff;margin-top:3px;white-space:nowrap}
.pemda-weather-button{width:100%;height:48px;margin-top:auto;border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.03);color:#fff;border-radius:9px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.18s}
.pemda-weather-button:hover{background:rgba(255,255,255,.09);color:#fff}
.pemda-weather-source{display:block;text-align:right;font-size:8px!important;font-weight:500!important;line-height:1;margin-top:7px;color:rgba(255,255,255,.54)!important;letter-spacing:.15px}
@media(max-width:1280px) and (min-width:861px){.pemda-weather{min-height:450px;padding:23px 23px 17px}.pemda-weather-main strong{font-size:64px}.pemda-weather-side{min-width:145px}.pemda-weather-icon img{width:86px;height:66px}.pemda-weather-metrics b{font-size:10px}.pemda-weather-metrics small{font-size:11px}.pemda-weather-metrics>span{grid-template-columns:24px minmax(0,1fr);gap:6px;padding:9px 7px}}
@media(max-width:1050px) and (min-width:861px){.pemda-weather{min-height:435px;padding:21px 20px 16px}.pemda-weather-top small{font-size:14px}.pemda-weather-main strong{font-size:58px}.pemda-weather-main>span{font-size:15px}.pemda-weather-main>p{font-size:14px}.pemda-weather-side{min-width:120px}.pemda-weather-side>small{font-size:12px}.pemda-weather-icon img{width:78px;height:60px}.pemda-weather-metrics{margin-top:24px}.pemda-weather-metrics>span{grid-template-columns:20px minmax(0,1fr);gap:5px;padding:8px 5px}.pemda-weather-metrics>span>i,.pemda-weather-metrics>span>i .pemda-icon{width:18px;height:18px}.pemda-weather-metrics b{font-size:9px}.pemda-weather-metrics small{font-size:10px}.pemda-weather-button{height:44px;font-size:14px}}
@media(min-width:861px){.pemda-news-card{position:relative}.pemda-news-wrap .pemda-container{width:min(1700px,calc(100% - 64px))}}
@media(max-width:1280px){.pemda-news-wrap{margin-top:-72px}.pemda-news-card{padding:28px 24px 30px}.pemda-news-heading{padding-left:292px}.pemda-news-heading h2{font-size:34px}.pemda-news-grid{grid-template-columns:300px minmax(0,1.35fr) .95fr}.pemda-news-list-inner{height:430px}.pemda-featured-news{min-height:430px}.pemda-news-tabs article a{font-size:15px}}
@media(max-width:860px){.pemda-news-list article{padding:12px}.pemda-news-dot{width:42px;height:42px}.pemda-news-list a{font-size:13px}.pemda-featured-overlay{padding:90px 22px 20px}.pemda-featured-overlay h3{font-size:22px}.pemda-news-tabs article a{font-size:15px}}
@media(max-width:560px){.pemda-news-wrap{margin-top:-34px}.pemda-news-card{border-radius:12px}.pemda-news-heading h2{font-size:26px}.pemda-featured-overlay{padding:86px 18px 18px}.pemda-featured-overlay p{font-size:11px}.pemda-feature-actions a{padding:10px 12px;font-size:12px}.pemda-feature-actions span{font-size:11px;gap:8px}.pemda-feature-actions span b{font-size:22px}.pemda-news-tabs article{padding:18px 0}.pemda-news-tabs article a{font-size:14px;line-height:1.45}}
@media(min-width:1281px){.pemda-news-wrap{margin-top:-78px}}
@media(min-width:861px){.pemda-news-card{margin-top:8px}}
/* Homepage news tabs */
.pemda-news-tab-panel{display:none}
.pemda-news-tab-panel.active{display:block}
.pemda-news-tabs .pemda-tabs button{cursor:pointer}
/* All News page — refined again to match Jabarprov hero title scale and related-news column */
.pemda-news-page{background:#fff;color:#07375f}
.pemda-news-page-hero{position:relative;min-height:620px;background-image:linear-gradient(rgba(8,20,31,.56),rgba(8,20,31,.62)),var(--news-hero);background-size:cover;background-position:center 34%;color:#fff;padding-top:88px;overflow:hidden}
.pemda-news-page-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,39,.66) 0%,rgba(7,22,39,.42) 43%,rgba(7,22,39,.22) 62%,rgba(7,22,39,.54) 100%)}
.pemda-news-page-hero-inner{position:relative;z-index:2;padding-top:18px;padding-bottom:28px}
.pemda-news-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:56px;color:#e8f3ff}
.pemda-news-breadcrumb a{color:#8fd1ff;text-decoration:none}
.pemda-news-breadcrumb strong{font-weight:600;color:#fff}
.pemda-news-page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:52px;align-items:center}
.pemda-news-page-feature{padding:24px 0 10px;max-width:760px}
.pemda-news-kicker{font-size:13px;text-transform:uppercase;display:block;margin-bottom:14px;opacity:.96;letter-spacing:.04em}
.pemda-news-page-feature h1{font-size:clamp(30px,2.45vw,36px);line-height:1.28;letter-spacing:-.02em;color:#fff;margin:0 0 20px;font-weight:700;max-width:760px;text-wrap:balance}
.pemda-news-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.84);font-size:12px}
.pemda-news-meta span{display:inline-flex;align-items:center;gap:6px}
.pemda-news-meta .pemda-icon{width:14px;height:14px}
.pemda-news-page-feature-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px}
.pemda-news-page-feature-actions>a{display:inline-flex;align-items:center;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.52);border-radius:8px;padding:12px 18px;font-size:12px;font-weight:600;background:rgba(255,255,255,.04)}
.pemda-news-page-feature-actions>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#fff;margin-left:auto;background:rgba(255,255,255,.10);padding:10px 14px;border-radius:999px}
.pemda-news-page-feature-actions button{border:0;background:transparent;color:#fff;font-size:20px;line-height:1;padding:0 2px;cursor:pointer}
.pemda-news-page-feature-actions b{font-size:15px}
.pemda-news-related-card{align-self:start;margin-top:6px;background:linear-gradient(180deg,rgba(26,37,49,.88),rgba(17,29,43,.84));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:28px 28px 16px;box-shadow:0 22px 48px rgba(0,0,0,.22)}
.pemda-news-related-card h3{font-size:18px;letter-spacing:.01em;margin:0 0 12px;color:#fff;font-weight:700}
.pemda-news-related-item{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);align-items:start}
.pemda-news-related-item:last-child{border-bottom:0}
.pemda-news-related-item img{width:110px;height:82px;object-fit:cover;border-radius:10px;background:#dce4ea}
.pemda-news-related-item span{min-width:0;padding-top:3px}
.pemda-news-related-item small{display:block;text-transform:uppercase;color:rgba(255,255,255,.64);font-size:10px;margin-bottom:7px;letter-spacing:.05em;line-height:1.2}
.pemda-news-related-item strong{display:block;color:#fff;font-size:15px;line-height:1.42;font-weight:600}
.pemda-news-related-item em{display:block;font-style:normal;color:rgba(255,255,255,.66);font-size:10px;margin-top:7px}
.pemda-news-related-meta{display:inline-flex;align-items:center;gap:6px}
.pemda-news-related-meta .pemda-icon{width:12px;height:12px;opacity:.8}
/* v1.0.49 removed legacy hardcoded category-page floating icons; use unified Fitur Portal module instead. */
.pemda-news-category-nav{background:#fff;border-bottom:1px solid #e4e9ed;box-shadow:0 1px 0 rgba(7,55,95,.03)}
.pemda-news-category-nav .pemda-container{height:88px;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow-x:auto;scrollbar-width:none}
.pemda-news-category-nav .pemda-container::-webkit-scrollbar{display:none}
.pemda-news-category-nav a{flex:1 1 0;color:#7a8490;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.01em;white-space:nowrap;padding:13px 18px;border-radius:999px;text-align:center;min-width:128px;transition:.2s ease}
.pemda-news-category-nav a.active{background:var(--pemda-green);color:#fff;font-weight:700;box-shadow:0 8px 18px rgba(16,173,105,.18)}
.pemda-news-page-body{padding:28px 0 48px;background:#fff}
.pemda-news-page-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,.86fr);gap:82px;align-items:start}
.pemda-news-main-column{min-width:0}
.pemda-news-hot-card{height:512px;border-radius:16px;overflow:hidden;position:relative;background-image:var(--hot);background-size:cover;background-position:center;margin-bottom:38px;box-shadow:0 18px 42px rgba(7,33,55,.08)}
.pemda-news-hot-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,33,.04) 0%,rgba(10,17,24,.18) 35%,rgba(14,17,20,.72) 72%,rgba(13,15,18,.92) 100%)}
.pemda-news-hot-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px 34px 30px;color:#fff}
.pemda-news-hot-overlay>small{font-size:11px;text-transform:uppercase;color:rgba(255,255,255,.82)}
.pemda-news-hot-overlay h2{font-size:30px;line-height:1.25;margin:9px 0 14px;color:#fff;max-width:80%;font-weight:700}
.pemda-news-hot-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.72);margin-bottom:18px}
.pemda-news-hot-overlay>a{display:inline-flex;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.48);border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600}
.pemda-news-list-page{display:flex;flex-direction:column;gap:34px}
.pemda-news-row{display:grid;grid-template-columns:176px minmax(0,1fr);gap:22px;align-items:center;padding:0 0 0;border-bottom:0}
.pemda-news-row-thumb{display:block}
.pemda-news-row-thumb img{width:176px;height:126px;object-fit:cover;border-radius:8px;background:#e7edf2}
.pemda-news-row h3{margin:0 0 9px;font-size:18px;line-height:1.42;font-weight:500}
.pemda-news-row h3 a{text-decoration:none;color:#07375f}
.pemda-news-row p{margin:0;color:#7c8b99;font-size:12px}
.pemda-news-pagination-bar{margin-top:38px;padding-top:14px;border-top:2px solid #0a9d54;display:flex;align-items:center;gap:22px;font-size:12px;color:#4d5e70}
.pemda-news-pagination-bar>span:first-child b{display:inline-block;margin-left:8px;border-bottom:1px solid #d7dfe7;padding:3px 16px;color:#07375f}
.pemda-news-page-numbers{margin-left:auto;display:flex;align-items:center;gap:8px}
.pemda-news-page-numbers .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;text-decoration:none;color:#7b8895;font-size:14px}
.pemda-news-page-numbers .page-numbers.current{color:#fff;background:var(--pemda-green);border-radius:50%}
.pemda-news-sidebar{min-width:0;padding-top:2px}
.pemda-news-side-section{margin-bottom:52px}
.pemda-news-side-section h3{font-size:17px;color:#07375f;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #d8e1e8;position:relative;text-transform:uppercase;letter-spacing:.01em;line-height:1.2}
.pemda-news-side-section h3:after{content:"";position:absolute;left:0;bottom:-1px;width:52%;height:3px;background:var(--pemda-green)}
.pemda-news-side-section h3 span{color:#9aa5b0;font-weight:400}
.pemda-news-side-item{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:start;text-decoration:none;padding:10px 0 14px;color:#07375f}
.pemda-news-side-item img{width:88px;height:66px;object-fit:cover;border-radius:6px;background:#e8edf1}
.pemda-news-side-item strong{display:block;font-size:16px;line-height:1.44;font-weight:500;color:#07375f}
.pemda-news-side-item small{display:block;font-size:12px;color:#8b98a6;margin-top:7px}
.pemda-news-popular-side{margin-top:28px}
@media(max-width:1200px){.pemda-news-page-hero-grid{grid-template-columns:minmax(0,1fr) 400px;gap:34px}.pemda-news-page-feature h1{font-size:34px}.pemda-news-page-layout{grid-template-columns:minmax(0,1.42fr) minmax(300px,.88fr);gap:46px}.pemda-news-hot-overlay h2{max-width:92%}.pemda-news-category-nav a{padding-inline:12px;font-size:13px}}
@media(max-width:860px){.pemda-news-page-hero{min-height:auto;padding-bottom:32px}.pemda-news-breadcrumb{margin-bottom:40px}.pemda-news-page-hero-grid{grid-template-columns:1fr}.pemda-news-page-feature{padding:8px 0 0;max-width:none}.pemda-news-page-feature h1{font-size:31px;max-width:none}.pemda-news-related-card{margin:12px 0 0;max-width:680px;padding:22px 22px 12px}.pemda-news-related-item{grid-template-columns:96px 1fr;gap:14px}.pemda-news-related-item img{width:96px;height:74px}.pemda-news-category-nav .pemda-container{justify-content:flex-start;height:76px;gap:12px}.pemda-news-category-nav a{flex:0 0 auto;min-width:auto;padding:11px 16px}.pemda-news-page-layout{grid-template-columns:1fr;gap:38px}.pemda-news-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pemda-news-side-section{margin-bottom:0}.pemda-news-hot-card{height:420px}.pemda-news-hot-overlay h2{font-size:24px}.pemda-news-row{grid-template-columns:150px 1fr}.pemda-news-row-thumb img{width:150px;height:102px}.pemda-news-side-item{grid-template-columns:76px 1fr}.pemda-news-side-item img{width:76px;height:58px}.pemda-news-side-item strong{font-size:14px}.pemda-news-side-item small{font-size:11px}}
@media(max-width:560px){.pemda-news-page-hero{padding-top:66px}.pemda-news-page-hero-inner{padding-top:20px}.pemda-news-breadcrumb{margin-bottom:34px;font-size:10px}.pemda-news-page-feature h1{font-size:27px;line-height:1.24}.pemda-news-meta{font-size:10px}.pemda-news-page-feature-actions{margin-top:18px;flex-wrap:wrap;justify-content:flex-start}.pemda-news-page-feature-actions>span{margin-left:0}.pemda-news-related-card{padding:18px 16px 10px}.pemda-news-related-card h3{font-size:16px}.pemda-news-related-item{grid-template-columns:80px 1fr;gap:12px;padding:13px 0}.pemda-news-related-item img{width:80px;height:62px}.pemda-news-related-item strong{font-size:13px}.pemda-news-category-nav .pemda-container{height:62px;gap:10px}.pemda-news-category-nav a{font-size:10px;padding:8px 14px}.pemda-news-page-body{padding-top:20px}.pemda-news-hot-card{height:338px;margin-bottom:28px}.pemda-news-hot-overlay{padding:18px}.pemda-news-hot-overlay h2{font-size:20px;max-width:100%}.pemda-news-hot-overlay small{font-size:11px}.pemda-news-hot-meta{font-size:10px}.pemda-news-hot-overlay>a{padding:10px 15px;font-size:12px}.pemda-news-row{grid-template-columns:105px 1fr;gap:14px}.pemda-news-row-thumb img{width:105px;height:78px}.pemda-news-row h3{font-size:15px;margin-bottom:5px}.pemda-news-row p{font-size:10px}.pemda-news-pagination-bar{flex-wrap:wrap;font-size:10px}.pemda-news-page-numbers{margin-left:0;width:100%}.pemda-news-sidebar{display:block}.pemda-news-side-section{margin-bottom:36px}.pemda-news-side-section h3{font-size:15px}.pemda-news-side-item{grid-template-columns:74px 1fr;gap:12px}.pemda-news-side-item img{width:74px;height:56px}.pemda-news-side-item strong{font-size:13px}.pemda-news-side-item small{font-size:10px}}
/* Mobile Jabar-like layout */
.pemda-mobile-drawer{display:none}
@media(max-width:860px){
html.pemda-mobile-menu-lock,html.pemda-mobile-menu-lock body{overflow:hidden!important;height:100%!important}
.pemda-header{position:absolute!important;top:0!important;height:74px!important;background:#12ab63!important;backdrop-filter:none!important;box-shadow:none!important}
.pemda-header.scrolled{position:fixed!important;background:#12ab63!important}
.pemda-header-inner{width:100%!important;padding:0 22px!important;max-width:none!important}
.pemda-brand{min-width:0!important}
.pemda-brand-mark{gap:0!important}
.pemda-brand-mark>span:last-child{display:none!important}
.pemda-brand-emblem,.pemda-brand-emblem svg{width:46px!important;height:46px!important;flex-basis:46px!important}
.pemda-brand-img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important}
.pemda-menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important;width:46px!important;height:46px!important;color:#fff!important}
.pemda-menu-toggle .pemda-icon{width:34px!important;height:34px!important;stroke-width:2.2!important}
.pemda-nav,.pemda-lang,.pemda-mega{display:none!important}
.pemda-mobile-drawer{position:fixed;inset:0;z-index:9999;background:#12ab63;color:#fff;padding:0 24px 22px;display:flex;flex-direction:column;transform:translateX(100%);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .2s ease;overflow-y:auto}
.pemda-mobile-drawer.open{transform:translateX(0);opacity:1;visibility:visible}
.pemda-mobile-drawer-top{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}
.pemda-mobile-drawer-brand{text-decoration:none;color:#fff;display:flex;align-items:center}
.pemda-mobile-drawer-brand .pemda-brand-mark>span:last-child{display:none!important}
.pemda-mobile-drawer-brand .pemda-brand-emblem,.pemda-mobile-drawer-brand .pemda-brand-emblem svg{width:48px!important;height:48px!important}
.pemda-mobile-drawer-brand .pemda-brand-img{width:48px!important;height:48px!important;object-fit:contain!important}
.pemda-mobile-drawer-close{width:52px;height:52px;border:0;background:transparent;color:#fff;display:grid;place-items:center;padding:0}
.pemda-mobile-drawer-close .pemda-icon{width:34px;height:34px;stroke-width:2.3}
.pemda-mobile-language{min-height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);font-size:24px}
.pemda-mobile-language>span:first-child{display:flex;align-items:center;gap:14px}
.pemda-mobile-language .pemda-icon{width:28px;height:28px}
.pemda-mobile-caret{display:flex;align-items:center;justify-content:center}
.pemda-mobile-caret .pemda-icon{width:24px;height:24px;transform:rotate(90deg);transition:.2s}
.pemda-mobile-menu-list{padding-top:12px}
.pemda-mobile-menu-item{border-bottom:1px solid rgba(255,255,255,.06)}
.pemda-mobile-menu-trigger{width:100%;min-height:94px;padding:0;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:22px;text-align:left}
.pemda-mobile-menu-trigger.active .pemda-mobile-caret .pemda-icon{transform:rotate(-90deg)}
.pemda-mobile-submenu{display:none;padding:0 0 16px 14px}
.pemda-mobile-submenu.active{display:block}
.pemda-mobile-submenu a{display:block;text-decoration:none;color:#fff;padding:13px 10px;border-top:1px solid rgba(255,255,255,.08)}
.pemda-mobile-submenu strong{display:block;font-size:15px;margin-bottom:4px}
.pemda-mobile-submenu small{display:block;font-size:11px;line-height:1.4;color:rgba(255,255,255,.78)}
.pemda-mobile-drawer-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding-top:24px}
.pemda-mobile-social-title{display:flex;align-items:center;gap:14px;font-size:22px;margin-bottom:22px}
.pemda-mobile-social-title .pemda-icon{width:24px;height:24px}
.pemda-mobile-socials{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}
.pemda-mobile-socials a{height:54px;border:1px solid rgba(255,255,255,.18);border-radius:8px;display:grid;place-items:center;color:#fff}
.pemda-mobile-socials .pemda-icon{width:24px;height:24px}
.pemda-mobile-drawer-bottom p{text-align:center;font-size:14px;line-height:1.65;margin:0;color:rgba(255,255,255,.95)}
.pemda-hero{min-height:820px!important;padding:74px 0 120px!important;background-position:52% center!important}
.pemda-hero:after{bottom:-56px!important;height:108px!important}
.pemda-hero-content{display:block!important;padding-top:135px!important}
.pemda-hero-left{max-width:100%!important;margin:0!important;text-align:center!important;padding:0 8px!important}
.pemda-update-pill{display:none!important}
.pemda-hero h1{font-size:42px!important;line-height:1.25!important;letter-spacing:-.6px!important;max-width:610px!important;margin:0 auto 42px!important;text-align:center!important}
.pemda-hero-left>p{font-size:20px!important;line-height:1.55!important;max-width:620px!important;margin:0 auto 40px!important;text-align:center!important}
.pemda-search{height:62px!important;width:100%!important;max-width:660px!important;margin:0 auto!important;border-radius:14px!important;background:rgba(255,255,255,.10)!important}
.pemda-search>span{padding-left:20px!important}
.pemda-search .pemda-icon{width:24px!important;height:24px!important}
.pemda-search input{font-size:18px!important;padding:0 16px!important}
.pemda-search button{font-size:20px!important;padding:0 28px!important}
.pemda-popular{margin-top:42px!important;text-align:left!important}
.pemda-popular>b{font-size:20px!important;margin-bottom:24px!important}
.pemda-popular div{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none}
.pemda-popular div::-webkit-scrollbar{display:none}
.pemda-popular a{font-size:16px!important;padding:13px 18px!important;border-radius:16px!important;white-space:nowrap!important;flex:0 0 auto!important}
.pemda-weather{display:none!important}
.pemda-side-social.right{display:none!important}
.pemda-side-social.left{display:none!important}
.pemda-news-wrap{margin-top:-72px!important;padding-bottom:42px!important}
.pemda-news-wrap .pemda-container{width:calc(100% - 42px)!important}
.pemda-news-card{border-radius:18px!important;padding:42px 28px 34px!important;box-shadow:0 18px 44px rgba(20,51,78,.14)!important}
.pemda-news-heading{display:flex!important;flex-direction:column!important;align-items:center!important;gap:24px!important;margin:0 0 34px!important;padding:0!important;text-align:center!important}
.pemda-news-heading h2{font-size:38px!important;line-height:1.1!important;white-space:normal!important}
.pemda-news-heading-line{display:none!important}
.pemda-news-heading a{font-size:16px!important;padding:13px 20px!important;border-radius:10px!important;margin:0!important}
.pemda-news-grid{display:block!important;min-height:0!important}
.pemda-news-list{display:none!important}
.pemda-featured-news{min-height:560px!important;border-radius:12px!important;background-position:center!important;margin-bottom:38px!important}
.pemda-featured-overlay{padding:160px 28px 30px!important;background:linear-gradient(transparent,rgba(12,11,10,.94))!important}
.pemda-featured-overlay small{font-size:16px!important}
.pemda-featured-overlay h3{font-size:30px!important;line-height:1.34!important;max-width:100%!important;margin:14px 0 18px!important}
.pemda-featured-overlay p{font-size:15px!important;line-height:1.7!important}
.pemda-feature-actions{margin-top:24px!important;flex-direction:column-reverse!important;align-items:stretch!important;gap:22px!important}
.pemda-feature-actions a{width:100%!important;text-align:center!important;font-size:16px!important;padding:14px!important;border-radius:10px!important}
.pemda-feature-actions span{justify-content:center!important;background:rgba(255,255,255,.18)!important;border-radius:28px!important;padding:10px 18px!important;font-size:16px!important}
.pemda-feature-actions span b{font-size:22px!important}
.pemda-news-tabs{margin-top:0!important;padding-top:0!important}
.pemda-tabs{margin-bottom:0!important}
.pemda-tabs button{font-size:20px!important;padding:18px 6px 16px!important}
.pemda-tabs button.active{border-bottom-width:4px!important}
.pemda-news-tab-panel article{padding:24px 4px!important}
.pemda-news-tab-panel article a{font-size:19px!important;line-height:1.5!important}
.pemda-news-tab-panel article small{font-size:14px!important;margin-top:14px!important}
}
@media(max-width:560px){
.pemda-header{height:66px!important}
.pemda-header-inner{height:66px!important;padding:0 18px!important}
.pemda-brand-emblem,.pemda-brand-emblem svg{width:42px!important;height:42px!important;flex-basis:42px!important}
.pemda-menu-toggle{width:44px!important;height:44px!important}
.pemda-menu-toggle .pemda-icon{width:30px!important;height:30px!important}
.pemda-mobile-drawer{padding:0 22px 20px!important}
.pemda-mobile-drawer-top{height:74px!important}
.pemda-mobile-language{min-height:90px!important;font-size:21px!important}
.pemda-mobile-menu-trigger{min-height:82px!important;font-size:20px!important}
.pemda-mobile-drawer-bottom{padding-top:22px!important}
.pemda-mobile-social-title{font-size:20px!important}
.pemda-mobile-socials{gap:16px!important}
.pemda-mobile-socials a{height:50px!important}
.pemda-hero{min-height:760px!important;padding:66px 0 110px!important}
.pemda-hero-content{padding-top:118px!important}
.pemda-hero h1{font-size:34px!important;line-height:1.28!important;margin-bottom:34px!important}
.pemda-hero-left>p{font-size:16px!important;line-height:1.65!important;margin-bottom:32px!important}
.pemda-search{height:56px!important;border-radius:13px!important}
.pemda-search input{font-size:16px!important}
.pemda-search button{font-size:18px!important;padding:0 23px!important}
.pemda-popular{margin-top:34px!important}
.pemda-popular>b{font-size:17px!important;margin-bottom:18px!important}
.pemda-popular a{font-size:14px!important;padding:11px 14px!important}
.pemda-side-social.left{display:none!important}
.pemda-news-wrap{margin-top:-60px!important}
.pemda-news-wrap .pemda-container{width:calc(100% - 28px)!important}
.pemda-news-card{padding:34px 18px 28px!important;border-radius:17px!important}
.pemda-news-heading{gap:20px!important;margin-bottom:28px!important}
.pemda-news-heading h2{font-size:32px!important}
.pemda-news-heading a{font-size:14px!important;padding:11px 17px!important}
.pemda-featured-news{min-height:520px!important;margin-bottom:30px!important}
.pemda-featured-overlay{padding:140px 20px 24px!important}
.pemda-featured-overlay small{font-size:14px!important}
.pemda-featured-overlay h3{font-size:25px!important;line-height:1.38!important}
.pemda-featured-overlay p{font-size:13px!important}
.pemda-feature-actions a{font-size:14px!important;padding:12px!important}
.pemda-feature-actions span{font-size:14px!important}
.pemda-tabs button{font-size:17px!important}
.pemda-news-tab-panel article{padding:20px 2px!important}
.pemda-news-tab-panel article a{font-size:17px!important}
.pemda-news-tab-panel article small{font-size:13px!important}
}
/* v1.0.15: mobile-only social row and interaction fixes */
.pemda-mobile-hero-socials{display:none!important}
.pemda-news-heading .pemda-external-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
.pemda-news-heading a::after{content:none!important}
@media(max-width:860px){
.pemda-side-social.left,.pemda-side-social.right{display:none!important}
.pemda-mobile-hero-socials{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:26px!important;margin:34px 42px 0!important}
.pemda-mobile-hero-socials a{width:58px!important;height:58px!important;border-radius:10px!important;justify-self:center!important;background:rgba(25,28,30,.34)!important;display:grid!important;place-items:center!important;color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.06)!important}
.pemda-mobile-hero-socials .pemda-icon{width:24px!important;height:24px!important}
.pemda-tabs button{position:relative!important;z-index:3!important;pointer-events:auto!important}
.pemda-mobile-menu-toggle,.pemda-menu-toggle{pointer-events:auto!important;position:relative!important;z-index:10001!important}
}
@media(max-width:560px){
.pemda-mobile-hero-socials{gap:14px!important;margin:30px 6px 0!important}
.pemda-mobile-hero-socials a{width:54px!important;height:54px!important}
}
@media(min-width:861px){
.pemda-mobile-hero-socials{display:none!important}
}
/* v1.0.16 - mobile drawer close stacking/click fix */
@media(max-width:860px){
.pemda-mobile-drawer{z-index:20000!important;isolation:isolate!important}
.pemda-mobile-drawer.open{pointer-events:auto!important}
.pemda-mobile-drawer-top{position:relative!important;z-index:20001!important}
.pemda-mobile-drawer-close{
position:relative!important;
z-index:20002!important;
width:52px!important;
height:52px!important;
display:grid!important;
place-items:center!important;
pointer-events:auto!important;
cursor:pointer!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:transparent!important;
}
.pemda-mobile-drawer-close .pemda-icon{
width:32px!important;
height:32px!important;
stroke-width:2.4!important;
display:block!important;
pointer-events:none!important;
}
#pemdaHeader.mobile-menu-open .pemda-menu-toggle{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:-1!important;
}
#pemdaHeader:not(.mobile-menu-open) .pemda-menu-toggle{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
}
/* Program Strategis — calibrated to the Jabar portal proportions. */
.pemda-programs-section{padding:58px 0 66px!important}
.pemda-programs-section .pemda-section-heading{margin-bottom:24px}
.pemda-programs-section .pemda-section-heading h2{font-size:27px;letter-spacing:-.35px}
.pemda-programs-section .pemda-program-grid{gap:20px}
.pemda-programs-section .pemda-program-grid article{
position:relative;
display:flex;
flex-direction:column;
min-height:205px;
padding:25px 24px 22px;
border:1px solid #e5eaee;
border-radius:7px;
background:#fff;
transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.pemda-programs-section .pemda-program-grid article:hover{
border-color:#cfe7d9;
box-shadow:0 10px 26px rgba(11,65,111,.06);
transform:translateY(-1px);
}
.pemda-programs-section .pemda-program-icon{width:27px;height:27px;margin:0 0 20px;color:var(--pemda-green)}
.pemda-programs-section .pemda-program-icon .pemda-icon{width:25px;height:25px;stroke-width:1.9}
.pemda-programs-section .pemda-program-grid h3{font-size:15px;line-height:1.35;margin:0 0 9px;color:#07375f;font-weight:700}
.pemda-programs-section .pemda-program-grid p{font-size:10px;line-height:1.55;color:#64798b;min-height:0;margin:0;max-width:94%}
.pemda-programs-section .pemda-program-grid a{margin-top:auto;padding-top:22px;font-size:9px;line-height:1;color:var(--pemda-green);font-weight:700}
.pemda-programs-section .pemda-program-grid a .pemda-icon{width:12px;height:12px;stroke-width:2}
@media(max-width:1050px){
.pemda-programs-section{padding:52px 0 58px!important}
.pemda-programs-section .pemda-program-grid{gap:16px}
.pemda-programs-section .pemda-program-grid article{min-height:195px;padding:22px 20px 20px}
}
@media(max-width:860px){
.pemda-programs-section .pemda-program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pemda-programs-section .pemda-program-grid article{min-height:190px}
}
@media(max-width:700px){
.pemda-programs-section{padding:44px 0 48px!important}
.pemda-programs-section .pemda-section-heading{margin-bottom:18px}
.pemda-programs-section .pemda-section-heading h2{font-size:24px}
.pemda-programs-section .pemda-program-grid{grid-template-columns:1fr;gap:14px}
.pemda-programs-section .pemda-program-grid article{min-height:168px;padding:20px 18px 18px}
.pemda-programs-section .pemda-program-icon{margin-bottom:14px}
.pemda-programs-section .pemda-program-grid h3{font-size:15px}
.pemda-programs-section .pemda-program-grid p{font-size:11px;max-width:100%}
.pemda-programs-section .pemda-program-grid a{padding-top:18px;font-size:10px}
}
.pemda-program-icon img{display:block;width:26px;height:26px;object-fit:contain}
.pemda-programs-section .pemda-program-icon img{width:25px;height:25px;object-fit:contain}
/* Layanan Terpopuler - calibrated to reference layout */
.pemda-services{padding-top:58px!important;padding-bottom:96px!important;background:#fff}
.pemda-services>.pemda-container{width:min(1580px,calc(100% - 64px))}
.pemda-services .pemda-section-heading{margin-bottom:48px}
.pemda-services .pemda-section-heading h2{font-size:38px;line-height:1.12;letter-spacing:-.45px;color:#06375f;font-weight:700}
.pemda-service-cols{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;align-items:stretch}
.pemda-service-group{min-width:0;padding:0 56px 0 38px}
.pemda-service-group:first-child{padding-left:10px}
.pemda-service-group+ .pemda-service-group{border-left:1px solid #e4e8ed;padding-left:58px}
.pemda-service-title{display:flex;align-items:center;gap:18px;margin-bottom:64px}
.pemda-service-art{width:68px;height:62px;min-width:68px;display:grid;place-items:center;color:inherit;position:relative}
.pemda-service-art:before{display:none!important}
.pemda-service-group-svg,.pemda-service-group-custom{display:block;width:68px;height:62px;object-fit:contain}
.pemda-service-title span{min-width:0}
.pemda-service-title small{display:block;font-size:15px;line-height:1;color:#687a98;font-weight:700;letter-spacing:.1px;margin-bottom:8px}
.pemda-service-title h3{font-size:32px;line-height:1.08;margin:0;color:#06375f;font-weight:700;letter-spacing:-.4px}
.pemda-service-list{display:flex;flex-direction:column;gap:27px}
.pemda-service-item{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:14px;text-decoration:none;color:#06375f;padding:0!important;align-items:flex-start}
.pemda-service-item i{width:32px;height:32px;display:grid;place-items:center;color:#b6c2d2;flex:none;font-style:normal}
.pemda-service-item i .pemda-icon{width:25px;height:25px;stroke-width:1.8}
.pemda-service-item i img{display:block;width:28px;height:28px;object-fit:contain;opacity:.82}
.pemda-service-item b{font-size:17px;line-height:1.25;color:#06375f;font-weight:700;display:block;margin:0}
.pemda-service-item small{font-size:14px;line-height:1.5;color:#244a6d;display:block;margin-top:5px;max-width:420px}
.pemda-service-item:hover b{color:var(--pemda-green)}
@media(max-width:1280px) and (min-width:861px){
.pemda-services>.pemda-container{width:min(1160px,calc(100% - 44px))}
.pemda-services .pemda-section-heading h2{font-size:32px}
.pemda-service-group{padding:0 30px}
.pemda-service-group+ .pemda-service-group{padding-left:32px}
.pemda-service-title{gap:14px;margin-bottom:44px}
.pemda-service-art,.pemda-service-group-svg,.pemda-service-group-custom{width:58px;height:54px;min-width:58px}
.pemda-service-title small{font-size:12px}
.pemda-service-title h3{font-size:26px}
.pemda-service-list{gap:23px}
.pemda-service-item{grid-template-columns:28px minmax(0,1fr);gap:10px}
.pemda-service-item i{width:28px;height:28px}
.pemda-service-item b{font-size:15px}
.pemda-service-item small{font-size:12px}
}
@media(max-width:860px){
.pemda-services{padding-top:48px!important;padding-bottom:62px!important}
.pemda-services>.pemda-container{width:min(720px,calc(100% - 30px))}
.pemda-services .pemda-section-heading{margin-bottom:30px}
.pemda-services .pemda-section-heading h2{font-size:28px!important}
.pemda-service-cols{grid-template-columns:1fr!important}
.pemda-service-group,.pemda-service-group:first-child,.pemda-service-group+ .pemda-service-group{padding:28px 0!important;border-left:0!important;border-top:1px solid #e5e9ee}
.pemda-service-group:first-child{border-top:0;padding-top:0!important}
.pemda-service-title{margin-bottom:28px;gap:14px}
.pemda-service-art,.pemda-service-group-svg,.pemda-service-group-custom{width:58px;height:52px;min-width:58px}
.pemda-service-title small{font-size:12px;margin-bottom:6px}
.pemda-service-title h3{font-size:25px}
.pemda-service-list{gap:22px}
.pemda-service-item{grid-template-columns:30px minmax(0,1fr);gap:12px}
.pemda-service-item b{font-size:15px}
.pemda-service-item small{font-size:12px;line-height:1.45}
}
@media(max-width:560px){
.pemda-services>.pemda-container{width:calc(100% - 32px)}
.pemda-services .pemda-section-heading h2{font-size:26px!important}
.pemda-service-title h3{font-size:23px}
}
/* v1.0.21 — Global typography + Program Strategis calibrated to reference */
.pemda-programs-section .pemda-section-heading{display:flex;align-items:center;gap:20px;margin-bottom:28px}
.pemda-programs-section .pemda-section-heading:after{content:"";height:1px;background:#dfe5e9;flex:1}
.pemda-programs-section .pemda-section-heading h2{font-size:var(--pemda-h2-size,30px)!important;line-height:1.2!important;letter-spacing:-.2px!important;font-weight:700!important;color:#07375f!important;margin:0!important}
.pemda-programs-section .pemda-program-grid h3{font-size:var(--pemda-h3-size,20px)!important;line-height:1.35!important;font-weight:700!important;color:#07375f!important}
.pemda-programs-section .pemda-program-grid p{font-size:var(--pemda-body-size,14px)!important;line-height:var(--pemda-line-height,1.55)!important;color:#264660!important}
.pemda-programs-section .pemda-program-grid a{font-size:var(--pemda-button-size,13px)!important;line-height:1.2!important}
.pemda-programs-section .pemda-program-grid article{min-height:235px;padding:26px 24px 22px}
.pemda-programs-section .pemda-program-icon{margin-bottom:18px}
@media(max-width:560px){
.pemda-programs-section .pemda-section-heading{margin-bottom:24px;gap:14px}
.pemda-programs-section .pemda-section-heading h2{font-size:calc(var(--pemda-h2-size,30px) * .92)!important}
.pemda-programs-section .pemda-program-grid article{min-height:0;padding:26px 24px 24px;border-radius:12px}
.pemda-programs-section .pemda-program-grid h3{font-size:calc(var(--pemda-h3-size,20px) * .95)!important;margin-bottom:14px!important}
.pemda-programs-section .pemda-program-grid p{font-size:var(--pemda-body-size,14px)!important;line-height:1.65!important;margin-bottom:0!important}
.pemda-programs-section .pemda-program-grid a{font-size:var(--pemda-button-size,13px)!important;padding-top:20px!important}
}
@media(max-width:1000px){.pemda-agenda .pemda-container{width:min(920px,calc(100% - 32px))}.pemda-agenda-grid{grid-template-columns:1fr}.pemda-calendar{min-height:430px}.pemda-agenda-hero{height:500px}.pemda-agenda-copy{max-width:64%}}
@media(max-width:700px){.pemda-agenda{padding:58px 0 72px}.pemda-agenda .pemda-container{width:calc(100% - 28px)}.pemda-agenda-heading{margin-bottom:24px}.pemda-agenda-heading h2{font-size:28px}.pemda-agenda-hero{height:490px;border-radius:12px}.pemda-agenda-overlay{padding:24px;display:block;background:linear-gradient(180deg,rgba(0,0,0,.05) 24%,rgba(0,0,0,.88) 100%)}.pemda-agenda-copy{max-width:100%;position:absolute;left:24px;right:24px;bottom:116px}.pemda-agenda-overlay h3{font-size:24px}.pemda-agenda-desc{display:none}.pemda-agenda-tags{margin-top:12px}.pemda-agenda-timer{position:absolute;left:24px;right:24px;bottom:22px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between}.pemda-agenda-timer>small{display:none}.pemda-countdown{padding:7px}.pemda-countdown b{min-width:32px;font-size:13px;padding:6px}.pemda-agenda-timer>a{margin:0;padding:9px 14px}.pemda-agenda-list article{grid-template-columns:50px 1fr}.pemda-agenda-list img{width:50px;height:50px}.pemda-agenda-list em{display:none}.pemda-calendar{min-height:420px}.pemda-calendar-days{grid-template-columns:28px repeat(5,1fr) 28px}.pemda-empty-cal img{width:82px;height:82px}}
@media(max-width:430px){.pemda-agenda-hero{height:460px}.pemda-agenda-overlay h3{font-size:21px}.pemda-agenda-time{font-size:10px!important}.pemda-agenda-tags span:nth-child(n+3){display:none}.pemda-agenda-copy{bottom:108px}.pemda-countdown b:nth-of-type(n+4),.pemda-countdown i:nth-of-type(n+3){display:none}.pemda-agenda-list b{font-size:11px}.pemda-calendar{padding:18px 14px}.pemda-calendar-days span{font-size:11px}.pemda-calendar-days span small{font-size:8px}}
/* ===== Agenda interactive + modal (v1.0.24) ===== */
.pemda-agenda-list-open{border:0;background:transparent;padding:0;display:block;cursor:pointer}
.pemda-agenda-detail-btn{margin-top:8px;color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:7px;padding:8px 19px;background:transparent;font-weight:600;cursor:pointer}
.pemda-agenda-list-empty{border:1px dashed #d9e0e7;border-radius:10px;padding:26px;text-align:center;color:#34506b;background:#fff}
.pemda-agenda-list-empty b,.pemda-agenda-list-empty span{display:block}.pemda-agenda-list-empty span{font-size:11px;color:#8a98a7;margin-top:5px}
.pemda-calendar-days{grid-template-columns:30px repeat(5,minmax(40px,1fr)) 30px!important}
.pemda-calendar-date{position:relative;width:auto!important;height:auto!important;border:0!important;background:transparent!important;border-radius:10px!important;padding:8px 4px!important;color:#0b3d66!important;font-family:inherit;line-height:1.05}
.pemda-calendar-date small{display:block!important;font-size:10px!important;color:#8996a5!important;margin-bottom:6px}.pemda-calendar-date strong{display:block;font-size:14px}.pemda-calendar-date i{position:absolute;top:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:transparent}
.pemda-calendar-date.has-agenda i{background:#8ad6ae}.pemda-calendar-date.active{background:var(--pemda-green)!important;color:#fff!important}.pemda-calendar-date.active small{color:#fff!important}.pemda-calendar-date.red:not(.active){color:#e8474e!important}
.pemda-calendar-event-summary{margin:14px 0 0;padding:12px 14px;background:#edf9f3;border-radius:8px;color:#0b7542}.pemda-calendar-event-summary b,.pemda-calendar-event-summary span{display:block}.pemda-calendar-event-summary b{font-size:11px}.pemda-calendar-event-summary span{font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.pemda-agenda-modal-lock{overflow:hidden}
.pemda-agenda-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:28px}.pemda-agenda-modal.open{display:flex}
.pemda-agenda-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(12,19,25,.58);backdrop-filter:blur(5px);cursor:pointer}
.pemda-agenda-modal-dialog{position:relative;width:min(820px,100%);max-height:min(780px,calc(100vh - 56px));background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.24);display:flex;flex-direction:column;color:#142b43}
.pemda-agenda-modal-scroll{overflow-y:auto;padding:22px 28px 26px}.pemda-agenda-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.pemda-agenda-modal-head h3{margin:0;color:#009b52;font-size:22px!important;line-height:1.3}.pemda-agenda-modal-x{width:40px;height:40px;border:0;border-radius:8px;background:#f5f7f8;color:#25384a;font-size:28px;line-height:1;flex:none}
.pemda-agenda-modal-poster{height:300px;background:#f1f2f2;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pemda-agenda-modal-poster img{width:100%;height:100%;object-fit:contain}
.pemda-agenda-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 34px}.pemda-agenda-modal-field{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:flex-start}.pemda-agenda-modal-field>i{color:#08a454;font-style:normal;padding-top:3px}.pemda-agenda-modal-field>i .pemda-icon{width:19px;height:19px}.pemda-agenda-modal-field span{min-width:0}.pemda-agenda-modal-field small{display:block;color:#8da0b7;font-size:12px!important;margin-bottom:5px}.pemda-agenda-modal-field b{display:inline-block;background:#edf9f2;color:#07974d;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:500}.pemda-agenda-modal-field b.is-pink{background:#fff0f7;color:#d7196f}.pemda-agenda-modal-field strong{font-size:14px;font-weight:500;line-height:1.5;white-space:pre-line}.pemda-agenda-modal-field a{color:#1677ff;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.pemda-agenda-modal-full{grid-column:1/-1}
.pemda-agenda-modal-footer{flex:none;background:#fff;border-top:1px solid #f0f1f2;padding:17px;text-align:center}.pemda-agenda-modal-footer button{border:0;background:#00a651;color:#fff;border-radius:9px;padding:10px 23px;font-weight:700;min-width:80px}
.pemda-agenda-list em.status-ongoing{background:#eaf8ef;color:#079b4f}.pemda-agenda-list em.status-finished{color:#8593a1}.pemda-agenda-list em.status-upcoming{color:#5d6772}
@media(max-width:700px){
.pemda-agenda-modal{padding:12px}.pemda-agenda-modal-dialog{max-height:calc(100vh - 24px);border-radius:12px}.pemda-agenda-modal-scroll{padding:18px 18px 22px}.pemda-agenda-modal-head h3{font-size:19px!important}.pemda-agenda-modal-poster{height:240px}.pemda-agenda-modal-grid{grid-template-columns:1fr;gap:17px}.pemda-agenda-modal-full{grid-column:auto}.pemda-calendar-days{grid-template-columns:28px repeat(5,minmax(38px,1fr)) 28px!important}.pemda-calendar-date{padding:7px 2px!important}.pemda-agenda-detail-btn{padding:9px 14px}
}
/* v1.0.25 — Transparansi Keuangan Daerah */
.pemda-reports{padding:72px 0 112px!important;border-bottom:2px solid var(--pemda-green)}
.pemda-report-heading{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:46px!important;margin-bottom:34px!important}
.pemda-report-heading h2{margin:0!important;color:#073b68!important;white-space:nowrap}
.pemda-report-heading p{margin:0!important;color:#153e65!important;font-size:15px!important;text-align:center}
.pemda-report-heading>a{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-left:0!important;padding:11px 18px!important;border:1px solid #39b878!important;border-radius:9px!important;color:#009b52!important;text-decoration:none!important;font-weight:700!important;font-size:13px!important;white-space:nowrap}
.pemda-report-heading>a .pemda-icon{width:16px;height:16px}
.pemda-report-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.pemda-report-grid article{border:1px solid #dde3e7!important;border-radius:10px!important;padding:25px 24px 24px!important;min-height:390px!important;display:flex!important;flex-direction:column!important;background:#fff!important}
.pemda-pdf{height:122px!important;border-radius:8px!important;background:#f6f7f8!important;display:grid!important;place-items:center!important;margin-bottom:24px!important;font-size:0!important}
.pemda-pdf:before{display:none!important}
.pemda-pdf span{position:relative!important;display:block!important;width:74px!important;height:86px!important;background:#f0e7e8!important;border-radius:5px!important;box-shadow:10px 9px 0 #eef0f2!important}
.pemda-pdf span:before{content:'PDF';position:absolute;left:-5px;top:16px;background:#ff4d45;color:#fff;font-size:16px;font-weight:800;padding:4px 7px;border-radius:4px}
.pemda-pdf span:after{content:'';position:absolute;right:0;top:0;border-left:20px solid transparent;border-bottom:20px solid #d7c7ca}
.pemda-report-grid article>small{font-size:12px!important;color:#5f7690!important;display:block!important;margin:0 0 12px!important}
.pemda-report-grid h3{font-size:20px!important;line-height:1.35!important;margin:0 0 14px!important;color:#073b68!important;font-weight:700!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.pemda-report-grid p{font-size:14px!important;line-height:1.55!important;color:#153e65!important;margin:0 0 20px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.pemda-report-grid article>div:last-child{display:flex!important;gap:12px!important;margin-top:auto!important;align-items:center!important}
.pemda-report-grid button,.pemda-report-grid article>div:last-child>a,.pemda-report-download-disabled{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #55c390!important;border-radius:8px!important;padding:9px 17px!important;font-size:13px!important;font-family:inherit!important;font-weight:700!important;text-decoration:none!important;cursor:pointer!important}
.pemda-report-grid button{background:#fff!important;color:#009b52!important}
.pemda-report-grid article>div:last-child>a{background:#00a651!important;color:#fff!important}
.pemda-report-download-disabled{background:#eef2f3!important;border-color:#e0e5e8!important;color:#9aa8b5!important;cursor:not-allowed!important}
.pemda-report-grid button .pemda-icon,.pemda-report-grid article>div:last-child>a .pemda-icon,.pemda-report-download-disabled .pemda-icon{width:17px!important;height:17px!important}
.pemda-dots.report{margin-top:28px!important}
html.pemda-report-modal-lock{overflow:hidden}
.pemda-report-modal{position:fixed;inset:0;z-index:10080;display:none;align-items:center;justify-content:center;padding:24px}.pemda-report-modal.open{display:flex}
.pemda-report-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(20,24,27,.42);backdrop-filter:blur(6px);cursor:pointer}
.pemda-report-modal-dialog{position:relative;width:min(650px,100%);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.22);color:#132d45}
.pemda-report-modal-body{padding:28px 30px 34px}
.pemda-report-modal-category{display:inline-block;background:#f6f6f6;color:#45596c;border-radius:6px;padding:8px 11px;font-size:12px;margin-bottom:20px}
.pemda-report-modal h3{font-size:23px!important;line-height:1.45!important;color:#009b52!important;margin:0 0 25px!important;font-weight:700!important}
.pemda-report-modal-row{display:grid;grid-template-columns:24px 1fr;gap:16px;margin-top:25px;align-items:flex-start}
.pemda-report-modal-row>i{color:#00a651;font-style:normal;padding-top:2px}.pemda-report-modal-row>i .pemda-icon{width:19px;height:19px}
.pemda-report-modal-row small{display:block;color:#88a0bd;font-size:12px!important;margin-bottom:7px}.pemda-report-modal-row p{margin:0;color:#22384b;font-size:14px;line-height:1.6;white-space:pre-line}
.pemda-report-modal-footer{display:flex;justify-content:flex-end;gap:14px;background:#fafafa;padding:18px 28px}
.pemda-report-modal-footer button,.pemda-report-modal-footer a{min-height:44px;border-radius:8px;padding:10px 20px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.pemda-report-modal-footer button{background:#fff;color:#009b52;border:1px solid #00a651}.pemda-report-modal-footer a{background:#00a651;color:#fff;border:1px solid #00a651}.pemda-report-modal-footer .pemda-icon{width:18px;height:18px}
@media(max-width:1050px){.pemda-report-heading{grid-template-columns:1fr auto!important}.pemda-report-heading p{grid-row:2;grid-column:1/-1;text-align:left!important}.pemda-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.pemda-reports{padding:52px 0 70px!important}.pemda-report-heading{display:block!important;margin-bottom:24px!important}.pemda-report-heading h2{white-space:normal;margin-bottom:10px!important}.pemda-report-heading p{font-size:13px!important;margin-bottom:16px!important}.pemda-report-heading>a{font-size:12px!important}.pemda-report-grid{grid-template-columns:1fr!important}.pemda-report-grid article{min-height:0!important;padding:20px!important}.pemda-pdf{height:105px!important}.pemda-report-modal{padding:12px}.pemda-report-modal-body{padding:22px 20px 28px}.pemda-report-modal h3{font-size:20px!important}.pemda-report-modal-footer{padding:15px 18px}.pemda-report-modal-footer button,.pemda-report-modal-footer a{flex:1;justify-content:center}}
/* v1.0.26 — Jabar-style footer, shared by every frontend template */
.pemda-footer{background:#18ad61;color:#fff;position:relative;overflow:hidden;padding:48px 0 22px;border:0!important}
.pemda-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.018),rgba(255,255,255,.012));pointer-events:none}
.pemda-footer-inner{position:relative;z-index:2}
.pemda-footer-brand-row{display:flex;align-items:center;min-height:54px}
.pemda-footer-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;max-width:420px}
.pemda-footer-brand .pemda-brand-mark{gap:10px}
.pemda-footer-brand .pemda-brand-mark b{font-size:23px!important;line-height:1;font-weight:800;color:#fff}
.pemda-footer-brand .pemda-brand-mark small{font-size:8px!important;margin-top:5px;color:#fff;opacity:1}
.pemda-footer-brand .pemda-brand-emblem{width:44px;height:44px;flex-basis:44px}
.pemda-footer-brand .pemda-brand-emblem svg{width:44px;height:44px}
.pemda-footer-brand .pemda-brand-img{width:auto;max-width:68px;height:48px;max-height:48px;object-fit:contain}
.pemda-footer-brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1}
.pemda-footer-brand-copy strong{font-size:23px;line-height:1;font-weight:800;color:#fff}
.pemda-footer-brand-copy small{font-size:8px;margin-top:6px;line-height:1.2;color:#fff}
.pemda-footer-contact{display:grid!important;grid-template-columns:1.28fr .72fr .88fr .82fr!important;gap:42px!important;margin-top:38px!important;align-items:start}
.pemda-footer-contact-item,.pemda-footer-social-block{display:flex!important;gap:13px!important;align-items:flex-start!important;min-width:0}
.pemda-footer-contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;margin-top:1px}
.pemda-footer-contact-icon .pemda-icon{width:17px!important;height:17px!important;margin:0!important}
.pemda-footer-contact-copy{display:flex;flex-direction:column;min-width:0}
.pemda-footer-contact-copy b,.pemda-footer-social-heading b{font-size:13px!important;line-height:1.25;font-weight:700;color:#fff}
.pemda-footer-contact-copy small{font-size:12px!important;line-height:1.65!important;color:#fff!important;margin-top:6px;max-width:340px}
.pemda-footer-contact-copy a{color:#fff!important;text-decoration:none}
.pemda-footer-contact-copy a:hover{text-decoration:underline}
.pemda-footer-social-block{display:block!important}
.pemda-footer-social-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.pemda-footer-social-heading>span{display:inline-flex}
.pemda-footer-social-heading .pemda-icon{width:17px;height:17px}
.pemda-social{display:flex!important;flex-direction:row!important;gap:12px!important;margin:0!important}
.pemda-social a{width:34px!important;height:34px!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)!important;display:grid!important;place-items:center!important;color:#fff!important;text-decoration:none!important}
.pemda-social a .pemda-icon{width:17px;height:17px}
.pemda-footer-sitemap-title{display:flex;align-items:center;gap:11px;margin-top:42px;padding-top:2px;color:#fff}
.pemda-footer-sitemap-title>span{display:inline-flex}
.pemda-footer-sitemap-title .pemda-icon{width:18px;height:18px}
.pemda-footer-sitemap-title strong{font-size:13px;font-weight:700}
.pemda-sitemap{display:grid!important;grid-template-columns:1.05fr 1.2fr .9fr 1.15fr 1.45fr!important;gap:0!important;border-top:0!important;margin-top:23px!important;padding-top:0!important;min-height:0!important;position:relative;z-index:2}
.pemda-footer-group{padding:0 28px 4px 0;min-width:0}
.pemda-footer-group+.pemda-footer-group{border-left:1px solid rgba(255,255,255,.13);padding-left:28px}
.pemda-footer-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:0;padding:0;margin:0 0 14px;color:#fff;font-family:inherit;text-align:left;cursor:default}
.pemda-footer-group-toggle>span:first-child{font-size:13px;font-weight:700;line-height:1.3}
.pemda-footer-group-caret{display:none;align-items:center;justify-content:center}
.pemda-footer-group-caret .pemda-icon{width:18px;height:18px}
.pemda-footer-group-links{display:block!important}
.pemda-footer-group-links a{display:block!important;color:#fff!important;opacity:.96;font-size:11.5px!important;line-height:1.45!important;text-decoration:none!important;margin:0 0 10px!important}
.pemda-footer-group-links a:hover{text-decoration:underline!important}
.pemda-copyright{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.15)!important;padding-top:22px!important;margin-top:36px!important;font-size:10px!important;color:#fff}
.pemda-footer-pattern{position:absolute;right:62px;bottom:68px;width:170px;height:245px;opacity:.10;background:repeating-linear-gradient(90deg,transparent 0 14px,#087c43 15px 18px)}
@media(min-width:861px){
.pemda-footer>.pemda-container{min-height:0!important;display:block!important}
}
@media(max-width:1100px) and (min-width:861px){
.pemda-footer-contact{grid-template-columns:1.15fr .75fr .9fr .8fr!important;gap:24px!important}
.pemda-sitemap{grid-template-columns:1fr 1.15fr .9fr 1.1fr 1.35fr!important}
.pemda-footer-group{padding-right:18px}
.pemda-footer-group+.pemda-footer-group{padding-left:18px}
}
@media(max-width:860px){
.pemda-footer{padding:34px 0 20px!important}
.pemda-footer-inner{width:calc(100% - 38px)!important}
.pemda-footer-brand-row{min-height:0;margin-bottom:34px}
.pemda-footer-brand{gap:14px;max-width:100%}
.pemda-footer-brand .pemda-brand-img{width:50px;max-width:50px;height:48px;max-height:48px}
.pemda-footer-brand .pemda-brand-mark b,.pemda-footer-brand-copy strong{font-size:24px!important}
.pemda-footer-brand .pemda-brand-mark small,.pemda-footer-brand-copy small{font-size:9px!important;margin-top:7px}
.pemda-footer-contact{display:flex!important;flex-direction:column!important;gap:28px!important;margin-top:0!important}
.pemda-footer-contact-item{gap:15px!important}
.pemda-footer-contact-icon{flex-basis:23px;margin-top:1px}
.pemda-footer-contact-icon .pemda-icon{width:22px!important;height:22px!important}
.pemda-footer-contact-copy b,.pemda-footer-social-heading b{font-size:16px!important}
.pemda-footer-contact-copy small{font-size:15px!important;line-height:1.55!important;margin-top:5px;max-width:none}
.pemda-footer-social-block{width:100%;margin-top:2px}
.pemda-footer-social-heading{gap:13px;margin-bottom:15px}
.pemda-footer-social-heading .pemda-icon{width:22px;height:22px}
.pemda-social{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;width:100%}
.pemda-social a{width:100%!important;height:56px!important;border-radius:7px!important;background:rgba(255,255,255,.04)!important}
.pemda-social a .pemda-icon{width:23px;height:23px}
.pemda-footer-sitemap-title{gap:14px;margin-top:38px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.pemda-footer-sitemap-title .pemda-icon{width:23px;height:23px}
.pemda-footer-sitemap-title strong{font-size:17px}
.pemda-sitemap{display:block!important;margin-top:16px!important}
.pemda-footer-group{padding:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
.pemda-footer-group+.pemda-footer-group{border-left:0!important;padding-left:0!important}
.pemda-footer-group-toggle{cursor:pointer!important;margin:0!important;padding:19px 0!important;min-height:62px}
.pemda-footer-group-toggle>span:first-child{font-size:16px!important;font-weight:700}
.pemda-footer-group-caret{display:inline-flex!important;transition:transform .2s ease}
.pemda-footer-group.is-open .pemda-footer-group-caret{transform:rotate(90deg)}
.pemda-footer-group-links{display:none!important;padding:0 0 18px!important}
.pemda-footer-group.is-open .pemda-footer-group-links{display:block!important}
.pemda-footer-group-links a{font-size:14px!important;margin:0 0 12px!important;padding-left:2px}
.pemda-copyright{margin-top:28px!important;padding-top:22px!important;font-size:11px!important;line-height:1.6;text-align:left}
.pemda-footer-pattern{right:-20px;bottom:60px;width:150px;height:230px;opacity:.08}
}
@media(max-width:560px){
.pemda-footer{padding-top:31px!important}
.pemda-footer-inner{width:calc(100% - 32px)!important}
.pemda-footer-brand .pemda-brand-mark b,.pemda-footer-brand-copy strong{font-size:22px!important}
.pemda-footer-contact{gap:26px!important}
.pemda-footer-contact-copy b,.pemda-footer-social-heading b{font-size:15px!important}
.pemda-footer-contact-copy small{font-size:14px!important}
.pemda-social{gap:14px!important}
.pemda-social a{height:52px!important}
.pemda-footer-sitemap-title strong{font-size:16px}
.pemda-footer-group-toggle>span:first-child{font-size:15px!important}
}
/* v1.0.27 — Transparansi mobile carousel matching portal reference */
.pemda-report-slider{position:relative}
.pemda-report-arrow,.pemda-report-mobile-dots{display:none}
@media(max-width:560px){
.pemda-reports{padding:66px 0 78px!important;border-bottom:0!important;overflow:hidden!important}
.pemda-reports>.pemda-container{width:calc(100% - 42px)!important}
.pemda-report-heading{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:0!important;margin-bottom:54px!important}
.pemda-report-heading h2{font-size:29px!important;line-height:1.28!important;letter-spacing:-.35px!important;max-width:330px!important;margin:0 auto 22px!important;color:#073b68!important;text-align:center!important}
.pemda-report-heading p{font-size:16px!important;line-height:1.55!important;max-width:330px!important;margin:0 auto 23px!important;color:#153e65!important;text-align:center!important}
.pemda-report-heading>a{min-height:54px!important;padding:13px 22px!important;border-radius:10px!important;font-size:15px!important;justify-content:center!important;margin:0 auto!important}
.pemda-report-heading>a .pemda-icon{width:18px!important;height:18px!important}
.pemda-report-slider{position:relative!important;width:100%!important;overflow:visible!important}
.pemda-report-grid{display:flex!important;grid-template-columns:none!important;gap:0!important;width:100%!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:0!important}
.pemda-report-grid::-webkit-scrollbar{display:none!important}
.pemda-report-grid article{flex:0 0 100%!important;width:100%!important;scroll-snap-align:start!important;min-height:0!important;padding:22px 22px 24px!important;border:1px solid #dce4e0!important;border-radius:12px!important;background:#fff!important;transition:border-color .2s ease,box-shadow .2s ease!important}
.pemda-report-grid article.is-active{border-color:#10a65d!important;box-shadow:0 8px 25px rgba(10,118,72,.06)!important}
.pemda-pdf{height:168px!important;border-radius:9px!important;background:#f7f8f8!important;margin-bottom:24px!important}
.pemda-pdf:before{font-size:17px!important;padding:7px 9px!important;border-radius:4px!important;box-shadow:15px 16px 0 #eceeef!important}
.pemda-report-grid article>small{font-size:13px!important;line-height:1.45!important;margin:0 0 14px!important;color:#516d88!important}
.pemda-report-grid h3{font-size:20px!important;line-height:1.32!important;margin:0 0 15px!important;color:#073b68!important;font-weight:700!important;-webkit-line-clamp:2!important}
.pemda-report-grid article.is-active h3{color:#009b52!important}
.pemda-report-grid p{font-size:16px!important;line-height:1.58!important;color:#173958!important;margin:0 0 25px!important;-webkit-line-clamp:4!important}
.pemda-report-grid article>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:0!important}
.pemda-report-grid button,.pemda-report-grid article>div:last-child>a,.pemda-report-download-disabled{min-height:52px!important;width:100%!important;border-radius:8px!important;padding:12px 14px!important;font-size:16px!important;font-weight:700!important}
.pemda-report-grid button .pemda-icon,.pemda-report-grid article>div:last-child>a .pemda-icon,.pemda-report-download-disabled .pemda-icon{width:20px!important;height:20px!important}
.pemda-report-arrow{display:grid!important;place-items:center!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;border:0!important;border-radius:50%!important;z-index:6!important;box-shadow:0 4px 18px rgba(16,70,47,.08)!important;cursor:pointer!important;padding:0!important}
.pemda-report-arrow .pemda-icon{width:22px!important;height:22px!important}
.pemda-report-prev{left:-23px!important;background:#f5f7f6!important;color:#aeb8b3!important}
.pemda-report-prev .pemda-icon{transform:rotate(180deg)!important}
.pemda-report-next{right:-23px!important;background:#effaf4!important;color:#00a65a!important}
.pemda-dots.report{display:none!important}
.pemda-report-mobile-dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:26px!important}
.pemda-report-mobile-dots button{width:13px!important;height:13px!important;padding:0!important;border-radius:50%!important;border:2px solid #00a65a!important;background:#fff!important;cursor:pointer!important;box-sizing:border-box!important}
.pemda-report-mobile-dots button.active{background:#00a65a!important;border-color:#00a65a!important}
.pemda-report-modal{padding:14px!important}
.pemda-report-modal-dialog{border-radius:12px!important}
.pemda-report-modal-body{padding:24px 21px 28px!important}
.pemda-report-modal-category{font-size:12px!important;margin-bottom:18px!important}
.pemda-report-modal h3{font-size:21px!important;line-height:1.42!important;margin-bottom:20px!important}
.pemda-report-modal-row{gap:13px!important;margin-top:21px!important}
.pemda-report-modal-row small{font-size:12px!important}
.pemda-report-modal-row p{font-size:14px!important}
.pemda-report-modal-footer{padding:15px 18px!important;gap:12px!important}
.pemda-report-modal-footer button,.pemda-report-modal-footer a{min-height:46px!important;font-size:14px!important}
}
@media(max-width:390px){
.pemda-reports>.pemda-container{width:calc(100% - 34px)!important}
.pemda-report-heading h2{font-size:27px!important}
.pemda-report-heading p{font-size:15px!important}
.pemda-report-grid article{padding:19px 18px 22px!important}
.pemda-pdf{height:145px!important}
.pemda-report-grid h3{font-size:19px!important}
.pemda-report-grid p{font-size:15px!important}
.pemda-report-grid button,.pemda-report-grid article>div:last-child>a,.pemda-report-download-disabled{font-size:15px!important;min-height:50px!important}
.pemda-report-prev{left:-20px!important}.pemda-report-next{right:-20px!important}
}
/* ===== v1.0.28 — Agenda mobile layout matching portal reference ===== */
.pemda-agenda [hidden]{display:none!important}
@media(max-width:700px){
.pemda-agenda{padding:34px 0 64px!important;background:#fff}
.pemda-agenda .pemda-container{width:calc(100% - 32px)!important}
.pemda-agenda-heading{margin:0 0 28px!important;display:block!important}
.pemda-agenda-heading h2{font-size:40px!important;line-height:1.12!important;letter-spacing:-.7px!important;color:#07375f!important;margin:0!important;font-weight:700!important}
.pemda-agenda-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
.pemda-agenda-maincol{min-width:0!important}
.pemda-agenda-hero{height:590px!important;border-radius:18px!important;background-position:center!important;background-size:cover!important;box-shadow:none!important}
.pemda-agenda-overlay{padding:0!important;display:block!important;background:linear-gradient(180deg,rgba(0,0,0,.06) 18%,rgba(0,0,0,.24) 42%,rgba(0,0,0,.92) 100%)!important}
.pemda-agenda-copy{position:absolute!important;left:28px!important;right:28px!important;bottom:250px!important;max-width:none!important}
.pemda-agenda-overlay h3{font-size:27px!important;line-height:1.22!important;letter-spacing:-.25px!important;margin:0 0 15px!important;color:#fff!important;font-weight:700!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pemda-agenda-time{font-size:14px!important;line-height:1.45!important;margin:0 0 15px!important;color:#fff!important;display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
.pemda-agenda-time span{margin:0 2px!important;opacity:.72!important}
.pemda-agenda-desc{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px!important;line-height:1.55!important;color:rgba(255,255,255,.94)!important;margin:0!important;max-width:96%!important}
.pemda-agenda-tags{display:none!important}
.pemda-agenda-timer{position:absolute!important;left:28px!important;right:28px!important;bottom:25px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:10px!important}
.pemda-agenda-timer>small{display:block!important;text-align:center!important;font-size:14px!important;line-height:1.3!important;color:#fff!important;font-weight:600!important;margin:0 0 1px!important}
.pemda-countdown{width:min(100%,330px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(7,max-content)!important;justify-content:center!important;align-items:start!important;gap:5px!important;border:1px solid rgba(255,255,255,.76)!important;border-radius:12px!important;padding:10px 12px 9px!important;background:rgba(0,0,0,.22)!important;backdrop-filter:blur(4px)}
.pemda-countdown b{display:block!important;min-width:48px!important;padding:8px 7px 7px!important;border-radius:7px!important;background:#fff!important;color:#172535!important;font-size:18px!important;line-height:1!important;text-align:center!important}
.pemda-countdown b small{display:block!important;margin-top:7px!important;font-size:8px!important;line-height:1!important;color:#596777!important;font-weight:500!important}
.pemda-countdown i{display:block!important;font-size:18px!important;line-height:34px!important;margin:0!important;color:#fff!important;font-style:normal!important}
.pemda-agenda-detail-btn{width:100%!important;min-height:50px!important;margin:0!important;padding:10px 16px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:10px!important;background:rgba(0,0,0,.15)!important;color:#fff!important;font-size:15px!important;font-weight:600!important}
.pemda-agenda-list{margin-top:14px!important;gap:12px!important}
.pemda-agenda-list article{position:relative!important;display:grid!important;grid-template-columns:76px minmax(0,1fr) 18px!important;align-items:center!important;gap:14px!important;min-height:102px!important;padding:12px 18px 12px 12px!important;border:1px solid #e1e6ea!important;border-radius:13px!important;background:repeating-linear-gradient(135deg,#fff,#fff 15px,#fbfbfb 15px,#fbfbfb 30px)!important;color:#07375f!important;overflow:hidden!important}
.pemda-agenda-list article.is-active{background:#0aa355!important;border-color:#0aa355!important;color:#fff!important}
.pemda-agenda-list-open{width:76px!important;height:76px!important;border-radius:9px!important;overflow:hidden!important}
.pemda-agenda-list img{width:76px!important;height:76px!important;border-radius:9px!important;object-fit:cover!important}
.pemda-agenda-list article>div{min-width:0!important}
.pemda-agenda-list b{font-size:15px!important;line-height:1.3!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:6px!important}
.pemda-agenda-list small{font-size:12px!important;line-height:1.35!important;color:#5e7288!important;margin:0 0 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pemda-agenda-list span{font-size:11px!important;color:#75869a!important;margin:0!important}
.pemda-agenda-list article.is-active small,.pemda-agenda-list article.is-active span{color:#fff!important}
.pemda-agenda-list article:after{content:'›';display:block!important;font-size:29px!important;line-height:1!important;color:#07375f!important;justify-self:end!important}
.pemda-agenda-list article.is-active:after{color:#fff!important}
.pemda-agenda-list em{display:none!important}
.pemda-agenda-list-empty{margin-top:6px!important;padding:20px!important;border-radius:12px!important}
.pemda-calendar{order:2!important;min-height:560px!important;margin-top:8px!important;padding:28px 24px 22px!important;border:1px solid #e0e5e9!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.pemda-calendar h3{font-size:25px!important;line-height:1.2!important;color:#07375f!important;margin:0 0 10px!important;font-weight:700!important}
.pemda-calendar>p{font-size:13px!important;line-height:1.5!important;color:#415b73!important;margin:0 0 22px!important}
.pemda-calendar-box{margin:0!important}
.pemda-calendar-box>b{font-size:14px!important;line-height:1.2!important;padding:13px 12px!important;border-radius:10px!important;background:#f5f6f7!important;color:#07375f!important}
.pemda-calendar-days{grid-template-columns:36px repeat(5,minmax(42px,1fr)) 36px!important;gap:4px!important;padding:21px 0 20px!important;border-bottom:1px solid #e9edf0!important}
.pemda-calendar-days>button:not(.pemda-calendar-date){width:36px!important;height:36px!important;border:1px solid #e5e9ed!important;border-radius:9px!important;background:#fff!important;color:#07375f!important;font-size:25px!important;line-height:1!important;padding:0!important}
.pemda-calendar-date{min-height:68px!important;padding:9px 3px!important;border-radius:13px!important}
.pemda-calendar-date small{font-size:12px!important;line-height:1!important;margin-bottom:7px!important;color:#8b97a4!important}
.pemda-calendar-date strong{font-size:17px!important;line-height:1!important;color:inherit!important}
.pemda-calendar-date i{top:4px!important;width:5px!important;height:5px!important}
.pemda-calendar-date.active{background:#0aa355!important;color:#fff!important}
.pemda-calendar-date.active small{color:#fff!important}
.pemda-calendar-date.red:not(.active){color:#e5353d!important}
.pemda-calendar-event-summary{margin:18px 0 0!important;padding:14px 16px!important;border-radius:10px!important;background:#ecf9f2!important}
.pemda-calendar-event-summary b{font-size:13px!important;line-height:1.3!important}
.pemda-calendar-event-summary span{font-size:11px!important;line-height:1.35!important;margin-top:5px!important}
.pemda-empty-cal{flex:1!important;min-height:285px!important;justify-content:center!important;margin:0!important;padding:22px 0 12px!important}
.pemda-empty-cal img{width:118px!important;height:118px!important;margin-bottom:19px!important}
.pemda-empty-cal b{font-size:18px!important;line-height:1.25!important;color:#07375f!important}
.pemda-empty-cal small{font-size:13px!important;line-height:1.4!important;color:#98a4af!important;margin-top:8px!important}
.pemda-calendar>a{font-size:14px!important;line-height:1.2!important;padding-top:20px!important;margin-top:auto!important;color:#009b52!important}
}
@media(max-width:430px){
.pemda-agenda .pemda-container{width:calc(100% - 24px)!important}
.pemda-agenda-heading h2{font-size:34px!important}
.pemda-agenda-hero{height:550px!important;border-radius:16px!important}
.pemda-agenda-copy{left:22px!important;right:22px!important;bottom:244px!important}
.pemda-agenda-overlay h3{font-size:23px!important}
.pemda-agenda-time{font-size:12px!important}
.pemda-agenda-desc{font-size:12px!important}
.pemda-agenda-timer{left:22px!important;right:22px!important;bottom:20px!important}
.pemda-countdown{grid-template-columns:repeat(7,max-content)!important;padding:9px 8px 8px!important;gap:3px!important}
.pemda-countdown b{display:block!important;min-width:42px!important;font-size:16px!important;padding:7px 5px!important}
.pemda-countdown b:nth-of-type(n+4){display:block!important}
.pemda-countdown i:nth-of-type(n+3){display:block!important}
.pemda-countdown i{font-size:15px!important;line-height:31px!important}
.pemda-agenda-list article{grid-template-columns:66px minmax(0,1fr) 15px!important;min-height:90px!important;padding:10px 14px 10px 10px!important;gap:11px!important}
.pemda-agenda-list-open,.pemda-agenda-list img{width:66px!important;height:66px!important}
.pemda-agenda-list b{font-size:13px!important}
.pemda-agenda-list small{font-size:10.5px!important}
.pemda-agenda-list span{font-size:10px!important}
.pemda-calendar{padding:23px 16px 19px!important;min-height:530px!important}
.pemda-calendar h3{font-size:22px!important}
.pemda-calendar>p{font-size:12px!important}
.pemda-calendar-days{grid-template-columns:32px repeat(5,minmax(37px,1fr)) 32px!important;gap:2px!important}
.pemda-calendar-days>button:not(.pemda-calendar-date){width:32px!important;height:32px!important;font-size:21px!important}
.pemda-calendar-date{min-height:62px!important}
.pemda-calendar-date small{font-size:10px!important}
.pemda-calendar-date strong{font-size:15px!important}
.pemda-empty-cal{min-height:270px!important}
.pemda-empty-cal img{width:108px!important;height:108px!important}
}
/* v1.0.35 — separate header/footer logo assets. */
.pemda-header-logo-img{max-width:260px;max-height:52px;width:auto;height:auto;object-fit:contain}
.pemda-footer-logo-img{max-width:285px;max-height:58px;width:auto;height:auto;object-fit:contain}
@media(max-width:860px){.pemda-header-logo-img{max-width:185px;max-height:42px}.pemda-footer-logo-img{max-width:240px;max-height:54px}}
@media(max-width:560px){.pemda-header-logo-img{max-width:165px;max-height:38px}.pemda-footer-logo-img{max-width:220px;max-height:50px}}
/* v1.0.38 — Hero background slider / video */
.pemda-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background-image:var(--hero);background-size:cover;background-position:center 28%}
.pemda-hero-slides,.pemda-hero-slide{position:absolute;inset:0}
.pemda-hero-slide{display:block;background-size:cover;background-position:center 28%;opacity:0;transform:scale(1.015);transition:opacity 1s ease,transform 7s ease}
.pemda-hero-slide.active{opacity:1;transform:scale(1.04)}
.pemda-hero-video{position:absolute;left:50%;top:50%;width:100%;height:100%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;border:0;pointer-events:none}
.pemda-hero-youtube{width:177.77777778vh;min-width:100%;height:56.25vw;min-height:100%}
.pemda-hero-overlay{z-index:1}
.pemda-hero:after{z-index:3}
.pemda-hero-content{z-index:2}
@media(max-width:860px){.pemda-hero-media,.pemda-hero-slide{background-position:58% center}.pemda-hero-video{width:177.77777778vh;max-width:none}.pemda-hero-youtube{width:177.77777778vh;height:56.25vw}}
/* v1.0.42: legacy hero right-side green controls removed; Fitur Portal owns floating tools now. */
.pemda-side-social.right{display:none!important;}
/* Pemda v1.0.51 — Berita page spacing, hero/card height, and Jabar-like pagination */
@media(min-width:1201px){
.pemda-news-page .pemda-container,
.pemda-news-category-nav .pemda-container{width:min(1160px,calc(100% - 112px));}
.pemda-news-page-hero{min-height:520px;}
.pemda-news-page-hero-inner{padding-top:12px;padding-bottom:24px;}
.pemda-news-breadcrumb{margin-bottom:38px;}
.pemda-news-page-layout{grid-template-columns:minmax(0,1.72fr) minmax(320px,.92fr);gap:62px;}
.pemda-news-hot-card{height:398px;margin-bottom:34px;border-radius:12px;}
.pemda-news-hot-overlay{padding:30px 32px 28px;}
.pemda-news-hot-overlay h2{font-size:28px;line-height:1.28;max-width:92%;}
}
.pemda-news-pagination-bar{min-height:48px;margin-top:34px;padding:10px 0 0;border-top:2px solid var(--pemda-green);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#56697b;font-size:11px;}
.pemda-news-page-size,.pemda-news-page-control{display:flex;align-items:center;gap:9px;min-width:0;}
.pemda-news-page-size select,.pemda-news-page-control select{appearance:none;-webkit-appearance:none;border:0;border-bottom:1px solid #d7e0e7;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230a9d54' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 2px center;background-size:12px 12px;color:#07375f;font:inherit;font-weight:600;line-height:30px;height:30px;min-width:44px;padding:0 18px 0 8px;border-radius:0;cursor:pointer;}
.pemda-news-page-control select{min-width:48px;text-align:center;}
.pemda-news-total{padding-left:4px;white-space:nowrap;}
.pemda-news-page-control{margin-left:auto;}
.pemda-news-page-arrow{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--pemda-green);text-decoration:none;font-size:25px;line-height:1;border-left:1px solid #edf1f4;transition:.2s ease;}
.pemda-news-page-arrow:hover{background:#effaf5;}
.pemda-news-page-arrow.is-disabled{color:#c7d0d8;pointer-events:none;}
@media(max-width:1200px) and (min-width:861px){
.pemda-news-page .pemda-container,.pemda-news-category-nav .pemda-container{width:min(1080px,calc(100% - 64px));}
.pemda-news-page-hero{min-height:500px;}
.pemda-news-hot-card{height:390px;}
}
@media(max-width:860px){
.pemda-news-page .pemda-container,.pemda-news-category-nav .pemda-container{width:calc(100% - 40px);}
.pemda-news-pagination-bar{align-items:flex-start;flex-direction:column;gap:10px;padding-top:12px;}
.pemda-news-page-control{margin-left:0;width:100%;}
.pemda-news-page-size{width:100%;}
.pemda-news-total{margin-left:auto;}
}
@media(max-width:560px){
.pemda-news-page .pemda-container,.pemda-news-category-nav .pemda-container{width:calc(100% - 32px);}
.pemda-news-hot-card{height:320px;}
.pemda-news-page-size,.pemda-news-page-control{font-size:10px;gap:6px;}
.pemda-news-total{white-space:normal;text-align:right;}
.pemda-news-page-arrow{width:28px;height:28px;}
}
/* =========================================================
* Pemda v1.0.52 — MOBILE NEWS / ARCHIVE REFINEMENT
* Isolated mobile patch. Desktop layout remains unchanged.
* ========================================================= */
@media (max-width: 767.98px){
/* Page canvas / horizontal overflow */
.pemda-news-page{overflow-x:hidden!important;background:#fff!important}
.pemda-news-page .pemda-container{width:calc(100% - 40px)!important;max-width:none!important;margin-inline:auto!important}
/* HERO — compact scale like the reference, with related card inside hero */
.pemda-news-page-hero{min-height:0!important;padding-top:76px!important;padding-bottom:30px!important;background-position:center center!important;overflow:hidden!important}
.pemda-news-page-shade{background:linear-gradient(180deg,rgba(7,22,39,.60) 0%,rgba(7,22,39,.56) 54%,rgba(7,22,39,.78) 100%)!important}
.pemda-news-page-hero-inner{padding-top:22px!important;padding-bottom:0!important}
.pemda-news-breadcrumb{margin:0 0 34px!important;gap:10px!important;font-size:12px!important;line-height:1.4!important}
.pemda-news-page-hero-grid{display:block!important}
.pemda-news-page-feature{max-width:none!important;padding:0!important}
.pemda-news-kicker{font-size:14px!important;line-height:1.3!important;letter-spacing:.03em!important;margin:0 0 16px!important}
.pemda-news-page-feature h1{font-size:clamp(31px,8.3vw,38px)!important;line-height:1.13!important;letter-spacing:-.025em!important;max-width:650px!important;margin:0 0 20px!important;font-weight:700!important;text-wrap:pretty!important}
.pemda-news-meta{font-size:13px!important;line-height:1.5!important;gap:8px!important;color:rgba(255,255,255,.84)!important}
.pemda-news-meta .pemda-icon{width:15px!important;height:15px!important}
.pemda-news-page-feature-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;margin:22px 0 0!important}
.pemda-news-page-feature-actions>a{min-height:48px!important;padding:0 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important}
.pemda-news-page-feature-actions>span{margin-left:0!important;padding:9px 13px!important;font-size:11px!important}
/* Related news card — compact, readable, full width */
.pemda-news-related-card{width:100%!important;max-width:none!important;margin:34px 0 0!important;padding:24px 20px 12px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(23,38,52,.95),rgba(14,29,43,.96))!important;box-shadow:none!important;backdrop-filter:blur(8px)!important}
.pemda-news-related-card h3{font-size:23px!important;line-height:1.2!important;margin:0 0 10px!important;font-weight:700!important}
.pemda-news-related-item{grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;padding:15px 0!important;align-items:start!important}
.pemda-news-related-item img{width:92px!important;height:72px!important;border-radius:10px!important;object-fit:cover!important}
.pemda-news-related-item span{padding-top:0!important}
.pemda-news-related-item small{font-size:11px!important;line-height:1.25!important;margin:0 0 5px!important}
.pemda-news-related-item strong{font-size:15px!important;line-height:1.38!important;font-weight:600!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.pemda-news-related-item em{font-size:11px!important;line-height:1.35!important;margin-top:6px!important}
/* Category tabs — one horizontal scroller, no squeezed columns */
.pemda-news-category-nav{position:relative!important;background:#fff!important;border-bottom:1px solid #e6ebef!important;overflow:hidden!important}
.pemda-news-category-nav .pemda-container{width:100%!important;height:auto!important;min-height:92px!important;padding:20px!important;display:flex!important;justify-content:flex-start!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
.pemda-news-category-nav .pemda-container::-webkit-scrollbar{display:none!important}
.pemda-news-category-nav a{flex:0 0 auto!important;min-width:auto!important;padding:12px 24px!important;border-radius:999px!important;font-size:14px!important;line-height:1.2!important;font-weight:500!important;scroll-snap-align:center!important}
.pemda-news-category-nav a.active{font-weight:700!important}
/* Body / stacking order */
.pemda-news-page-body{padding:34px 0 56px!important}
.pemda-news-page-layout{display:flex!important;flex-direction:column!important;gap:0!important}
.pemda-news-main-column,.pemda-news-sidebar{width:100%!important;min-width:0!important}
/* Main/topical card */
.pemda-news-hot-card{height:auto!important;min-height:0!important;aspect-ratio:1/1.04!important;margin:0 0 34px!important;border-radius:18px!important;background-position:center!important;box-shadow:none!important}
.pemda-news-hot-card:after{background:linear-gradient(180deg,rgba(8,22,33,.02) 0%,rgba(9,20,29,.12) 34%,rgba(14,19,25,.70) 65%,rgba(11,16,21,.94) 100%)!important}
.pemda-news-hot-overlay{padding:28px 24px 24px!important}
.pemda-news-hot-overlay>small{font-size:13px!important;line-height:1.3!important;letter-spacing:.02em!important}
.pemda-news-hot-overlay h2{font-size:clamp(25px,6.7vw,30px)!important;line-height:1.24!important;max-width:100%!important;margin:10px 0 14px!important;font-weight:700!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.pemda-news-hot-meta{font-size:12px!important;line-height:1.4!important;gap:7px!important;margin-bottom:18px!important}
.pemda-news-hot-overlay>a{width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;border-radius:9px!important;font-size:14px!important;font-weight:600!important}
/* News list */
.pemda-news-list-page{gap:0!important}
.pemda-news-row{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;padding:17px 0!important;border-bottom:0!important}
.pemda-news-row-thumb img{width:120px!important;height:98px!important;border-radius:11px!important;object-fit:cover!important}
.pemda-news-row h3{font-size:17px!important;line-height:1.4!important;font-weight:500!important;margin:0 0 8px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.pemda-news-row p{font-size:13px!important;line-height:1.4!important;color:#7b8896!important;margin:0!important}
/* Pagination — mobile control follows Jabar-like compact row */
.pemda-news-pagination-bar{min-height:72px!important;margin:28px 0 0!important;padding:12px 0 0!important;border-top:2px solid var(--pemda-green)!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;font-size:13px!important;color:#526476!important}
.pemda-news-page-size{display:none!important}
.pemda-news-page-control{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:auto 54px auto 46px 46px!important;justify-content:center!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.pemda-news-page-control select{height:36px!important;min-width:54px!important;padding:0 20px 0 9px!important;font-size:14px!important;background-position:right 4px center!important}
.pemda-news-page-arrow{width:46px!important;height:46px!important;font-size:30px!important;border-left:1px solid #edf1f4!important;border-radius:0!important}
/* Sidebar sections are full width beneath pagination */
.pemda-news-sidebar{display:block!important;padding-top:48px!important}
.pemda-news-side-section{margin:0 0 48px!important}
.pemda-news-side-section h3{font-size:22px!important;line-height:1.2!important;margin:0 0 22px!important;padding:0 0 14px!important;font-weight:700!important;letter-spacing:0!important}
.pemda-news-side-section h3:after{width:55%!important;height:3px!important}
.pemda-news-side-section h3 span{font-weight:400!important;color:#9aa3ad!important}
.pemda-news-side-item{grid-template-columns:104px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;padding:14px 0!important}
.pemda-news-side-item img{width:104px!important;height:82px!important;border-radius:10px!important;object-fit:cover!important}
.pemda-news-side-item strong{font-size:16px!important;line-height:1.4!important;font-weight:500!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.pemda-news-side-item small{font-size:13px!important;line-height:1.4!important;margin-top:8px!important;color:#7e8a96!important}
/* Keep footer comfortably clear of floating portal tools */
.pemda-news-page + .pemda-footer,.pemda-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width: 430px){
.pemda-news-page .pemda-container{width:calc(100% - 32px)!important}
.pemda-news-page-hero{padding-top:70px!important;padding-bottom:26px!important}
.pemda-news-page-hero-inner{padding-top:20px!important}
.pemda-news-breadcrumb{font-size:11px!important;margin-bottom:30px!important}
.pemda-news-kicker{font-size:13px!important;margin-bottom:14px!important}
.pemda-news-page-feature h1{font-size:32px!important;line-height:1.14!important;margin-bottom:18px!important}
.pemda-news-meta{font-size:12px!important}
.pemda-news-related-card{margin-top:30px!important;padding:22px 18px 10px!important}
.pemda-news-related-card h3{font-size:21px!important}
.pemda-news-related-item{grid-template-columns:84px minmax(0,1fr)!important;gap:13px!important}
.pemda-news-related-item img{width:84px!important;height:68px!important}
.pemda-news-related-item strong{font-size:14px!important}
.pemda-news-category-nav .pemda-container{padding:18px 16px!important;min-height:82px!important}
.pemda-news-category-nav a{font-size:13px!important;padding:11px 21px!important}
.pemda-news-page-body{padding-top:30px!important}
.pemda-news-hot-card{aspect-ratio:.78!important}
.pemda-news-hot-overlay{padding:25px 20px 21px!important}
.pemda-news-hot-overlay h2{font-size:25px!important}
.pemda-news-row{grid-template-columns:112px minmax(0,1fr)!important;gap:15px!important;padding:16px 0!important}
.pemda-news-row-thumb img{width:112px!important;height:92px!important}
.pemda-news-row h3{font-size:16px!important}
.pemda-news-row p{font-size:12px!important}
.pemda-news-page-control{grid-template-columns:auto 50px auto 42px 42px!important;gap:6px!important;font-size:12px!important}
.pemda-news-page-arrow{width:42px!important;height:42px!important}
.pemda-news-side-section h3{font-size:20px!important}
.pemda-news-side-item{grid-template-columns:96px minmax(0,1fr)!important;gap:14px!important}
.pemda-news-side-item img{width:96px!important;height:76px!important}
.pemda-news-side-item strong{font-size:15px!important}
.pemda-news-side-item small{font-size:12px!important}
}
@media (max-width: 360px){
.pemda-news-page-feature h1{font-size:29px!important}
.pemda-news-row{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important}
.pemda-news-row-thumb img{width:96px!important;height:80px!important}
.pemda-news-page-control{grid-template-columns:auto 46px auto 38px 38px!important;gap:4px!important;font-size:11px!important}
.pemda-news-side-item{grid-template-columns:88px minmax(0,1fr)!important;gap:12px!important}
.pemda-news-side-item img{width:88px!important;height:70px!important}
}
/* ==========================================================
* Pemda v1.0.53 — HEADER & FOOTER DESKTOP CONTAINER ALIGNMENT
* Match the centered Jabarprov proportion without affecting
* content grids or the established mobile header/footer.
* ========================================================== */
@media (min-width:1281px){
.pemda-header > .pemda-header-inner,
.pemda-footer > .pemda-footer-inner{
width:min(1280px,calc(100% - 96px))!important;
max-width:1280px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.pemda-header-inner{
padding-left:0!important;
padding-right:0!important;
}
.pemda-footer-inner{
padding-left:0!important;
padding-right:0!important;
}
}
@media (min-width:861px) and (max-width:1280px){
.pemda-header > .pemda-header-inner,
.pemda-footer > .pemda-footer-inner{
width:calc(100% - 72px)!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* ==========================================================
* Pemda v1.0.54 — HOMEPAGE UNIFIED DESKTOP CONTAINER
* Narrow + centered homepage content to match the reference.
* Backgrounds remain full width. Mobile layout stays unchanged.
* ========================================================== */
@media (min-width:1281px){
.pemda-home .pemda-container{
width:min(1280px,calc(100% - 96px))!important;
max-width:1280px!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
@media (min-width:861px) and (max-width:1280px){
.pemda-home .pemda-container{
width:calc(100% - 72px)!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
}
}
/* v1.0.55 - darker homepage hero so text matches reference contrast */
.pemda-hero{
background-image:linear-gradient(rgba(8,16,24,.72),rgba(7,14,21,.70)),var(--hero);
}
.pemda-hero-overlay{
background:
linear-gradient(90deg,rgba(7,14,20,.58) 0%,rgba(8,14,20,.34) 46%,rgba(6,10,14,.44) 100%),
linear-gradient(180deg,rgba(3,7,11,.18) 0%,rgba(4,8,12,.30) 38%,rgba(4,8,12,.52) 100%);
}
.pemda-hero-media::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.16) 55%,rgba(0,0,0,.22) 100%);
pointer-events:none;
}
/* v1.0.56 - Berita Terkini featured carousel controls */
.pemda-feature-actions span i[data-featured-total]{font-style:normal}
.pemda-feature-actions [data-featured-prev],
.pemda-feature-actions [data-featured-next]{
position:relative;
z-index:3;
min-width:28px;
min-height:28px;
display:inline-grid;
place-items:center;
border-radius:50%;
transition:background .18s ease,transform .18s ease;
touch-action:manipulation;
}
.pemda-feature-actions [data-featured-prev]:hover,
.pemda-feature-actions [data-featured-next]:hover{background:rgba(255,255,255,.14)}
.pemda-feature-actions [data-featured-prev]:active,
.pemda-feature-actions [data-featured-next]:active{transform:scale(.92)}
/* =========================================================
Pemda v1.0.57 - Weather metrics style matched to reference
========================================================= */
@media(min-width:861px){
.pemda-weather-metrics{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:0;
margin:30px 0 0;
padding:8px 7px;
min-height:76px;
background:rgba(255,255,255,.13);
border:1px solid rgba(255,255,255,.035);
border-radius:11px;
overflow:visible;
}
.pemda-weather-metrics>span{
display:grid;
grid-template-columns:30px minmax(0,1fr);
gap:8px;
align-items:center;
min-width:0;
padding:0 8px;
background:transparent;
border-radius:0;
}
.pemda-weather-metrics>span+span{
border-left:1px solid rgba(255,255,255,.12);
}
.pemda-weather-metrics>span>i{
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
color:#fff;
opacity:.96;
font-style:normal;
}
.pemda-weather-metrics>span>i .pemda-icon{
width:20px;
height:20px;
stroke-width:1.9;
}
.pemda-weather-metrics>span>span{
display:flex;
flex-direction:column;
justify-content:center;
min-width:0;
min-height:52px;
padding:7px 8px 6px;
background:rgba(255,255,255,.105);
border-radius:9px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.pemda-weather-metrics b{
display:block;
margin:0;
color:#fff;
font-size:11px;
line-height:1.15;
font-weight:600;
white-space:normal;
}
.pemda-weather-metrics small{
display:block;
margin-top:4px;
color:#fff;
font-size:13px;
line-height:1.15;
font-weight:800;
white-space:nowrap;
}
}
@media(max-width:1280px) and (min-width:861px){
.pemda-weather-metrics{padding:7px 6px;min-height:72px}
.pemda-weather-metrics>span{grid-template-columns:25px minmax(0,1fr);gap:6px;padding:0 6px}
.pemda-weather-metrics>span>i{width:25px;height:25px}
.pemda-weather-metrics>span>i .pemda-icon{width:18px;height:18px}
.pemda-weather-metrics>span>span{min-height:48px;padding:6px 7px}
.pemda-weather-metrics b{font-size:10px}
.pemda-weather-metrics small{font-size:12px}
}
@media(max-width:1050px) and (min-width:861px){
.pemda-weather-metrics{padding:6px 4px}
.pemda-weather-metrics>span{grid-template-columns:20px minmax(0,1fr);gap:4px;padding:0 4px}
.pemda-weather-metrics>span>i{width:20px;height:20px}
.pemda-weather-metrics>span>i .pemda-icon{width:17px;height:17px}
.pemda-weather-metrics>span>span{min-height:45px;padding:5px 5px}
.pemda-weather-metrics b{font-size:9px}
.pemda-weather-metrics small{font-size:10px}
}
/* =========================================================
Pemda v1.0.58 - Weather metric card, match reference exactly
Explicit component classes intentionally override v1.0.57 span rules.
========================================================= */
@media (min-width:861px){
.pemda-weather .pemda-weather-metrics{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:0 !important;
width:100% !important;
min-height:84px !important;
margin:24px 0 22px !important;
padding:9px 8px !important;
box-sizing:border-box !important;
background:rgba(255,255,255,.13) !important;
border:1px solid rgba(255,255,255,.025) !important;
border-radius:11px !important;
overflow:hidden !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.pemda-weather .pemda-weather-metric{
position:relative !important;
display:grid !important;
grid-template-columns:36px minmax(0,1fr) !important;
align-items:center !important;
gap:8px !important;
min-width:0 !important;
padding:0 10px !important;
margin:0 !important;
background:transparent !important;
border:0 !important;
}
.pemda-weather .pemda-weather-metric + .pemda-weather-metric{
border-left:1px solid rgba(255,255,255,.13) !important;
}
.pemda-weather .pemda-weather-metric-icon{
width:36px !important;
height:36px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
margin:0 !important;
color:#fff !important;
opacity:.96 !important;
background:transparent !important;
}
.pemda-weather .pemda-weather-metric-icon .pemda-icon{
width:21px !important;
height:21px !important;
stroke-width:1.9 !important;
}
.pemda-weather .pemda-weather-metric-box{
min-width:0 !important;
min-height:62px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:4px !important;
padding:8px 7px !important;
margin:0 !important;
text-align:center !important;
background:rgba(255,255,255,.115) !important;
border:0 !important;
border-radius:10px !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.pemda-weather .pemda-weather-metric-label{
display:block !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
font-size:11px !important;
line-height:1.08 !important;
font-weight:650 !important;
letter-spacing:-.08px !important;
text-align:center !important;
white-space:normal !important;
}
.pemda-weather .pemda-weather-metric-value{
display:block !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
font-size:14px !important;
line-height:1.08 !important;
font-weight:800 !important;
text-align:center !important;
white-space:nowrap !important;
}
}
/* Keep the reference proportions on common laptop widths; don't collapse text too early. */
@media (max-width:1280px) and (min-width:861px){
.pemda-weather .pemda-weather-metrics{
min-height:82px !important;
padding:8px 7px !important;
}
.pemda-weather .pemda-weather-metric{
grid-template-columns:32px minmax(0,1fr) !important;
gap:7px !important;
padding:0 8px !important;
}
.pemda-weather .pemda-weather-metric-icon{
width:32px !important;
height:32px !important;
}
.pemda-weather .pemda-weather-metric-icon .pemda-icon{
width:20px !important;
height:20px !important;
}
.pemda-weather .pemda-weather-metric-box{
min-height:60px !important;
padding:7px 6px !important;
}
.pemda-weather .pemda-weather-metric-label{font-size:10.5px !important}
.pemda-weather .pemda-weather-metric-value{font-size:13px !important}
}
@media (max-width:1050px) and (min-width:861px){
.pemda-weather .pemda-weather-metric{
grid-template-columns:27px minmax(0,1fr) !important;
gap:5px !important;
padding:0 5px !important;
}
.pemda-weather .pemda-weather-metric-icon{
width:27px !important;
height:27px !important;
}
.pemda-weather .pemda-weather-metric-icon .pemda-icon{
width:18px !important;
height:18px !important;
}
.pemda-weather .pemda-weather-metric-box{
min-height:57px !important;
padding:6px 4px !important;
}
.pemda-weather .pemda-weather-metric-label{font-size:9.5px !important}
.pemda-weather .pemda-weather-metric-value{font-size:11.5px !important}
}
/* =========================================================
Pemda v1.0.59 - Weather metrics compact strip
Match reference: one glass panel, icon + left-aligned text,
subtle dividers, NO separate rounded text cards.
========================================================= */
@media (min-width:861px){
.pemda-weather .pemda-weather-metrics{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:0 !important;
width:100% !important;
min-height:62px !important;
margin:26px 0 22px !important;
padding:0 !important;
box-sizing:border-box !important;
background:rgba(255,255,255,.105) !important;
border:1px solid rgba(255,255,255,.035) !important;
border-radius:10px !important;
overflow:hidden !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.pemda-weather .pemda-weather-metric{
position:relative !important;
display:grid !important;
grid-template-columns:31px minmax(0,1fr) !important;
align-items:center !important;
gap:9px !important;
min-width:0 !important;
min-height:62px !important;
padding:8px 13px !important;
margin:0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
}
.pemda-weather .pemda-weather-metric + .pemda-weather-metric{
border-left:1px solid rgba(255,255,255,.095) !important;
}
.pemda-weather .pemda-weather-metric-icon{
width:31px !important;
height:31px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 31px !important;
padding:0 !important;
margin:0 !important;
color:#fff !important;
opacity:.96 !important;
background:rgba(255,255,255,.075) !important;
border-radius:50% !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.pemda-weather .pemda-weather-metric-icon .pemda-icon{
width:17px !important;
height:17px !important;
stroke-width:1.9 !important;
}
.pemda-weather .pemda-weather-metric-box{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
gap:2px !important;
min-width:0 !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
text-align:left !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.pemda-weather .pemda-weather-metric-label{
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
color:rgba(255,255,255,.94) !important;
font-size:10.5px !important;
line-height:1.15 !important;
font-weight:600 !important;
letter-spacing:0 !important;
text-align:left !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:clip !important;
}
.pemda-weather .pemda-weather-metric-value{
display:block !important;
width:100% !important;
margin:1px 0 0 !important;
padding:0 !important;
color:#fff !important;
font-size:12.5px !important;
line-height:1.15 !important;
font-weight:800 !important;
letter-spacing:-.08px !important;
text-align:left !important;
white-space:nowrap !important;
}
}
/* Keep the same compact proportion on common laptop widths. */
@media (max-width:1280px) and (min-width:861px){
.pemda-weather .pemda-weather-metrics{
min-height:58px !important;
}
.pemda-weather .pemda-weather-metric{
grid-template-columns:28px minmax(0,1fr) !important;
gap:7px !important;
min-height:58px !important;
padding:7px 9px !important;
}
.pemda-weather .pemda-weather-metric-icon{
width:28px !important;
height:28px !important;
flex-basis:28px !important;
}
.pemda-weather .pemda-weather-metric-icon .pemda-icon{
width:16px !important;
height:16px !important;
}
.pemda-weather .pemda-weather-metric-label{
font-size:9.5px !important;
}
.pemda-weather .pemda-weather-metric-value{
font-size:11.5px !important;
}
}
@media (max-width:1050px) and (min-width:861px){
.pemda-weather .pemda-weather-metric{
grid-template-columns:24px minmax(0,1fr) !important;
gap:5px !important;
padding:6px 6px !important;
}
.pemda-weather .pemda-weather-metric-icon{
width:24px !important;
height:24px !important;
flex-basis:24px !important;
}
.pemda-weather .pemda-weather-metric-icon .pemda-icon{
width:14px !important;
height:14px !important;
}
.pemda-weather .pemda-weather-metric-label{
font-size:8.5px !important;
}
.pemda-weather .pemda-weather-metric-value{
font-size:10px !important;
}
}
/* v1.0.60 - custom social icons selected from Identitas & Tampilan */
.pemda-social-custom-icon{object-fit:contain;object-position:center;display:block;max-width:100%;max-height:100%;}
.pemda-side-social a .pemda-social-custom-icon{width:18px;height:18px;}
.pemda-mobile-hero-socials a .pemda-social-custom-icon,
.pemda-mobile-socials a .pemda-social-custom-icon{width:24px;height:24px;}
.pemda-social a .pemda-social-custom-icon{width:17px;height:17px;}
@media(max-width:560px){
.pemda-social a .pemda-social-custom-icon{width:23px;height:23px;}
}
/* =========================================================
Pemda v1.0.62 — Official Kemkomdigi GPR Widget (native embed)
========================================================= */
.pemda-news-list.pemda-gpr-list{
background:transparent!important;
padding:0!important;
border-radius:0!important;
overflow:visible!important;
min-width:0!important;
}
.pemda-gpr-shell{
width:100%;
min-width:300px;
max-width:100%;
margin:0;
box-sizing:border-box;
}
#gpr-kominfo-widget-container{
width:100%!important;
max-width:100%!important;
min-width:300px;
margin:0!important;
box-sizing:border-box!important;
}
/* Do not restyle the official GPR internals; let gpr-widget-kominfo.min.js/css render natively. */
.pemda-gpr-fallback[hidden]{display:none!important;}
.pemda-gpr-fallback{
width:100%;
min-height:505px;
padding:16px 0 16px 16px;
background:#2d2a95;
border-radius:10px;
box-sizing:border-box;
}
.pemda-gpr-fallback .pemda-news-list-inner{height:440px}
@media(max-width:860px){
.pemda-gpr-shell,#gpr-kominfo-widget-container{min-width:0!important;width:100%!important}
}
/* =========================================================
Pemda v1.0.63 — Reliable GPR loader
========================================================= */
.pemda-gpr-shell{position:relative;min-height:505px}
.pemda-gpr-loading{
min-height:505px;
display:grid;
place-items:center;
padding:24px;
text-align:center;
color:#6f7f91;
font-size:13px;
background:#fff;
border:1px solid #e5e9ef;
border-radius:8px;
box-sizing:border-box;
}
.pemda-gpr-loading[hidden]{display:none!important}
.pemda-gpr-loading.is-error{color:#8a5b5b;background:#fff9f9}
#gpr-kominfo-widget-container[data-gpr-loaded="1"] + .pemda-gpr-loading{display:none!important}
/* v1.0.64 - Agenda settings + desktop/mobile layout parity with portal demo */
@media (min-width:861px){
.pemda-agenda .pemda-container{width:min(1280px,calc(100% - 48px))!important;margin-inline:auto!important}
.pemda-agenda-heading{margin-bottom:32px!important}
.pemda-agenda-heading h2{font-size:30px!important;line-height:1.18!important;letter-spacing:-.25px!important;font-weight:700!important;color:#07375c!important}
.pemda-agenda-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;align-items:stretch!important}
.pemda-agenda-hero{height:500px!important;border-radius:16px!important}
.pemda-calendar{min-height:656px!important}
.pemda-calendar h3{font-size:17px!important;line-height:1.25!important;font-weight:700!important;color:#07375c!important}
.pemda-calendar>p{font-size:10px!important;line-height:1.5!important;color:#496079!important}
}
@media (max-width:860px){
.pemda-agenda.is-mobile-calendar-only{padding:20px 0 34px!important;background:#fff!important}
.pemda-agenda.is-mobile-calendar-only .pemda-container{width:calc(100% - 42px)!important;margin-inline:auto!important}
.pemda-agenda.is-mobile-calendar-only .pemda-agenda-heading,
.pemda-agenda.is-mobile-calendar-only .pemda-agenda-maincol{display:none!important}
.pemda-agenda.is-mobile-calendar-only .pemda-agenda-grid{display:block!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar{display:flex!important;min-height:590px!important;margin:0!important;padding:28px 24px 22px!important;border:1px solid #e0e5e9!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar h3{font-size:22px!important;line-height:1.2!important;letter-spacing:-.15px!important;margin:0 0 10px!important;color:#07375c!important;font-weight:700!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar>p{font-size:13px!important;line-height:1.55!important;color:#415b73!important;margin:0 0 22px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-box>b{font-size:14px!important;padding:13px 12px!important;border-radius:10px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-days{padding:21px 0 20px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal{min-height:300px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar>a{font-size:14px!important;padding-top:20px!important}
}
@media (max-width:430px){
.pemda-agenda.is-mobile-calendar-only{padding-top:20px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-container{width:calc(100% - 42px)!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar{min-height:590px!important;padding:26px 16px 20px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar h3{font-size:22px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar>p{font-size:12px!important;line-height:1.55!important;margin-bottom:20px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-box>b{font-size:13px!important;padding:12px 10px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-days{grid-template-columns:32px repeat(5,minmax(37px,1fr)) 32px!important;gap:2px!important;padding:18px 0 18px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date{min-height:62px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date small{font-size:10px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date strong{font-size:15px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal{min-height:310px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal img{width:108px!important;height:108px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal b{font-size:18px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal small{font-size:13px!important}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar>a{font-size:14px!important}
}
/* v1.0.65 - Mobile Agenda demo card parity */
@media (max-width:860px){
.pemda-agenda.is-mobile-calendar-only{
padding:20px 0 34px!important;
background:#fff!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-container{
width:calc(100% - 42px)!important;
max-width:660px!important;
margin:0 auto!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-agenda-heading,
.pemda-agenda.is-mobile-calendar-only .pemda-agenda-maincol{
display:none!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-agenda-grid{
display:block!important;
width:100%!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar{
display:flex!important;
flex-direction:column!important;
width:100%!important;
min-height:700px!important;
margin:0!important;
padding:30px 28px 24px!important;
border:1px solid #dfe5e9!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:none!important;
overflow:hidden!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar h3{
width:100%!important;
margin:0 0 12px!important;
text-align:center!important;
font-size:26px!important;
line-height:1.2!important;
letter-spacing:-.2px!important;
font-weight:700!important;
color:#07375c!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar>p{
width:100%!important;
max-width:520px!important;
margin:0 auto 24px!important;
text-align:center!important;
font-size:15px!important;
line-height:1.55!important;
color:#334e68!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-box{
width:100%!important;
margin:0!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-box>b{
display:block!important;
width:100%!important;
padding:14px 12px!important;
border-radius:10px!important;
background:#f5f6f7!important;
text-align:center!important;
font-size:15px!important;
line-height:1!important;
font-weight:700!important;
color:#07375c!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-days{
display:grid!important;
grid-template-columns:38px repeat(5,minmax(42px,1fr)) 38px!important;
align-items:center!important;
gap:5px!important;
padding:22px 0 22px!important;
border-bottom:1px solid #e9edf0!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-days>button:not(.pemda-calendar-date){
width:38px!important;
height:38px!important;
border:1px solid #e4e9ed!important;
border-radius:9px!important;
background:#fff!important;
color:#07375c!important;
font-size:26px!important;
line-height:34px!important;
padding:0!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date{
min-height:72px!important;
padding:10px 3px!important;
border-radius:15px!important;
background:transparent!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date small{
margin:0 0 7px!important;
font-size:12px!important;
line-height:1!important;
color:#929ca6!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date strong{
font-size:18px!important;
line-height:1!important;
color:#07375c!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date.active{
background:#0aa355!important;
color:#fff!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date.active small,
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date.active strong{
color:#fff!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date.red:not(.active) strong,
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date.red:not(.active) small{
color:#df2e38!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-event-summary{
margin:18px 0 0!important;
padding:15px 16px!important;
border-radius:11px!important;
background:#ecf9f2!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal{
display:flex!important;
flex:1 1 auto!important;
min-height:340px!important;
align-items:center!important;
justify-content:center!important;
flex-direction:column!important;
margin:0!important;
padding:28px 0 18px!important;
text-align:center!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal img{
width:126px!important;
height:126px!important;
object-fit:contain!important;
margin:0 0 24px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal b{
margin:0!important;
font-size:20px!important;
line-height:1.25!important;
font-weight:700!important;
color:#07375c!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal small{
margin:10px 0 0!important;
font-size:15px!important;
line-height:1.45!important;
color:#96a2ad!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar>a{
display:block!important;
width:100%!important;
margin:auto 0 0!important;
padding:22px 0 0!important;
border-top:1px solid #eef1f3!important;
text-align:center!important;
font-size:15px!important;
line-height:1.2!important;
font-weight:700!important;
color:#009b52!important;
}
}
@media (max-width:430px){
.pemda-agenda.is-mobile-calendar-only{
padding:20px 0 28px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-container{
width:calc(100% - 42px)!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar{
min-height:690px!important;
padding:28px 18px 22px!important;
border-radius:17px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar h3{
font-size:25px!important;
margin-bottom:12px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar>p{
font-size:14px!important;
line-height:1.55!important;
margin-bottom:24px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-box>b{
font-size:14px!important;
padding:13px 10px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-days{
grid-template-columns:34px repeat(5,minmax(38px,1fr)) 34px!important;
gap:2px!important;
padding:20px 0 20px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-days>button:not(.pemda-calendar-date){
width:34px!important;
height:34px!important;
font-size:23px!important;
line-height:30px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date{
min-height:68px!important;
padding:9px 2px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date small{
font-size:11px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-date strong{
font-size:17px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal{
min-height:335px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal img{
width:118px!important;
height:118px!important;
margin-bottom:22px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal b{
font-size:19px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-empty-cal small{
font-size:14px!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar>a{
font-size:15px!important;
}
}
/* v1.0.66 - Mobile Agenda full flow: heading + hero + list + calendar */
@media (max-width:860px){
.pemda-agenda.is-mobile-full{
padding:28px 0 44px!important;
background:#fff!important;
}
.pemda-agenda.is-mobile-full .pemda-container{
width:calc(100% - 32px)!important;
max-width:680px!important;
margin-inline:auto!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-heading{
display:block!important;
margin:0 0 26px!important;
text-align:center!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-heading h2{
margin:0!important;
text-align:center!important;
font-size:34px!important;
line-height:1.15!important;
letter-spacing:-.4px!important;
font-weight:700!important;
color:#07375c!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-grid{
display:flex!important;
flex-direction:column!important;
gap:24px!important;
width:100%!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-maincol{
display:block!important;
order:1!important;
width:100%!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-hero{
width:100%!important;
height:540px!important;
border-radius:18px!important;
overflow:hidden!important;
background-position:center!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-overlay{
background:linear-gradient(180deg,rgba(0,0,0,.08) 18%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.92) 100%)!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-list{
margin-top:14px!important;
gap:12px!important;
}
.pemda-agenda.is-mobile-full .pemda-calendar{
order:2!important;
display:flex!important;
flex-direction:column!important;
width:100%!important;
min-height:620px!important;
margin:0!important;
padding:28px 24px 22px!important;
border:1px solid #dfe5e9!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:none!important;
}
.pemda-agenda.is-mobile-full .pemda-calendar h3{
margin:0 0 10px!important;
text-align:center!important;
font-size:24px!important;
line-height:1.2!important;
font-weight:700!important;
color:#07375c!important;
}
.pemda-agenda.is-mobile-full .pemda-calendar>p{
max-width:520px!important;
margin:0 auto 22px!important;
text-align:center!important;
font-size:13px!important;
line-height:1.55!important;
color:#415b73!important;
}
.pemda-agenda.is-mobile-full .pemda-calendar-box>b{
font-size:14px!important;
padding:13px 12px!important;
border-radius:10px!important;
}
.pemda-agenda.is-mobile-full .pemda-empty-cal{
min-height:300px!important;
}
.pemda-agenda.is-mobile-full .pemda-calendar>a{
font-size:14px!important;
padding-top:20px!important;
}
}
@media (max-width:430px){
.pemda-agenda.is-mobile-full{
padding:24px 0 36px!important;
}
.pemda-agenda.is-mobile-full .pemda-container{
width:calc(100% - 24px)!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-heading{
margin-bottom:22px!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-heading h2{
font-size:31px!important;
line-height:1.15!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-hero{
height:540px!important;
border-radius:16px!important;
}
.pemda-agenda.is-mobile-full .pemda-calendar{
min-height:600px!important;
padding:26px 16px 20px!important;
border-radius:17px!important;
}
.pemda-agenda.is-mobile-full .pemda-calendar h3{
font-size:22px!important;
}
.pemda-agenda.is-mobile-full .pemda-calendar>p{
font-size:12px!important;
line-height:1.55!important;
margin-bottom:20px!important;
}
}
/* =========================================================
Pemda v1.0.67 — Agenda desktop parity + scrollable upcoming list
========================================================= */
@media (min-width:861px){
.pemda-agenda{
padding-top:68px!important;
padding-bottom:92px!important;
background:#fff!important;
}
.pemda-agenda .pemda-container{
width:min(1280px,calc(100% - 64px))!important;
margin-inline:auto!important;
}
.pemda-agenda-heading{
margin:0 0 32px!important;
}
.pemda-agenda-heading h2{
margin:0!important;
color:#07375c!important;
font-size:31px!important;
line-height:1.18!important;
font-weight:700!important;
letter-spacing:-.35px!important;
}
.pemda-agenda-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) 300px!important;
gap:24px!important;
align-items:stretch!important;
}
.pemda-agenda-maincol{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
}
.pemda-agenda-hero{
width:100%!important;
height:480px!important;
border-radius:14px!important;
overflow:hidden!important;
position:relative!important;
background-image:var(--agenda)!important;
background-size:cover!important;
background-position:center!important;
isolation:isolate!important;
}
.pemda-agenda-hero::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.22) 40%,rgba(0,0,0,.76) 100%);
}
.pemda-agenda-overlay{
z-index:1!important;
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:30px!important;
padding:34px 36px!important;
background:transparent!important;
}
.pemda-agenda-copy{
max-width:calc(100% - 252px)!important;
min-width:0!important;
}
.pemda-agenda-overlay h3{
max-width:760px!important;
margin:0 0 12px!important;
font-size:29px!important;
line-height:1.18!important;
font-weight:700!important;
color:#fff!important;
text-shadow:0 2px 10px rgba(0,0,0,.34)!important;
}
.pemda-agenda-time{
margin-bottom:13px!important;
font-size:11px!important;
line-height:1.45!important;
text-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
.pemda-agenda-desc{
max-width:760px!important;
margin-bottom:12px!important;
font-size:11px!important;
line-height:1.52!important;
text-shadow:0 1px 5px rgba(0,0,0,.32)!important;
}
.pemda-agenda-tags span{
padding:7px 9px!important;
font-size:9px!important;
border-radius:6px!important;
}
.pemda-agenda-timer{
flex:0 0 220px!important;
align-items:flex-end!important;
}
.pemda-agenda-timer>small{
margin-bottom:8px!important;
font-size:11px!important;
line-height:1.2!important;
text-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
.pemda-countdown{
padding:9px 9px 7px!important;
gap:4px!important;
border:1px solid rgba(255,255,255,.58)!important;
border-radius:10px!important;
background:rgba(0,0,0,.24)!important;
backdrop-filter:blur(3px)!important;
}
.pemda-countdown b{
min-width:36px!important;
padding:7px 7px!important;
font-size:14px!important;
}
.pemda-agenda-detail-btn{
margin-top:9px!important;
padding:9px 20px!important;
border:1px solid rgba(255,255,255,.72)!important;
border-radius:7px!important;
background:rgba(0,0,0,.18)!important;
color:#fff!important;
font-size:11px!important;
line-height:1.1!important;
cursor:pointer!important;
}
.pemda-agenda-list-shell{
width:100%!important;
max-height:238px!important;
margin-top:12px!important;
padding-right:5px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
scrollbar-width:thin!important;
scrollbar-color:#b9c1c8 transparent!important;
overscroll-behavior:contain!important;
}
.pemda-agenda-list-shell::-webkit-scrollbar{width:5px!important}
.pemda-agenda-list-shell::-webkit-scrollbar-track{background:transparent!important}
.pemda-agenda-list-shell::-webkit-scrollbar-thumb{background:#c1c8cf!important;border-radius:999px!important}
.pemda-agenda-list{
margin-top:0!important;
gap:9px!important;
}
.pemda-agenda-list article{
min-height:72px!important;
grid-template-columns:58px minmax(0,1fr) auto!important;
gap:13px!important;
padding:8px 13px!important;
border:1px solid #edf0f2!important;
border-radius:8px!important;
background:repeating-linear-gradient(135deg,#fff,#fff 14px,#fbfbfb 14px,#fbfbfb 28px)!important;
cursor:pointer!important;
outline:none!important;
}
.pemda-agenda-list article:hover,
.pemda-agenda-list article:focus-visible{
border-color:#b9e3ce!important;
box-shadow:0 0 0 2px rgba(10,163,85,.08)!important;
}
.pemda-agenda-list article.is-active{
background:#0aa355!important;
border-color:#0aa355!important;
color:#fff!important;
box-shadow:none!important;
}
.pemda-agenda-list-open{
display:block!important;
width:58px!important;
height:58px!important;
padding:0!important;
border:0!important;
background:transparent!important;
cursor:pointer!important;
}
.pemda-agenda-list img{
width:58px!important;
height:58px!important;
border-radius:7px!important;
object-fit:cover!important;
}
.pemda-agenda-list b{
font-size:11px!important;
line-height:1.3!important;
}
.pemda-agenda-list small,
.pemda-agenda-list span{
font-size:8.5px!important;
line-height:1.35!important;
}
.pemda-agenda-list em{
padding:9px 11px!important;
border-radius:7px!important;
white-space:nowrap!important;
font-size:9px!important;
line-height:1.1!important;
}
.pemda-calendar{
min-height:730px!important;
padding:24px 18px 20px!important;
border:1px solid #e1e6ea!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:none!important;
}
.pemda-calendar h3{
margin:0 0 8px!important;
color:#07375c!important;
font-size:17px!important;
line-height:1.25!important;
font-weight:700!important;
}
.pemda-calendar>p{
margin:0 0 18px!important;
color:#496079!important;
font-size:10px!important;
line-height:1.5!important;
}
.pemda-calendar-event-summary{
margin:14px 0 0!important;
padding:14px!important;
border-radius:9px!important;
background:#eaf9f0!important;
color:#078747!important;
}
.pemda-calendar-event-summary b{
display:block!important;
font-size:11px!important;
line-height:1.25!important;
}
.pemda-calendar-event-summary span{
display:block!important;
margin-top:5px!important;
font-size:9px!important;
line-height:1.35!important;
}
}
@media (max-width:860px){
.pemda-agenda.is-mobile-full .pemda-agenda-hero{
background-image:var(--agenda)!important;
position:relative!important;
isolation:isolate!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-hero::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.28) 46%,rgba(0,0,0,.82) 100%);
}
.pemda-agenda.is-mobile-full .pemda-agenda-overlay{
z-index:1!important;
background:transparent!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-list-shell{
max-height:310px!important;
margin-top:14px!important;
padding-right:3px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
scrollbar-width:thin!important;
scrollbar-color:#c5ccd2 transparent!important;
overscroll-behavior:contain!important;
}
.pemda-agenda.is-mobile-full .pemda-agenda-list-shell::-webkit-scrollbar{width:4px!important}
.pemda-agenda.is-mobile-full .pemda-agenda-list-shell::-webkit-scrollbar-thumb{background:#c5ccd2!important;border-radius:999px!important}
.pemda-agenda.is-mobile-full .pemda-agenda-list{margin-top:0!important}
}
/* ========================================================================
v1.0.68 — Single Program Strategis (reference-style service detail)
======================================================================== */
.pemda-program-single{background:#eef0f1;color:#07375f}.pemda-program-single-hero{position:relative;isolation:isolate;background:#08382f;overflow:hidden;padding:26px 0 54px;color:#fff}.pemda-program-single-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--pemda-program-hero);background-size:cover;background-position:center 45%;filter:saturate(.78)}.pemda-program-single-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,48,44,.96) 0%,rgba(4,57,49,.88) 42%,rgba(5,57,48,.68) 72%,rgba(4,42,39,.8) 100%)}.pemda-program-breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;margin-bottom:25px;color:rgba(255,255,255,.86)}.pemda-program-breadcrumb a{color:#54cfa0;text-decoration:none}.pemda-program-breadcrumb strong{font-weight:600;color:#fff}.pemda-program-hero-row{display:flex;align-items:center;justify-content:space-between;gap:38px}.pemda-program-hero-copy{max-width:820px}.pemda-program-hero-titleline{display:flex;align-items:flex-start;gap:18px}.pemda-program-hero-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border-radius:50%;background:#fff;color:var(--pemda-green);box-shadow:0 9px 25px rgba(0,0,0,.18)}.pemda-program-hero-icon .pemda-icon{width:30px;height:30px}.pemda-program-hero-icon img{width:34px;height:34px;object-fit:contain}.pemda-program-kicker{display:block;color:#89e0bc;font-size:12px;font-weight:700;margin:2px 0 4px}.pemda-program-hero-copy h1{margin:0;color:#5bd69e;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.35px}.pemda-program-hero-copy>p{max-width:760px;margin:15px 0 0 76px;color:#fff;font-size:13px;line-height:1.7}.pemda-program-hero-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:178px;padding:12px 18px;border-radius:7px;background:var(--pemda-green);color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 10px 25px rgba(0,0,0,.14)}.pemda-program-hero-button .pemda-icon{width:15px;height:15px}.pemda-program-content-area{padding:0 0 72px}.pemda-program-content-shell{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;margin-top:-28px;background:#fff;border-radius:10px;padding:28px 30px 36px;box-shadow:0 2px 9px rgba(0,0,0,.04)}.pemda-program-toc{align-self:start;position:sticky;top:95px;padding:5px 0}.pemda-program-toc>strong{display:block;font-size:12px;color:#1f3446;margin-bottom:10px}.pemda-program-toc nav{display:flex;flex-direction:column;border-left:1px solid #dce4e8}.pemda-program-toc a{position:relative;padding:7px 0 7px 14px;color:#4d6173;font-size:11px;line-height:1.35;text-decoration:none}.pemda-program-toc a:hover,.pemda-program-toc a:focus{color:var(--pemda-green)}.pemda-program-toc a:hover:before,.pemda-program-toc a:focus:before{content:"";position:absolute;left:-1px;top:4px;bottom:4px;width:2px;background:var(--pemda-green)}.pemda-program-body{min-width:0}.pemda-program-section{scroll-margin-top:105px;padding:0 0 38px;margin-bottom:34px;border-bottom:1px solid #edf1f3}.pemda-program-section:last-child{border-bottom:0;margin-bottom:0}.pemda-program-section>h2{margin:0 0 20px;font-size:21px;line-height:1.25;color:#07375f;font-weight:700}.pemda-program-centered>h2{text-align:center}.pemda-program-media-image{background:#222;border-radius:8px;overflow:hidden;margin-bottom:16px}.pemda-program-media-image img{display:block;width:100%;max-height:430px;object-fit:cover}.pemda-program-hotline{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;background:#0ead67;color:#fff;text-decoration:none;border-radius:7px;padding:8px 14px;margin-bottom:16px}.pemda-program-hotline-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0ead67}.pemda-program-hotline-avatar .pemda-icon{width:20px;height:20px}.pemda-program-hotline small,.pemda-program-hotline strong{display:block}.pemda-program-hotline small{font-size:9px;opacity:.88}.pemda-program-hotline strong{font-size:12px}.pemda-program-hotline b{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.72);border-radius:6px;padding:7px 10px;font-size:10px}.pemda-program-hotline b .pemda-icon{width:12px;height:12px}.pemda-program-description{font-size:13px;line-height:1.7;color:#334e63;margin:14px 0}.pemda-program-description p{margin:0 0 12px}.pemda-program-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.pemda-program-info-card{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;background:#f7f8f9;border-radius:8px;padding:12px 14px;color:#244861}.pemda-program-info-card>span{color:var(--pemda-green);padding-top:2px}.pemda-program-info-card .pemda-icon{width:17px;height:17px}.pemda-program-info-card small,.pemda-program-info-card strong{display:block}.pemda-program-info-card small{font-size:9px;color:#8394a2;margin-bottom:3px}.pemda-program-info-card strong{font-size:11px;line-height:1.45;font-weight:600}.pemda-program-info-card a{color:#1f5fa0;text-decoration:none}.pemda-program-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pemda-program-benefit-grid>div{position:relative;min-height:74px;padding:13px 14px 13px 28px;border-radius:8px;background:#fbfcfc;border:1px solid #f2f4f5}.pemda-program-benefit-grid>div>span{position:absolute;left:14px;top:18px;width:5px;height:5px;border-radius:50%;background:var(--pemda-green)}.pemda-program-benefit-grid p,.pemda-program-facility-grid p,.pemda-program-terms-list p{margin:0;color:#29495e;font-size:11px;line-height:1.55}.pemda-program-soft-section{background:#fafbfb;border:0!important;border-radius:10px;padding:24px 20px!important}.pemda-program-facility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pemda-program-facility-grid>div{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;background:#fff;border:1px solid #edf1f3;border-radius:7px;padding:10px 12px}.pemda-program-facility-grid .pemda-icon,.pemda-program-requirements-box .pemda-icon,.pemda-program-terms-list .pemda-icon{width:13px;height:13px;color:var(--pemda-green);margin-top:2px}.pemda-program-illustration{display:block;max-width:420px;max-height:300px;width:auto;height:auto;object-fit:contain;margin:0 auto 18px}.pemda-program-requirements-box{max-width:760px;margin:0 auto;background:#f8f9fa;border-radius:8px;padding:14px 16px;text-align:left}.pemda-program-requirements-box p{display:grid;grid-template-columns:16px 1fr;gap:8px;margin:0 0 9px;color:#29495e;font-size:11px;line-height:1.55}.pemda-program-requirements-box p:last-child{margin-bottom:0}.pemda-program-terms-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:22px;align-items:start;text-align:left}.pemda-program-terms-list{display:grid;gap:10px}.pemda-program-terms-list>div{display:grid;grid-template-columns:16px 1fr;gap:9px;background:#f8f9fa;border-radius:7px;padding:12px 13px}.pemda-program-terms-image{display:block;width:100%;max-height:370px;object-fit:contain;border-radius:8px}.pemda-program-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pemda-program-gallery a{display:block;border-radius:8px;overflow:hidden;background:#f2f3f4;aspect-ratio:1.42/1}.pemda-program-gallery img{display:block;width:100%;height:100%;object-fit:cover}.pemda-program-faq{padding-bottom:0}.pemda-program-faq-list{display:grid;gap:8px;text-align:left}.pemda-program-faq-list details{border:1px solid #edf1f3;border-radius:7px;background:#fff;overflow:hidden}.pemda-program-faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;color:#1f4059;font-size:11px;font-weight:600}.pemda-program-faq-list summary::-webkit-details-marker{display:none}.pemda-program-faq-list summary span{color:var(--pemda-green);transition:transform .2s}.pemda-program-faq-list summary .pemda-icon{width:14px;height:14px}.pemda-program-faq-list details[open] summary span{transform:rotate(90deg)}.pemda-program-faq-list details>div{padding:0 13px 12px;color:#526979;font-size:11px;line-height:1.6}.pemda-program-faq-list details>div p{margin:0}
@media(max-width:1100px){.pemda-program-content-shell{grid-template-columns:155px minmax(0,1fr);gap:22px;padding:25px 24px}.pemda-program-hero-copy h1{font-size:27px}.pemda-program-hero-copy>p{margin-left:0}.pemda-program-terms-grid{grid-template-columns:1fr 300px}}
@media(max-width:860px){.pemda-program-single-hero{padding:22px 0 42px}.pemda-program-breadcrumb{margin-bottom:19px;overflow:hidden;white-space:nowrap}.pemda-program-hero-row{display:block}.pemda-program-hero-copy h1{font-size:25px}.pemda-program-hero-copy>p{margin:12px 0 0;font-size:12px}.pemda-program-hero-button{margin-top:20px}.pemda-program-content-area{padding-bottom:46px}.pemda-program-content-shell{display:block;margin-top:-20px;padding:20px 18px 28px}.pemda-program-toc{position:static;margin-bottom:24px;padding:0}.pemda-program-toc>strong{margin-bottom:9px}.pemda-program-toc nav{flex-direction:row;overflow-x:auto;border:0;gap:8px;padding-bottom:5px;scrollbar-width:none}.pemda-program-toc nav::-webkit-scrollbar{display:none}.pemda-program-toc a{flex:0 0 auto;padding:8px 11px;border:1px solid #e2e7ea;border-radius:999px;background:#fff;font-size:10px}.pemda-program-toc a:hover:before,.pemda-program-toc a:focus:before{display:none}.pemda-program-media-image img{max-height:360px}.pemda-program-benefit-grid,.pemda-program-facility-grid{grid-template-columns:1fr}.pemda-program-terms-grid{grid-template-columns:1fr}.pemda-program-terms-image{max-width:420px;margin:auto}.pemda-program-gallery{grid-template-columns:repeat(3,minmax(180px,1fr));overflow-x:auto}.pemda-program-gallery a{min-width:180px}}
@media(max-width:560px){.pemda-program-single-hero:after{background:linear-gradient(180deg,rgba(3,48,44,.9),rgba(4,43,39,.94))}.pemda-program-hero-titleline{gap:12px}.pemda-program-hero-icon{width:46px;height:46px;flex-basis:46px}.pemda-program-hero-icon .pemda-icon{width:24px;height:24px}.pemda-program-kicker{font-size:10px}.pemda-program-hero-copy h1{font-size:21px}.pemda-program-content-shell{padding:18px 14px 24px;border-radius:9px}.pemda-program-section{padding-bottom:28px;margin-bottom:28px}.pemda-program-section>h2{font-size:18px}.pemda-program-hotline{grid-template-columns:38px 1fr}.pemda-program-hotline b{grid-column:1/-1;justify-content:center}.pemda-program-info-grid{grid-template-columns:1fr}.pemda-program-soft-section{padding:20px 14px!important}.pemda-program-illustration{max-width:85%}.pemda-program-gallery{grid-template-columns:repeat(3,72vw)}.pemda-program-gallery a{min-width:0}.pemda-program-faq-list summary{font-size:10.5px}}
/* v1.0.69 — Single Program Strategis container width refinement */
.pemda-program-single .pemda-container{width:min(1280px,calc(100% - 92px));margin-inline:auto}
.pemda-program-content-shell{max-width:100%}
@media(max-width:1360px){.pemda-program-single .pemda-container{width:min(1200px,calc(100% - 68px))}}
@media(max-width:1100px){.pemda-program-single .pemda-container{width:min(1140px,calc(100% - 52px))}}
@media(max-width:860px){.pemda-program-single .pemda-container{width:calc(100% - 34px)}.pemda-program-content-shell{margin-top:-18px;padding:20px 18px 28px}}
@media(max-width:560px){.pemda-program-single .pemda-container{width:calc(100% - 24px)}.pemda-program-content-shell{padding:18px 14px 24px}}
/* ========================================================================
v1.0.71 — Program Strategis HERO ONLY
Preserve v1.0.69 content/container width; rebuild only hero presentation.
======================================================================== */
@media (min-width:861px){
.pemda-program-single-hero{
min-height:500px;
padding:30px 0 118px;
display:flex;
align-items:stretch;
}
.pemda-program-single-hero>.pemda-container{
display:flex;
flex-direction:column;
min-height:352px;
}
.pemda-program-single-hero:before{
background-position:center 43%;
filter:saturate(.82) contrast(1.02);
transform:scale(1.01);
}
.pemda-program-single-hero:after{
background:
linear-gradient(90deg,rgba(2,48,42,.95) 0%,rgba(3,58,51,.87) 42%,rgba(4,59,51,.72) 70%,rgba(2,42,40,.87) 100%),
linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.26));
}
.pemda-program-breadcrumb{
margin-bottom:38px;
font-size:13px;
gap:11px;
}
.pemda-program-breadcrumb a{color:#6bc8ff}
.pemda-program-hero-row{
flex:1;
display:grid;
grid-template-columns:minmax(0,1fr) 300px;
align-items:center;
gap:56px;
}
.pemda-program-hero-copy{max-width:900px}
.pemda-program-hero-titleline{
align-items:center;
gap:24px;
}
.pemda-program-hero-icon{
width:92px;
height:92px;
flex:0 0 92px;
border-radius:50%;
background:#fff;
box-shadow:0 14px 34px rgba(0,0,0,.2);
}
.pemda-program-hero-icon .pemda-icon{width:48px;height:48px}
.pemda-program-hero-icon img{width:62px;height:62px;object-fit:contain}
.pemda-program-hero-heading{min-width:0}
.pemda-program-hero-copy h1{
margin:0;
color:#16c77a;
font-size:42px;
line-height:1.13;
font-weight:750;
letter-spacing:-.7px;
text-shadow:0 2px 14px rgba(0,0,0,.22);
}
.pemda-program-hero-meta{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:14px;
margin-top:15px;
}
.pemda-program-kicker{
display:inline-flex;
align-items:center;
margin:0;
padding:7px 16px;
border-radius:999px;
background:rgba(255,255,255,.16);
border:1px solid rgba(255,255,255,.11);
color:#fff;
font-size:12px;
line-height:1;
font-weight:600;
backdrop-filter:blur(5px);
}
.pemda-program-updated{
display:inline-flex;
align-items:center;
gap:7px;
color:rgba(255,255,255,.93);
font-size:12px;
}
.pemda-program-updated .pemda-icon{width:15px;height:15px}
.pemda-program-hero-copy>p{
max-width:830px;
margin:28px 0 0 116px;
color:#fff;
font-size:16px;
line-height:1.75;
text-shadow:0 1px 8px rgba(0,0,0,.26);
}
.pemda-program-hero-actions{
align-self:center;
display:flex;
flex-direction:column;
align-items:stretch;
gap:14px;
width:100%;
}
.pemda-program-availability{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:42px;
padding:9px 14px;
border-radius:999px;
background:rgba(35,89,133,.88);
border:1px solid rgba(255,255,255,.14);
color:#fff;
font-size:12px;
font-weight:600;
backdrop-filter:blur(5px);
}
.pemda-program-availability .pemda-icon{width:18px;height:18px}
.pemda-program-hero-button{
width:100%;
min-height:54px;
padding:14px 20px;
border-radius:8px;
font-size:16px;
box-shadow:0 14px 28px rgba(0,0,0,.15);
}
/* Keep v1.0.69 width, only increase visual overlap like the reference hero */
.pemda-program-content-shell{margin-top:-94px}
}
@media (min-width:861px) and (max-width:1100px){
.pemda-program-single-hero{min-height:460px;padding-bottom:100px}
.pemda-program-hero-row{grid-template-columns:minmax(0,1fr) 250px;gap:34px}
.pemda-program-hero-icon{width:76px;height:76px;flex-basis:76px}
.pemda-program-hero-icon img{width:52px;height:52px}
.pemda-program-hero-copy h1{font-size:34px}
.pemda-program-hero-copy>p{margin-left:100px;font-size:14px}
}
@media (max-width:860px){
.pemda-program-single-hero{padding:26px 0 70px;min-height:auto}
.pemda-program-single-hero:after{background:linear-gradient(180deg,rgba(3,48,44,.94),rgba(4,43,39,.91))}
.pemda-program-breadcrumb{margin-bottom:24px}
.pemda-program-hero-row{display:block}
.pemda-program-hero-titleline{align-items:center;gap:14px}
.pemda-program-hero-heading{min-width:0}
.pemda-program-hero-copy h1{font-size:29px;line-height:1.16}
.pemda-program-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pemda-program-kicker{display:inline-flex;margin:0;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:10px}
.pemda-program-updated{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.9);font-size:10px}
.pemda-program-updated .pemda-icon{width:13px;height:13px}
.pemda-program-hero-copy>p{margin:18px 0 0;font-size:13px;line-height:1.65}
.pemda-program-hero-actions{display:grid;gap:10px;margin-top:20px}
.pemda-program-availability{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;background:rgba(35,89,133,.88);font-size:11px}
.pemda-program-availability .pemda-icon{width:15px;height:15px}
.pemda-program-hero-button{margin-top:0;width:max-content;max-width:100%}
.pemda-program-content-shell{margin-top:-34px}
}
@media (max-width:560px){
.pemda-program-single-hero{padding-bottom:58px}
.pemda-program-hero-icon{width:54px;height:54px;flex-basis:54px}
.pemda-program-hero-icon img{width:38px;height:38px}
.pemda-program-hero-icon .pemda-icon{width:29px;height:29px}
.pemda-program-hero-copy h1{font-size:24px}
.pemda-program-hero-meta{align-items:flex-start;flex-direction:column}
.pemda-program-hero-copy>p{font-size:12px}
}
/* ========================================================================
v1.0.71 — Program Strategis content scale & reference design refinement
Keep v1.0.69 container width; enlarge typography and card proportions.
======================================================================== */
@media (min-width:861px){
.pemda-program-content-shell{
grid-template-columns:190px minmax(0,1fr);
gap:34px;
padding:34px 38px 46px;
border-radius:12px;
box-shadow:0 3px 14px rgba(15,38,52,.06);
}
.pemda-program-toc{padding:4px 0 0}
.pemda-program-toc>strong{
font-size:14px;
line-height:1.3;
margin-bottom:14px;
color:#20384d;
}
.pemda-program-toc a{
padding:9px 0 9px 15px;
font-size:13px;
line-height:1.45;
}
}
.pemda-program-body{font-size:14px}
.pemda-program-section{
padding-bottom:52px;
margin-bottom:50px;
border-bottom:1px solid #e9eef1;
}
.pemda-program-section>h2{
margin:0 0 26px;
font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif);
font-size:30px;
line-height:1.22;
font-weight:700;
color:#07375f;
letter-spacing:-.25px;
}
.pemda-program-centered>h2{text-align:center}
.pemda-program-media-image{
background:#f4f5f6;
border:1px solid #e0e5e8;
border-radius:14px;
padding:14px;
margin-bottom:20px;
overflow:hidden;
}
.pemda-program-media-image img{
width:100%;
max-height:520px;
border-radius:9px;
object-fit:cover;
}
.pemda-program-hotline{
grid-template-columns:50px 1fr auto;
min-height:58px;
gap:12px;
padding:9px 14px;
margin-bottom:22px;
border-radius:8px;
box-shadow:0 5px 16px rgba(14,173,103,.12);
}
.pemda-program-hotline-avatar{width:40px;height:40px}
.pemda-program-hotline-avatar .pemda-icon{width:23px;height:23px}
.pemda-program-hotline small{font-size:11px;line-height:1.2}
.pemda-program-hotline strong{font-size:14px;line-height:1.25}
.pemda-program-hotline b{padding:9px 13px;font-size:12px}
.pemda-program-hotline b .pemda-icon{width:14px;height:14px}
.pemda-program-description{
margin:18px 0 20px;
font-size:14.5px;
line-height:1.78;
color:#334e63;
}
.pemda-program-description p{margin:0 0 14px}
.pemda-program-info-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:20px;
padding:14px;
border:1px solid #dfe5e9;
border-radius:12px;
background:#fff;
}
.pemda-program-info-card{
grid-template-columns:32px 1fr;
gap:11px;
min-height:68px;
padding:14px 16px;
border:1px solid #edf1f3;
border-radius:8px;
background:#f7f8f9;
}
.pemda-program-info-card .pemda-icon{width:18px;height:18px}
.pemda-program-info-card small{font-size:11px;margin-bottom:5px}
.pemda-program-info-card strong{font-size:13px;line-height:1.5}
.pemda-program-benefit-grid{gap:14px}
.pemda-program-benefit-grid>div{
min-height:86px;
padding:17px 18px 17px 32px;
border:1px solid #edf1f3;
border-radius:9px;
background:#fafbfb;
}
.pemda-program-benefit-grid>div>span{left:16px;top:22px;width:6px;height:6px}
.pemda-program-benefit-grid p,
.pemda-program-facility-grid p,
.pemda-program-terms-list p{
font-size:13.5px;
line-height:1.65;
color:#29495e;
}
.pemda-program-soft-section{
padding:34px 28px!important;
border-radius:12px;
background:#f8f9fa;
}
.pemda-program-facility-grid{gap:11px}
.pemda-program-facility-grid>div{
grid-template-columns:20px 1fr;
gap:10px;
min-height:56px;
padding:13px 14px;
border-radius:8px;
}
.pemda-program-facility-grid .pemda-icon,
.pemda-program-requirements-box .pemda-icon,
.pemda-program-terms-list .pemda-icon{width:15px;height:15px}
.pemda-program-illustration{
max-width:500px;
max-height:360px;
margin:0 auto 24px;
}
.pemda-program-requirements-box{
max-width:820px;
padding:19px 22px;
border:1px solid #edf1f3;
border-radius:10px;
}
.pemda-program-requirements-box p{
grid-template-columns:18px 1fr;
gap:9px;
margin-bottom:11px;
font-size:13.5px;
line-height:1.62;
}
.pemda-program-terms-grid{gap:28px}
.pemda-program-terms-list{gap:12px}
.pemda-program-terms-list>div{
grid-template-columns:18px 1fr;
gap:10px;
padding:14px 15px;
border:1px solid #eef2f4;
border-radius:8px;
}
.pemda-program-terms-image{max-height:410px;border-radius:10px}
.pemda-program-gallery{gap:14px}
.pemda-program-gallery a{border-radius:10px}
.pemda-program-faq-list{gap:10px}
.pemda-program-faq-list details{border-radius:8px}
.pemda-program-faq-list summary{
padding:14px 16px;
font-size:13.5px;
line-height:1.45;
}
.pemda-program-faq-list details>div{
padding:0 16px 15px;
font-size:13px;
line-height:1.7;
}
@media(max-width:1100px){
.pemda-program-content-shell{grid-template-columns:165px minmax(0,1fr);gap:26px;padding:30px 26px 40px}
.pemda-program-toc>strong{font-size:13px}
.pemda-program-toc a{font-size:12px}
.pemda-program-section>h2{font-size:27px}
}
@media(max-width:860px){
.pemda-program-body{font-size:14px}
.pemda-program-content-shell{padding:24px 18px 32px}
.pemda-program-toc a{font-size:12px;padding:9px 12px}
.pemda-program-section{padding-bottom:38px;margin-bottom:38px}
.pemda-program-section>h2{font-size:25px;margin-bottom:20px}
.pemda-program-description{font-size:14px;line-height:1.72}
.pemda-program-info-card small{font-size:11px}
.pemda-program-info-card strong{font-size:13px}
.pemda-program-benefit-grid p,
.pemda-program-facility-grid p,
.pemda-program-terms-list p,
.pemda-program-requirements-box p{font-size:13px}
.pemda-program-faq-list summary{font-size:13px}
}
@media(max-width:560px){
.pemda-program-content-shell{padding:20px 14px 28px}
.pemda-program-section>h2{font-size:23px}
.pemda-program-media-image{padding:9px;border-radius:11px}
.pemda-program-hotline{grid-template-columns:42px 1fr;padding:10px 12px}
.pemda-program-hotline-avatar{width:36px;height:36px}
.pemda-program-hotline small{font-size:10px}
.pemda-program-hotline strong{font-size:13px}
.pemda-program-info-grid{grid-template-columns:1fr;padding:10px}
.pemda-program-info-card{min-height:62px;padding:12px 13px}
.pemda-program-benefit-grid>div{min-height:0;padding:14px 15px 14px 28px}
.pemda-program-soft-section{padding:24px 14px!important}
.pemda-program-faq-list summary{font-size:12.5px;padding:13px 14px}
}
/* ========================================================================
v1.0.71 mobile refinement — Program Strategis reference mobile layout
Keep desktop/container behavior from v1.0.69/v1.0.71; mobile only.
======================================================================== */
@media (max-width: 560px){
.pemda-program-single{
background:#eef0f1;
overflow-x:hidden;
}
.pemda-program-single .pemda-container{
width:calc(100% - 40px);
margin-inline:auto;
}
/* Hero: stacked like the reference service page */
.pemda-program-single-hero{
min-height:0;
padding:54px 0 96px;
background:#053b31;
}
.pemda-program-single-hero:before{
background-position:center center;
transform:none;
filter:saturate(.72) contrast(1.04);
}
.pemda-program-single-hero:after{
background:linear-gradient(180deg,rgba(2,48,43,.95) 0%,rgba(3,53,47,.91) 54%,rgba(2,47,43,.96) 100%);
}
.pemda-program-breadcrumb{
margin:0 0 28px;
gap:9px;
font-size:16px;
line-height:1.3;
white-space:normal;
overflow:visible;
}
.pemda-program-breadcrumb a{color:#72b7ff;font-weight:600}
.pemda-program-breadcrumb span:nth-of-type(n+2),
.pemda-program-breadcrumb strong{display:none}
.pemda-program-hero-row{display:block}
.pemda-program-hero-titleline{
display:block;
}
.pemda-program-hero-icon{
width:94px;
height:94px;
margin:0 0 24px;
border-radius:50%;
box-shadow:none;
}
.pemda-program-hero-icon img{width:72px;height:72px}
.pemda-program-hero-icon .pemda-icon{width:48px;height:48px}
.pemda-program-hero-copy h1{
margin:0;
font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif);
font-size:34px;
line-height:1.18;
font-weight:700;
letter-spacing:-.3px;
color:#24c77d;
text-shadow:none;
}
.pemda-program-hero-meta{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:14px;
margin-top:18px;
}
.pemda-program-kicker{
padding:6px 14px;
font-size:15px;
line-height:1.2;
border:0;
background:rgba(255,255,255,.18);
color:#fff;
}
.pemda-program-updated{
gap:8px;
font-size:15px;
line-height:1.4;
color:#fff;
}
.pemda-program-updated .pemda-icon{width:18px;height:18px}
.pemda-program-hero-copy>p{
max-width:none;
margin:18px 0 0;
font-size:17px;
line-height:1.72;
color:#fff;
}
.pemda-program-hero-actions{
display:grid;
gap:10px;
margin-top:28px;
}
.pemda-program-availability{
width:100%;
min-height:48px;
padding:10px 16px;
border-radius:999px;
font-size:15px;
line-height:1.25;
background:#205b82;
}
.pemda-program-availability .pemda-icon{width:20px;height:20px}
.pemda-program-hero-button{
width:100%;
min-height:56px;
margin:0;
padding:14px 18px;
border-radius:8px;
font-size:18px;
line-height:1.2;
font-weight:600;
box-shadow:none;
}
.pemda-program-hero-button .pemda-icon{display:none}
/* White content card overlaps the hero, with top nav tabs */
.pemda-program-content-area{padding:0 0 50px}
.pemda-program-content-shell{
display:block;
margin-top:-54px;
padding:0 16px 30px;
border-radius:18px 18px 10px 10px;
background:#fff;
box-shadow:0 3px 12px rgba(12,36,48,.05);
overflow:hidden;
}
.pemda-program-toc{
position:static;
margin:0 -16px 22px;
padding:0;
background:#fff;
border-bottom:1px solid #eef1f3;
}
.pemda-program-toc>strong{display:none}
.pemda-program-toc nav{
display:flex;
gap:0;
width:100%;
overflow-x:auto;
overflow-y:hidden;
padding:0 10px;
border:0;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.pemda-program-toc nav::-webkit-scrollbar{display:none}
.pemda-program-toc a{
flex:0 0 auto;
padding:20px 14px 18px;
border:0;
border-radius:0;
background:transparent;
color:#929292;
font-size:15px;
line-height:1.25;
font-weight:400;
white-space:nowrap;
}
.pemda-program-toc a:first-child{color:#8a8a8a}
/* Main section card, typography and rhythm */
.pemda-program-body{font-size:16px}
.pemda-program-section{
padding:0 0 44px;
margin:0 0 42px;
border-bottom:1px solid #edf1f3;
}
.pemda-program-section>h2{
margin:0 0 26px;
font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif);
font-size:29px;
line-height:1.25;
font-weight:700;
letter-spacing:-.2px;
color:#07375f;
}
.pemda-program-centered>h2{text-align:center}
.pemda-program-media-section{
padding:24px 16px 28px;
margin-bottom:48px;
border:1px solid #dfe4e7;
border-radius:14px;
}
.pemda-program-media-section>h2{text-align:center;font-size:29px}
.pemda-program-media-image{
margin:0 0 24px;
padding:16px;
border:0;
border-radius:14px;
background:#f6f6f6;
}
.pemda-program-media-image img{
width:100%;
max-height:none;
aspect-ratio:16/9;
object-fit:cover;
border-radius:10px;
}
/* Hotline becomes a prominent green card like the reference */
.pemda-program-hotline{
display:block;
min-height:0;
margin:0 14px 24px;
padding:20px 18px;
border-radius:12px;
background:linear-gradient(135deg,#14b86d,#25aa69);
color:#fff;
box-shadow:none;
}
.pemda-program-hotline-avatar{display:none}
.pemda-program-hotline small{
font-size:15px;
line-height:1.25;
opacity:1;
}
.pemda-program-hotline strong{
margin-top:8px;
font-size:21px;
line-height:1.2;
color:#fff;
}
.pemda-program-hotline b{
display:flex;
justify-content:center;
width:100%;
margin-top:18px;
padding:13px 16px;
border:0;
border-radius:8px;
background:#fff;
color:#078b4e;
font-size:16px;
font-weight:700;
}
.pemda-program-description{
margin:20px 2px 22px;
font-size:16px;
line-height:1.72;
color:#2b4558;
}
.pemda-program-info-grid{
grid-template-columns:1fr;
gap:12px;
margin-top:18px;
padding:12px;
border-radius:12px;
}
.pemda-program-info-card{
grid-template-columns:32px 1fr;
gap:12px;
min-height:86px;
padding:18px 16px;
border-radius:10px;
}
.pemda-program-info-card .pemda-icon{width:21px;height:21px}
.pemda-program-info-card small{font-size:15px;margin-bottom:6px}
.pemda-program-info-card strong{font-size:17px;line-height:1.5}
.pemda-program-benefit-grid,
.pemda-program-facility-grid{grid-template-columns:1fr;gap:14px}
.pemda-program-benefit-grid>div{
min-height:0;
padding:22px 20px 22px 38px;
border-radius:12px;
background:#fafbfb;
}
.pemda-program-benefit-grid>div>span{
left:20px;
top:29px;
width:8px;
height:8px;
}
.pemda-program-benefit-grid p,
.pemda-program-facility-grid p,
.pemda-program-terms-list p,
.pemda-program-requirements-box p{
font-size:16px;
line-height:1.65;
}
.pemda-program-soft-section{
padding:28px 18px!important;
border-radius:14px;
}
.pemda-program-facility-grid>div{
min-height:68px;
padding:16px 15px;
border-radius:10px;
}
.pemda-program-facility-grid .pemda-icon,
.pemda-program-requirements-box .pemda-icon,
.pemda-program-terms-list .pemda-icon{width:18px;height:18px}
.pemda-program-illustration{
max-width:92%;
max-height:none;
margin-bottom:24px;
}
.pemda-program-requirements-box{
max-width:none;
padding:18px;
border-radius:12px;
}
.pemda-program-requirements-box p{
grid-template-columns:20px 1fr;
gap:10px;
margin-bottom:14px;
}
.pemda-program-terms-grid{grid-template-columns:1fr;gap:20px}
.pemda-program-terms-list{gap:13px}
.pemda-program-terms-list>div{
grid-template-columns:20px 1fr;
min-height:68px;
padding:16px;
border-radius:10px;
}
.pemda-program-terms-image{max-width:100%;max-height:none}
.pemda-program-faq-list{gap:10px}
.pemda-program-faq-list summary{
padding:15px 14px;
font-size:15px;
line-height:1.45;
}
.pemda-program-faq-list details>div{
padding:0 14px 16px;
font-size:15px;
line-height:1.7;
}
}
/* ==========================================================
Pemda v1.0.72
Program Strategis - Mobile Reference Refinement
========================================================== */
@media (max-width:560px){
.pemda-program-reference-mobile{background:#eef0f1;overflow-x:hidden;color:#0b3657}
.pemda-program-reference-mobile .pemda-container{width:calc(100% - 42px)!important;max-width:none!important;margin-inline:auto!important}
.pemda-program-single-hero{min-height:0!important;padding:50px 0 112px!important;background:#063c34!important}
.pemda-program-single-hero:before{background-position:center center!important;filter:saturate(.65) brightness(.74)!important}
.pemda-program-single-hero:after{background:linear-gradient(180deg,rgba(2,45,40,.93) 0%,rgba(2,53,46,.91) 50%,rgba(2,43,39,.97) 100%)!important}
.pemda-program-breadcrumb{margin:0 0 38px!important;gap:8px!important;font-size:16px!important;line-height:1.3!important}
.pemda-program-breadcrumb a:first-child{display:flex;align-items:center;gap:8px;color:#70afff!important;font-size:16px!important;font-weight:600!important}
.pemda-program-breadcrumb a:first-child:before{content:"‹";font-size:28px;line-height:.8;font-weight:300}
.pemda-program-breadcrumb span,.pemda-program-breadcrumb a:nth-of-type(2),.pemda-program-breadcrumb strong{display:none!important}
.pemda-program-hero-row{display:block!important}
.pemda-program-hero-titleline{display:block!important}
.pemda-program-hero-icon{display:grid!important;place-items:center!important;width:92px!important;height:92px!important;margin:0 0 28px!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important}
.pemda-program-hero-icon img{width:72px!important;height:72px!important;object-fit:contain}
.pemda-program-hero-icon .pemda-icon{width:45px!important;height:45px!important}
.pemda-program-hero-copy h1{margin:0!important;max-width:100%;font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif)!important;font-size:28px!important;line-height:1.18!important;letter-spacing:-.25px!important;font-weight:700!important;color:#24c278!important;text-shadow:none!important;overflow-wrap:anywhere}
.pemda-program-hero-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:17px!important;margin-top:18px!important}
.pemda-program-kicker{margin:0!important;padding:7px 15px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:15px!important;line-height:1.2!important;font-weight:500!important}
.pemda-program-updated{display:flex!important;align-items:center!important;gap:9px!important;color:#fff!important;font-size:15px!important;line-height:1.45!important;font-weight:400!important}
.pemda-program-updated .pemda-icon{width:19px!important;height:19px!important}
.pemda-program-hero-copy>p{max-width:none!important;margin:20px 0 0!important;color:#fff!important;font-size:17px!important;line-height:1.72!important;font-weight:400!important}
.pemda-program-hero-actions{display:grid!important;gap:12px!important;margin-top:28px!important}
.pemda-program-availability{width:100%!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:11px 18px!important;border-radius:999px!important;background:#18577f!important;color:#fff!important;font-size:16px!important;line-height:1.25!important;font-weight:400!important}
.pemda-program-availability .pemda-icon{width:22px!important;height:22px!important;margin-right:9px}
.pemda-program-hero-button{width:100%!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:14px 20px!important;border-radius:8px!important;background:#08a95f!important;color:#fff!important;font-size:18px!important;line-height:1.2!important;font-weight:500!important;box-shadow:none!important}
.pemda-program-hero-button .pemda-icon{display:none!important}
.pemda-program-content-area{padding:0 0 48px!important}
.pemda-program-content-shell{display:block!important;margin-top:-64px!important;padding:0 18px 34px!important;border-radius:18px 18px 10px 10px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,38,50,.05)!important;overflow:hidden!important}
.pemda-program-toc{position:static!important;margin:0 -18px 28px!important;padding:0!important;background:#fff!important;border-bottom:1px solid #eceff1!important}
.pemda-program-toc>strong{display:none!important}
.pemda-program-toc nav{display:flex!important;flex-direction:row!important;width:100%!important;gap:0!important;padding:0 14px!important;overflow-x:auto!important;overflow-y:hidden!important;border:0!important;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.pemda-program-toc nav::-webkit-scrollbar{display:none}
.pemda-program-toc a{flex:0 0 auto!important;position:relative;padding:20px 14px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#969696!important;font-size:16px!important;line-height:1.25!important;font-weight:400!important;white-space:nowrap!important;scroll-snap-align:start}
.pemda-program-toc a.is-active{color:#4d4d4d!important}
.pemda-program-toc a.is-active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:#0daa62}
.pemda-program-body{font-size:17px!important;line-height:1.7!important}
.pemda-program-section{scroll-margin-top:100px;padding:0 0 46px!important;margin:0 0 44px!important;border-bottom:1px solid #edf0f2!important}
.pemda-program-section:last-child{border-bottom:0!important}
.pemda-program-section>h2{margin:0 0 28px!important;color:#07375e!important;font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif)!important;font-size:27px!important;line-height:1.25!important;letter-spacing:-.15px;font-weight:700!important}
.pemda-program-centered>h2{text-align:center!important}
.pemda-program-media-section{margin:0 0 50px!important;padding:25px 16px 30px!important;border:1px solid #dfe4e7!important;border-radius:14px!important;background:#fff!important}
.pemda-program-media-section>h2{text-align:center!important;font-size:27px!important;line-height:1.2!important;margin-bottom:26px!important}
.pemda-program-media-image{margin:0 0 24px!important;padding:15px!important;background:#f6f6f6!important;border-radius:14px!important}
.pemda-program-media-image img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9;object-fit:cover!important;border-radius:10px!important}
.pemda-program-hotline{display:block!important;margin:0 14px 26px!important;padding:20px 18px!important;background:linear-gradient(135deg,#15b96e,#22aa68)!important;border-radius:13px!important;color:#fff!important}
.pemda-program-hotline-avatar{display:none!important}
.pemda-program-hotline small{display:block;color:#fff!important;font-size:16px!important;line-height:1.3!important;opacity:1!important}
.pemda-program-hotline strong{display:block;margin-top:7px!important;color:#fff!important;font-size:20px!important;line-height:1.25!important;font-weight:600!important}
.pemda-program-hotline b{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-top:18px!important;padding:14px 16px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#087d48!important;font-size:17px!important;line-height:1.2!important;font-weight:700!important}
.pemda-program-description{margin:22px 2px 24px!important;color:#29485d!important;font-size:17px!important;line-height:1.72!important}
.pemda-program-description p{margin:0 0 16px!important}
.pemda-program-info-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;margin-top:20px!important;padding:12px!important;border-radius:12px!important;background:#fff!important}
.pemda-program-info-card{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:12px!important;min-height:92px!important;padding:19px 17px!important;background:#f6f7f7!important;border-radius:11px!important}
.pemda-program-info-card .pemda-icon{width:21px!important;height:21px!important}
.pemda-program-info-card small{display:block;margin-bottom:6px!important;color:#667d8c!important;font-size:16px!important;line-height:1.3!important}
.pemda-program-info-card strong{display:block;color:#264a62!important;font-size:17px!important;line-height:1.55!important;font-weight:500!important}
.pemda-program-benefit-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.pemda-program-benefit-grid>div{position:relative;min-height:120px!important;display:flex;align-items:flex-start;padding:24px 20px 24px 45px!important;background:#fafbfb!important;border:1px solid #f2f4f5!important;border-radius:12px!important}
.pemda-program-benefit-grid>div>span{position:absolute;left:25px!important;top:29px!important;width:9px!important;height:9px!important;border-radius:50%;background:#47c58d!important}
.pemda-program-benefit-grid p{margin:0!important;color:#183951!important;font-size:17px!important;line-height:1.65!important}
.pemda-program-soft-section{padding:30px 18px!important;border-radius:14px!important;background:#fafafa!important}
.pemda-program-facility-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.pemda-program-facility-grid>div{display:grid!important;grid-template-columns:21px minmax(0,1fr)!important;gap:12px!important;min-height:70px!important;padding:16px 16px!important;background:#fff!important;border:1px solid #e1e5e7!important;border-radius:10px!important}
.pemda-program-facility-grid p{margin:0;color:#183951!important;font-size:17px!important;line-height:1.55!important}
.pemda-program-illustration{display:block;width:auto!important;max-width:94%!important;max-height:none!important;margin:0 auto 26px!important}
.pemda-program-requirements-box{width:100%!important;max-width:none!important;padding:20px 18px!important;background:#f8f9fa!important;border-radius:12px!important}
.pemda-program-requirements-box p{display:grid!important;grid-template-columns:21px minmax(0,1fr)!important;gap:11px!important;margin:0 0 16px!important;color:#183951!important;font-size:17px!important;line-height:1.6!important}
.pemda-program-terms-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
.pemda-program-terms-list{display:grid!important;gap:13px!important}
.pemda-program-terms-list>div{display:grid!important;grid-template-columns:21px minmax(0,1fr)!important;gap:11px!important;min-height:72px!important;padding:17px!important;background:#f8f9fa!important;border-radius:10px!important}
.pemda-program-terms-list p{margin:0;color:#183951!important;font-size:17px!important;line-height:1.6!important}
.pemda-program-terms-image{width:100%!important;max-height:none!important;border-radius:10px!important}
.pemda-program-facility-grid .pemda-icon,.pemda-program-requirements-box .pemda-icon,.pemda-program-terms-list .pemda-icon{width:19px!important;height:19px!important;color:#1ab36f!important;margin-top:2px}
.pemda-program-gallery{display:grid!important;grid-template-columns:repeat(3,75vw)!important;gap:12px!important;overflow-x:auto!important;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}
.pemda-program-gallery::-webkit-scrollbar{display:none}
.pemda-program-gallery a{min-width:0!important;border-radius:11px!important;scroll-snap-align:start}
.pemda-program-faq-list{display:grid;gap:10px!important}
.pemda-program-faq-list details{border:1px solid #e7ebed!important;border-radius:9px!important;background:#fff!important}
.pemda-program-faq-list summary{padding:16px 15px!important;color:#183951!important;font-size:16px!important;line-height:1.45!important;font-weight:600!important}
.pemda-program-faq-list details>div{padding:0 15px 17px!important;color:#506879!important;font-size:16px!important;line-height:1.7!important}
}
/* ==========================================================
Pemda v1.0.73 — Single Berita reference layout
========================================================== */
.pemda-article-single{background:#fff;color:#273d50}
.pemda-article-hero{position:relative;min-height:430px;background-image:var(--pemda-article-hero);background-size:cover;background-position:center 34%;color:#fff;overflow:hidden}
.pemda-article-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,49,44,.93) 0%,rgba(4,44,42,.82) 42%,rgba(17,40,42,.56) 72%,rgba(25,36,37,.50) 100%)}
.pemda-article-hero-inner{position:relative;z-index:2;padding-top:30px;padding-bottom:34px}
.pemda-article-breadcrumb{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.88);font-size:12px;margin:0 0 44px}
.pemda-article-breadcrumb a{color:#82c8ff;text-decoration:none}.pemda-article-breadcrumb strong{color:#fff;font-weight:700}.pemda-article-breadcrumb span{opacity:.75}
.pemda-article-hero-copy{max-width:850px}
.pemda-article-hero-copy h1{margin:0 0 22px;color:#fff;font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif);font-size:clamp(34px,3.05vw,52px);line-height:1.18;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
.pemda-article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.82);font-size:12px}
.pemda-article-meta span{display:inline-flex;align-items:center;gap:7px}.pemda-article-meta .pemda-icon{width:14px;height:14px}.pemda-article-meta i{width:1px;height:14px;background:rgba(255,255,255,.38)}
.pemda-article-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:30px}
.pemda-article-stats{display:flex;gap:22px}.pemda-article-stats>span{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;color:#fff}.pemda-article-stats .pemda-icon{grid-row:1/3;width:24px;height:24px;padding:5px;border:1px solid rgba(255,255,255,.32);border-radius:50%}.pemda-article-stats b{font-size:12px;line-height:1.2}.pemda-article-stats small{font-size:9px;color:rgba(255,255,255,.65)}
.pemda-article-share-button{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:5px;background:#0bb76a;color:#fff;font-weight:700;font-size:12px;padding:12px 18px;cursor:pointer;box-shadow:none}.pemda-article-share-button .pemda-icon{width:15px;height:15px}
.pemda-article-body{padding:46px 0 82px;background:#fff}
.pemda-article-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,.82fr);gap:72px;align-items:start}
.pemda-article-main{min-width:0}.pemda-article-featured{margin:0 0 28px}.pemda-article-featured img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:0}
.pemda-article-content{font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif);color:#4e5155;font-size:16px;line-height:1.58}.pemda-article-content p{margin:0 0 24px}.pemda-article-content p:first-child strong:first-child{color:#3f4348}.pemda-article-content strong{font-weight:700}.pemda-article-content h2,.pemda-article-content h3,.pemda-article-content h4{font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif);color:#07375f;line-height:1.3}.pemda-article-content h2{font-size:28px;margin:38px 0 18px}.pemda-article-content h3{font-size:23px;margin:32px 0 16px}.pemda-article-content ul,.pemda-article-content ol{padding-left:22px;margin:0 0 24px}.pemda-article-content blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--pemda-green);background:#f7f9fa;color:#31495c}.pemda-article-content img{max-width:100%;height:auto}.pemda-article-page-links{margin-top:28px;padding-top:18px;border-top:1px solid #e4e9ed}
.pemda-article-sidebar{min-width:0}.pemda-article-related h2{position:relative;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #d5dde4;color:#07375f;font-size:15px;line-height:1.2;font-weight:800}.pemda-article-related h2:after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:3px;background:var(--pemda-green)}
.pemda-article-related-list{display:flex;flex-direction:column}.pemda-article-related-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start;padding:13px 0;text-decoration:none;color:#07375f}.pemda-article-related-item img{width:76px;height:58px;object-fit:cover;border-radius:7px;background:#e8edf1}.pemda-article-related-item strong{display:block;font-size:13px;line-height:1.38;font-weight:500}.pemda-article-related-item small{display:block;margin-top:7px;color:#8a969f;font-size:9px;line-height:1.3}.pemda-article-related-empty{color:#81909b;font-size:12px}
.pemda-article-share{margin-top:18px}.pemda-article-share h3{display:flex;align-items:center;gap:7px;margin:0 0 13px;color:#83919a;font-size:10px;font-weight:500}.pemda-article-share h3:before{content:"";width:12px;height:12px;border:2px solid var(--pemda-green);border-radius:50%}
.pemda-article-share-links{display:flex;gap:23px;align-items:flex-start}.pemda-article-share-links a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#87939d;font-size:8px;min-width:34px}.pemda-article-share-links .pemda-icon{width:21px;height:21px}.pemda-article-share-links .is-facebook .pemda-icon{color:#1877f2}.pemda-article-share-links .is-twitter .pemda-icon{color:#2aa9e0}.pemda-article-share-links .is-whatsapp .pemda-icon{color:#18b766}.pemda-article-share-links .is-email .pemda-icon{color:#ef4f5f}
@media(max-width:1050px){.pemda-article-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:42px}.pemda-article-hero-copy{max-width:760px}.pemda-article-hero-copy h1{font-size:38px}}
@media(max-width:860px){.pemda-article-hero{min-height:0;padding-top:74px}.pemda-article-hero-inner{padding-top:34px;padding-bottom:38px}.pemda-article-breadcrumb{margin-bottom:26px}.pemda-article-hero-copy{max-width:none}.pemda-article-hero-copy h1{font-size:34px}.pemda-article-hero-bottom{align-items:center}.pemda-article-layout{grid-template-columns:1fr;gap:38px}.pemda-article-sidebar{display:grid;grid-template-columns:1fr auto;gap:30px}.pemda-article-share{margin-top:0}.pemda-article-featured img{max-height:none}}
@media(max-width:560px){.pemda-article-hero{padding-top:66px;background-position:center center}.pemda-article-hero-shade{background:linear-gradient(180deg,rgba(0,48,43,.88),rgba(3,43,40,.90))}.pemda-article-hero-inner{width:calc(100% - 38px)!important;padding-top:26px;padding-bottom:30px}.pemda-article-breadcrumb{font-size:12px;margin-bottom:24px;gap:8px}.pemda-article-hero-copy h1{font-size:29px;line-height:1.23;margin-bottom:17px}.pemda-article-meta{font-size:11px;line-height:1.55;gap:7px}.pemda-article-meta i{display:none}.pemda-article-hero-bottom{display:block;margin-top:24px}.pemda-article-stats{gap:16px;margin-bottom:20px}.pemda-article-stats>span{grid-template-columns:28px auto}.pemda-article-stats b{font-size:11px}.pemda-article-share-button{width:100%;justify-content:center;font-size:14px;padding:13px 16px}.pemda-article-body{padding:28px 0 54px}.pemda-article-layout{width:calc(100% - 38px)!important;gap:32px}.pemda-article-featured{margin-bottom:22px}.pemda-article-featured img{border-radius:4px}.pemda-article-content{font-size:17px;line-height:1.68}.pemda-article-content p{margin-bottom:22px}.pemda-article-content h2{font-size:25px}.pemda-article-content h3{font-size:21px}.pemda-article-sidebar{display:block}.pemda-article-related h2{font-size:17px}.pemda-article-related-item{grid-template-columns:92px 1fr;gap:14px;padding:14px 0}.pemda-article-related-item img{width:92px;height:70px}.pemda-article-related-item strong{font-size:15px;line-height:1.42}.pemda-article-related-item small{font-size:10px}.pemda-article-share{margin-top:22px}.pemda-article-share-links{gap:18px}.pemda-article-share-links a{font-size:9px}.pemda-article-share-links .pemda-icon{width:24px;height:24px}}
/* ==========================================================
Pemda v1.0.74 — Single Berita Container Reference Refinement
Fokus: mempersempit dan memusatkan area hero + body berita.
Header/footer/global container tidak diubah.
========================================================== */
@media (min-width:861px){
.pemda-article-hero-inner,
.pemda-article-layout{
width:min(1140px,calc(100% - 72px)) !important;
max-width:1140px !important;
margin-left:auto !important;
margin-right:auto !important;
}
.pemda-article-layout{
grid-template-columns:minmax(0,1.7fr) minmax(300px,.92fr) !important;
gap:54px !important;
}
.pemda-article-hero-copy{
max-width:720px !important;
}
}
@media (min-width:1180px){
.pemda-article-hero-inner,
.pemda-article-layout{
width:1140px !important;
}
}
/* ==========================================================
Pemda v1.0.75 — Single Berita Hero Reference Spacing
Fokus: hero desktop mengikuti referensi Jabarprov.
Container body/header/footer tidak diubah.
========================================================== */
@media (min-width:861px){
.pemda-article-hero{
min-height:510px !important;
background-position:center 38% !important;
}
.pemda-article-hero-shade{
background:linear-gradient(90deg,rgba(0,47,43,.94) 0%,rgba(4,45,42,.86) 40%,rgba(22,42,43,.62) 72%,rgba(40,49,50,.50) 100%) !important;
}
.pemda-article-hero-inner{
min-height:510px !important;
padding-top:122px !important;
padding-bottom:42px !important;
display:flex !important;
flex-direction:column !important;
}
.pemda-article-breadcrumb{
margin:0 0 42px !important;
font-size:13px !important;
line-height:1.35 !important;
gap:12px !important;
}
.pemda-article-hero-copy{
width:100% !important;
max-width:none !important;
display:flex !important;
flex-direction:column !important;
flex:1 1 auto !important;
}
.pemda-article-hero-copy h1{
max-width:900px !important;
margin:0 0 28px !important;
font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif) !important;
font-size:44px !important;
line-height:1.22 !important;
letter-spacing:-.025em !important;
font-weight:700 !important;
color:#fff !important;
text-wrap:balance !important;
}
.pemda-article-meta{
font-size:13px !important;
line-height:1.5 !important;
gap:11px !important;
}
.pemda-article-meta .pemda-icon{
width:15px !important;
height:15px !important;
}
.pemda-article-hero-bottom{
width:100% !important;
margin-top:auto !important;
padding-top:28px !important;
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
gap:36px !important;
}
.pemda-article-stats{
gap:28px !important;
}
.pemda-article-stats b{
font-size:14px !important;
}
.pemda-article-stats small{
font-size:10px !important;
}
.pemda-article-share-button{
margin-left:auto !important;
min-width:190px !important;
min-height:46px !important;
justify-content:center !important;
font-size:13px !important;
padding:13px 20px !important;
}
}
@media (min-width:861px) and (max-width:1100px){
.pemda-article-hero-inner{
padding-top:116px !important;
}
.pemda-article-breadcrumb{
margin-bottom:34px !important;
}
.pemda-article-hero-copy h1{
max-width:760px !important;
font-size:38px !important;
}
}
/* v1.0.76 — Single Berita custom share icons */
.pemda-article-share h3:before{display:none!important}
.pemda-article-share-heading-icon{display:block;width:18px;height:18px;object-fit:contain;flex:0 0 18px}
.pemda-article-share-links .pemda-article-share-icon{display:block;width:28px;height:28px;object-fit:contain}
.pemda-article-share-links a{gap:7px}
@media(max-width:560px){
.pemda-article-share-heading-icon{width:20px;height:20px;flex-basis:20px}
.pemda-article-share-links .pemda-article-share-icon{width:32px;height:32px}
}
/* v1.0.77 — Force new Single Berita share icon set (embedded images, no legacy icon fallback) */
.pemda-article-share-v177{margin-top:22px!important}
.pemda-article-share-v177 h3{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important;color:#77858f!important;font-size:16px!important;line-height:1.25!important;font-weight:600!important}
.pemda-article-share-v177 h3:before{content:none!important;display:none!important}
.pemda-article-share-v177 .pemda-article-share-heading-icon{display:block!important;width:24px!important;height:24px!important;flex:0 0 24px!important;object-fit:contain!important}
.pemda-article-share-v177 .pemda-article-share-links{display:flex!important;align-items:flex-start!important;gap:30px!important;flex-wrap:wrap!important}
.pemda-article-share-v177 .pemda-article-share-links a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:54px!important;color:#84919b!important;text-decoration:none!important;font-size:10px!important;line-height:1.2!important}
.pemda-article-share-v177 .pemda-article-share-icon{display:block!important;width:36px!important;height:36px!important;object-fit:contain!important;max-width:none!important}
.pemda-article-share-v177 .pemda-icon{display:none!important}
@media(max-width:560px){
.pemda-article-share-v177 h3{font-size:17px!important;margin-bottom:20px!important}
.pemda-article-share-v177 .pemda-article-share-heading-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
.pemda-article-share-v177 .pemda-article-share-links{gap:24px!important}
.pemda-article-share-v177 .pemda-article-share-icon{width:40px!important;height:40px!important}
.pemda-article-share-v177 .pemda-article-share-links a{font-size:11px!important;min-width:58px!important}
}
/* v1.0.78 — Single Berita share icons compact sizing */
.pemda-article-share-v177 h3{gap:8px!important;margin-bottom:14px!important;font-size:15px!important}
.pemda-article-share-v177 .pemda-article-share-heading-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.pemda-article-share-v177 .pemda-article-share-links{gap:24px!important}
.pemda-article-share-v177 .pemda-article-share-links a{gap:6px!important;min-width:48px!important;font-size:10px!important}
.pemda-article-share-v177 .pemda-article-share-icon{width:26px!important;height:26px!important}
@media(max-width:560px){
.pemda-article-share-v177 h3{font-size:15px!important;margin-bottom:16px!important}
.pemda-article-share-v177 .pemda-article-share-heading-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
.pemda-article-share-v177 .pemda-article-share-links{gap:20px!important}
.pemda-article-share-v177 .pemda-article-share-icon{width:28px!important;height:28px!important}
.pemda-article-share-v177 .pemda-article-share-links a{font-size:10px!important;min-width:50px!important}
}
/* ==========================================================
Pemda v1.0.79 — Single Berita Mobile Reference Refinement
Fokus: proporsi hero, related news, body dan share mobile.
Desktop/tablet tidak diubah.
========================================================== */
@media (max-width:560px){
.pemda-article-single{
overflow-x:hidden;
background:#fff;
}
/* Hero mobile: lebih dekat ke proporsi Jabarprov */
.pemda-article-hero{
min-height:0 !important;
padding-top:0 !important;
background-position:center 34% !important;
}
.pemda-article-hero-shade{
background:linear-gradient(180deg,rgba(2,49,44,.78) 0%,rgba(1,45,41,.90) 54%,rgba(1,42,39,.96) 100%) !important;
}
.pemda-article-hero-inner{
width:calc(100% - 42px) !important;
max-width:none !important;
padding-top:82px !important;
padding-bottom:34px !important;
}
.pemda-article-breadcrumb{
margin:0 0 34px !important;
gap:8px !important;
font-size:14px !important;
line-height:1.35 !important;
}
.pemda-article-breadcrumb a:first-child,
.pemda-article-breadcrumb span:first-of-type,
.pemda-article-breadcrumb a:nth-of-type(2),
.pemda-article-breadcrumb span:nth-of-type(2){
display:none !important;
}
.pemda-article-breadcrumb strong{
display:flex !important;
align-items:center !important;
gap:9px !important;
color:#72adff !important;
font-size:15px !important;
font-weight:600 !important;
}
.pemda-article-breadcrumb strong:before{
content:'‹';
display:inline-block;
font-size:30px;
line-height:.75;
font-weight:300;
}
.pemda-article-hero-copy h1{
max-width:100% !important;
margin:0 0 24px !important;
font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif) !important;
font-size:28px !important;
line-height:1.26 !important;
letter-spacing:-.015em !important;
font-weight:700 !important;
text-wrap:pretty !important;
}
.pemda-article-meta{
display:grid !important;
gap:11px !important;
margin:0 !important;
font-size:13px !important;
line-height:1.45 !important;
}
.pemda-article-meta span{
gap:10px !important;
}
.pemda-article-meta .pemda-icon{
width:17px !important;
height:17px !important;
}
.pemda-article-meta i{display:none !important;}
.pemda-article-hero-bottom{
display:block !important;
margin-top:28px !important;
}
.pemda-article-stats{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:18px !important;
margin:0 0 24px !important;
}
.pemda-article-stats>span{
display:grid !important;
grid-template-columns:40px minmax(0,1fr) !important;
grid-template-rows:auto auto !important;
column-gap:12px !important;
}
.pemda-article-stats .pemda-icon{
grid-row:1/3 !important;
width:36px !important;
height:36px !important;
padding:9px !important;
border:1px solid rgba(255,255,255,.38) !important;
}
.pemda-article-stats b{
font-size:16px !important;
line-height:1.15 !important;
font-weight:500 !important;
}
.pemda-article-stats small{
margin-top:3px !important;
font-size:12px !important;
line-height:1.3 !important;
color:rgba(255,255,255,.72) !important;
}
.pemda-article-share-button{
width:100% !important;
min-height:54px !important;
justify-content:space-between !important;
border-radius:8px !important;
padding:14px 18px !important;
font-size:16px !important;
line-height:1.2 !important;
}
.pemda-article-share-button img{
width:20px !important;
height:20px !important;
flex-basis:20px !important;
}
/* Body + featured image */
.pemda-article-body{
padding:34px 0 58px !important;
}
.pemda-article-layout{
width:calc(100% - 42px) !important;
max-width:none !important;
display:block !important;
}
.pemda-article-featured{
margin:0 0 26px !important;
}
.pemda-article-featured img{
width:100% !important;
max-height:none !important;
border-radius:0 !important;
}
.pemda-article-content{
color:#4b5359 !important;
font-size:16px !important;
line-height:1.72 !important;
}
.pemda-article-content p{
margin:0 0 22px !important;
}
.pemda-article-content h2{
margin:34px 0 16px !important;
font-size:24px !important;
line-height:1.3 !important;
}
.pemda-article-content h3{
margin:30px 0 14px !important;
font-size:21px !important;
}
/* Related news: lebih rapat dan proporsional */
.pemda-article-sidebar{
display:block !important;
margin-top:42px !important;
}
.pemda-article-related h2{
margin:0 0 22px !important;
padding:0 0 15px !important;
font-size:22px !important;
line-height:1.15 !important;
letter-spacing:-.01em !important;
}
.pemda-article-related h2:after{
width:112px !important;
height:3px !important;
}
.pemda-article-related-item{
grid-template-columns:92px minmax(0,1fr) !important;
gap:16px !important;
align-items:center !important;
padding:16px 0 !important;
}
.pemda-article-related-item img{
width:92px !important;
height:80px !important;
border-radius:8px !important;
}
.pemda-article-related-item strong{
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:2 !important;
overflow:hidden !important;
font-size:16px !important;
line-height:1.45 !important;
font-weight:500 !important;
}
.pemda-article-related-item small{
margin-top:7px !important;
font-size:12px !important;
line-height:1.35 !important;
color:#7d878e !important;
}
/* Share row mobile */
.pemda-article-share-v177{
margin-top:34px !important;
padding-top:4px !important;
}
.pemda-article-share-v177 h3{
gap:9px !important;
margin:0 0 22px !important;
color:#8a9298 !important;
font-size:16px !important;
font-weight:500 !important;
}
.pemda-article-share-v177 .pemda-article-share-heading-icon{
width:22px !important;
height:22px !important;
flex:0 0 22px !important;
}
.pemda-article-share-v177 .pemda-article-share-links{
display:grid !important;
grid-template-columns:repeat(4,1fr) !important;
gap:8px !important;
width:100% !important;
}
.pemda-article-share-v177 .pemda-article-share-links a{
min-width:0 !important;
gap:9px !important;
color:#767d82 !important;
font-size:13px !important;
}
.pemda-article-share-v177 .pemda-article-share-icon{
width:30px !important;
height:30px !important;
}
}
/* ==========================================================
v1.0.80 — GLOBAL TYPOGRAPHY SETTINGS HARD FIX
Dashboard > Identitas & Tampilan > Tipografi Global Website
is the only typography source for all frontend templates.
========================================================== */
body,
body *:not(svg):not(path):not(use){font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif)}
body{font-size:var(--pemda-body-size,14px);line-height:var(--pemda-line-height,1.55)}
/* Semantic heading sizes */
h1{font-size:var(--pemda-h1-size,48px)}
h2{font-size:var(--pemda-h2-size,30px)}
h3{font-size:var(--pemda-h3-size,20px)}
h4{font-size:var(--pemda-h4-size,18px)}
h5{font-size:var(--pemda-h5-size,16px)}
h6{font-size:var(--pemda-h6-size,14px)}
/* Body copy */
p,li,dd,dt,blockquote,figcaption,td,th,label,input,select,textarea,
.pemda-content,.pemda-article-content,.pemda-program-description{
font-size:var(--pemda-body-size,14px);
line-height:var(--pemda-line-height,1.55);
}
/* Explicitly neutralize legacy reference fonts */
.pemda-program-hero-copy h1,
.pemda-program-section>h2,
.pemda-program-media-section>h2,
.pemda-article-hero-copy h1,
.pemda-article-content,
.pemda-article-content h2,
.pemda-article-content h3,
.pemda-article-content h4{
font-family:var(--pemda-font-family,"Roboto","Segoe UI",Arial,sans-serif)!important;
}
/* ==========================================================
Pemda v1.0.81 — Inner Page Container Lock
Keep every internal page/single centered and proportionate.
Homepage-specific layouts remain untouched.
========================================================== */
@media (min-width:861px){
body:not(.home) .pemda-container{
width:min(1280px,calc(100% - 96px))!important;
max-width:1280px!important;
margin-inline:auto!important;
}
}
@media (min-width:561px) and (max-width:860px){
body:not(.home) .pemda-container{
width:calc(100% - 48px)!important;
max-width:none!important;
margin-inline:auto!important;
}
}
@media (max-width:560px){
body:not(.home) .pemda-container{
width:calc(100% - 32px)!important;
max-width:none!important;
margin-inline:auto!important;
}
}
/* ==========================================================
Pemda v1.0.81 — Selayang Pandang
========================================================== */
.pemda-selayang-page{background:#eef0f2;min-height:100vh;color:#07355c}
.pemda-selayang-hero{position:relative;min-height:310px;padding-top:122px;padding-bottom:88px;background-image:linear-gradient(90deg,rgba(0,58,48,.94),rgba(0,57,49,.84)),var(--selayang-hero);background-size:cover;background-position:center;color:#fff;overflow:hidden}
.pemda-selayang-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08));pointer-events:none}
.pemda-selayang-hero>.pemda-container{position:relative;z-index:2}
.pemda-selayang-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:30px;font-size:12px;color:rgba(255,255,255,.88)}
.pemda-selayang-breadcrumb a{color:#73b8ff;text-decoration:none}.pemda-selayang-breadcrumb strong{font-weight:600;color:#fff}
.pemda-selayang-hero h1{margin:0 0 12px;color:#30ca79;font-size:34px;line-height:1.18;font-weight:700}
.pemda-selayang-hero p{max-width:760px;margin:0;color:#fff;font-size:14px;line-height:1.65}
.pemda-selayang-body{position:relative;padding:0 0 90px}
.pemda-selayang-shell{position:relative;margin-top:-52px;background:#fff;border-radius:12px;padding:30px 34px 42px;box-shadow:0 10px 34px rgba(12,43,64,.08)}
.pemda-selayang-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;align-items:center;min-height:330px;padding:38px 40px;background:var(--pemda-green);border-radius:12px;color:#fff;overflow:hidden;position:relative}
.pemda-selayang-feature:before,.pemda-selayang-feature:after{content:"";position:absolute;border-radius:40px;background:rgba(0,105,60,.12);transform:rotate(18deg)}
.pemda-selayang-feature:before{width:150px;height:210px;right:35%;top:-85px}.pemda-selayang-feature:after{width:170px;height:230px;right:-60px;bottom:-85px}
.pemda-selayang-feature-copy,.pemda-selayang-feature-media{position:relative;z-index:2}
.pemda-selayang-feature h2{margin:0 0 15px;color:#fff;max-width:520px;font-size:32px;line-height:1.24}
.pemda-selayang-feature p{margin:0 0 22px;color:#fff;max-width:520px;line-height:1.65}
.pemda-selayang-outline-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;color:#0a8c55;border-radius:7px;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.7)}
.pemda-selayang-outline-btn .pemda-icon,.pemda-selayang-green-outline .pemda-icon,.pemda-selayang-contribution-lead a .pemda-icon{width:15px;height:15px}
.pemda-selayang-feature-media{background:rgba(255,255,255,.10);padding:0;border-radius:12px;overflow:hidden}
.pemda-selayang-feature-media img{display:block;width:100%;aspect-ratio:16/8.2;object-fit:cover;border-radius:12px}
.pemda-selayang-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:76px;align-items:start;padding:52px 30px 30px}
.pemda-selayang-intro h2{margin:0;color:#07355c;font-size:30px;line-height:1.2;max-width:420px}.pemda-selayang-intro p{margin:0;color:#42627a;line-height:1.7}
.pemda-selayang-awards{padding:0 0 42px;border-bottom:1px solid #edf0f2}
.pemda-selayang-award-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pemda-selayang-award-card{min-height:210px;border:1px solid #e4e8eb;border-radius:10px;padding:22px;background:#fff}
.pemda-selayang-award-icon{width:44px;height:44px;border-radius:50%;background:#f7f8f9;color:#8b98a3;display:grid;place-items:center;margin-bottom:18px}.pemda-selayang-award-icon .pemda-icon{width:21px;height:21px}
.pemda-selayang-award-card h3{margin:0 0 10px;color:#123c5d;font-size:16px;line-height:1.35}.pemda-selayang-award-card p{margin:0 0 16px;color:#597084;font-size:12px;line-height:1.6}.pemda-selayang-tag{display:inline-flex;background:#f4f6f7;color:#6d7e8b;border-radius:5px;padding:6px 10px;font-size:10px}
.pemda-selayang-center{text-align:center;margin-top:28px}.pemda-selayang-green-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--pemda-green);border-radius:7px;color:#079955;text-decoration:none;font-weight:700;background:#fff}
.pemda-selayang-priorities{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:34px;align-items:center;margin-top:40px;padding:32px;background:#fafbfb;border-radius:12px}
.pemda-selayang-priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pemda-selayang-priority-grid article{min-height:122px;background:#fff;border:1px solid #e3e8eb;border-radius:9px;padding:19px;text-align:center;color:#284c66}.pemda-selayang-priority-grid article>span{display:flex;justify-content:center;color:var(--pemda-green);margin-bottom:10px}.pemda-selayang-priority-grid .pemda-icon{width:27px;height:27px}.pemda-selayang-priority-grid p{margin:0;font-size:12px;line-height:1.55}
.pemda-selayang-priority-heading{text-align:right}.pemda-selayang-priority-heading strong{display:block;font-size:34px;color:#07355c;line-height:1}.pemda-selayang-priority-heading span{display:block;margin-top:9px;font-size:13px;line-height:1.5;color:#486780}
.pemda-selayang-contribution{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;margin-top:48px}.pemda-selayang-contribution-lead{background:var(--pemda-green);border-radius:9px;padding:28px;color:#fff;min-height:315px}.pemda-selayang-contribution-lead h2{margin:0 0 16px;color:#fff;font-size:25px;line-height:1.35}.pemda-selayang-contribution-lead p{margin:0 0 20px;color:#fff;line-height:1.65}.pemda-selayang-contribution-lead a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;color:#0a9558;text-decoration:none;border-radius:7px;padding:11px 13px;font-weight:700}
.pemda-selayang-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pemda-selayang-metrics article{border:1px solid #e2e7ea;border-radius:9px;padding:20px;background:#fff;min-height:148px}.pemda-selayang-metrics article:nth-child(4){grid-column:span 2}.pemda-selayang-metric-icon{display:block;color:var(--pemda-green);margin-bottom:10px}.pemda-selayang-metric-icon .pemda-icon{width:24px;height:24px}.pemda-selayang-metrics strong{display:block;color:#0aa05c;font-size:19px;margin-bottom:12px}.pemda-selayang-metrics p{margin:0;color:#526c7f;font-size:11px;line-height:1.55}
@media(max-width:900px){
.pemda-selayang-feature{grid-template-columns:1fr}.pemda-selayang-intro{grid-template-columns:1fr;gap:18px}.pemda-selayang-priorities{grid-template-columns:1fr}.pemda-selayang-priority-heading{text-align:left;order:-1}.pemda-selayang-contribution{grid-template-columns:1fr}.pemda-selayang-award-grid{grid-template-columns:1fr}.pemda-selayang-priority-grid{grid-template-columns:1fr 1fr}.pemda-selayang-metrics{grid-template-columns:1fr 1fr}.pemda-selayang-metrics article:nth-child(4){grid-column:auto}
}
@media(max-width:560px){
.pemda-selayang-hero{min-height:0;padding-top:100px;padding-bottom:92px}.pemda-selayang-breadcrumb{margin-bottom:26px}.pemda-selayang-hero h1{font-size:28px}.pemda-selayang-hero p{font-size:15px}.pemda-selayang-shell{margin-top:-50px;padding:16px 14px 26px;border-radius:16px}.pemda-selayang-feature{padding:25px 20px;gap:22px}.pemda-selayang-feature h2{font-size:26px}.pemda-selayang-feature p{font-size:15px}.pemda-selayang-intro{padding:34px 8px 24px}.pemda-selayang-intro h2{font-size:26px}.pemda-selayang-intro p{font-size:15px}.pemda-selayang-award-card{min-height:0}.pemda-selayang-priorities{padding:20px 14px}.pemda-selayang-priority-grid{grid-template-columns:1fr}.pemda-selayang-priority-heading strong{font-size:30px}.pemda-selayang-priority-grid p{font-size:14px}.pemda-selayang-contribution{margin-top:32px}.pemda-selayang-contribution-lead{min-height:0;padding:24px 20px}.pemda-selayang-metrics{grid-template-columns:1fr}.pemda-selayang-metrics p{font-size:14px}
}
/* v1.0.82 Selayang Pandang configurable icons */
.pemda-selayang-award-icon .pemda-selayang-custom-icon,
.pemda-selayang-priority-grid article>span .pemda-selayang-custom-icon,
.pemda-selayang-metric-icon .pemda-selayang-custom-icon{display:block;width:28px;height:28px;object-fit:contain}
.pemda-selayang-award-icon .pemda-selayang-custom-icon{width:24px;height:24px}
.pemda-selayang-metric-icon .pemda-selayang-custom-icon{width:24px;height:24px}
/* ==========================================================
Pemda v1.0.83 — Prestasi Jawa Barat
========================================================== */
.pemda-prestasi-page{background:#f1f3f4;min-height:100vh;color:#07355c}
.pemda-prestasi-hero{position:relative;min-height:330px;padding:120px 0 98px;background-image:linear-gradient(90deg,rgba(0,56,47,.94),rgba(0,59,51,.83)),var(--prestasi-hero);background-size:cover;background-position:center;color:#fff;overflow:hidden}
.pemda-prestasi-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.10));pointer-events:none}
.pemda-prestasi-hero>.pemda-container{position:relative;z-index:2}
.pemda-prestasi-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:rgba(255,255,255,.86);font-size:12px}
.pemda-prestasi-breadcrumb a{color:#67b2ff;text-decoration:none}.pemda-prestasi-breadcrumb strong{color:#fff;font-weight:600}
.pemda-prestasi-hero h1{margin:0 0 12px;color:#2dcc79;font-size:34px;line-height:1.18;font-weight:700}
.pemda-prestasi-hero p{max-width:760px;margin:0;color:#fff;font-size:14px;line-height:1.65}
.pemda-prestasi-body{padding:0 0 92px}
.pemda-prestasi-shell{position:relative;margin-top:-72px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;padding:34px;background:#fff;border-radius:12px;box-shadow:0 12px 34px rgba(17,44,63,.09)}
.pemda-prestasi-filter{align-self:start;border:1px solid #e3e8eb;border-radius:10px;padding:20px 18px;background:#fff}
.pemda-prestasi-filter>strong{display:block;margin-bottom:15px;color:#123a59;font-size:14px}
.pemda-prestasi-filter-list{display:grid;gap:2px}
.pemda-prestasi-check{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;color:#586b7c;font-size:12px;cursor:pointer}
.pemda-prestasi-check input{appearance:none;width:16px;height:16px;margin:0;border:1px solid #c5d0d7;border-radius:3px;background:#fff;display:grid;place-items:center;cursor:pointer}
.pemda-prestasi-check input:checked{border-color:var(--pemda-green);background:var(--pemda-green)}
.pemda-prestasi-check input:checked:after{content:"✓";color:#fff;font-size:11px;line-height:1;font-weight:700}
.pemda-prestasi-check em{font-style:normal;color:#9aa6af;font-size:10px}.pemda-prestasi-check-all{margin-bottom:4px;color:#51687a}
.pemda-prestasi-main{min-width:0}
.pemda-prestasi-main>h2{margin:0 0 22px;color:#0c9d58;font-size:32px;line-height:1.2}
.pemda-prestasi-search{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:2px;border:1px solid #dfe5e9;border-radius:9px;padding:5px 6px 5px 12px;background:#fff}
.pemda-prestasi-search span{display:grid;place-items:center;color:#9ca8b0}.pemda-prestasi-search span .pemda-icon{width:18px;height:18px}
.pemda-prestasi-search input{width:100%;height:40px;border:0;outline:0;background:transparent;color:#193f5b;font-size:13px}
.pemda-prestasi-search button{height:38px;min-width:62px;border:0;border-radius:7px;background:var(--pemda-green);color:#fff;font-weight:700;font-size:12px;cursor:pointer}
.pemda-prestasi-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 16px;border-bottom:1px solid #edf0f2;color:#455f73}
.pemda-prestasi-toolbar>strong{font-size:12px;font-weight:500}.pemda-prestasi-toolbar>strong span{font-weight:800;color:#183e5a}
.pemda-prestasi-view{display:flex;align-items:center;gap:10px;color:#517089;font-size:10px}.pemda-prestasi-view button{width:30px;height:30px;border:0;background:transparent;color:#b4bdc5;display:grid;place-items:center;cursor:pointer}.pemda-prestasi-view button.is-active{color:#083b63}.pemda-prestasi-view .pemda-icon{width:20px;height:20px}
.pemda-prestasi-list{display:grid;gap:16px;padding-top:18px}
.pemda-prestasi-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;min-height:126px;padding:18px 20px;border:1px solid #e3e8eb;border-radius:10px;background:#fff}
.pemda-prestasi-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f6f7f8;color:#a6afb6}.pemda-prestasi-icon .pemda-icon{width:20px;height:20px}
.pemda-prestasi-card-copy h3{margin:2px 0 4px;color:#0b3d63;font-size:14px;line-height:1.4;font-weight:700}.pemda-prestasi-card-copy p{margin:0 0 16px;color:#527088;font-size:11px;line-height:1.5}.pemda-prestasi-card-copy span{display:inline-flex;padding:6px 9px;border-radius:5px;background:#f5f6f7;color:#778892;font-size:9px}
.pemda-prestasi-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pemda-prestasi-list.is-grid .pemda-prestasi-card{grid-template-columns:48px minmax(0,1fr);min-height:150px}.pemda-prestasi-list.is-grid .pemda-prestasi-card-copy p{margin-bottom:12px}
.pemda-prestasi-empty{padding:50px 20px;text-align:center;color:#778b99;background:#fafbfb;border:1px dashed #d9e0e5;border-radius:10px;margin-top:18px}
.pemda-prestasi-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:12px;border-top:2px solid #28b970;color:#647988;font-size:10px}
.pemda-prestasi-page-size,.pemda-prestasi-page-nav{display:flex;align-items:center;gap:10px}.pemda-prestasi-pagination select{height:32px;border:0;border-bottom:1px solid #d8dee3;background:#fff;color:#183f5a;outline:0}.pemda-prestasi-page-nav b{color:#173e5d}.pemda-prestasi-page-nav button{width:34px;height:34px;border:0;background:#f7f8f8;color:#0aa35e;font-size:24px;display:grid;place-items:center;cursor:pointer}.pemda-prestasi-page-nav button:disabled{color:#c4ccd2;cursor:default}
@media(max-width:1000px){.pemda-prestasi-shell{grid-template-columns:220px minmax(0,1fr);padding:24px;gap:22px}.pemda-prestasi-list.is-grid{grid-template-columns:1fr}}
@media(max-width:760px){.pemda-prestasi-hero{min-height:0;padding:105px 0 90px}.pemda-prestasi-shell{display:block;margin-top:-48px;padding:18px 16px 26px;border-radius:16px}.pemda-prestasi-filter{margin-bottom:24px}.pemda-prestasi-filter-list{grid-template-columns:1fr 1fr;column-gap:18px}.pemda-prestasi-main>h2{font-size:27px}.pemda-prestasi-toolbar{align-items:flex-start}.pemda-prestasi-pagination{flex-direction:column;align-items:stretch}.pemda-prestasi-page-nav{justify-content:space-between}}
@media(max-width:560px){.pemda-prestasi-hero{padding-top:96px;padding-bottom:84px}.pemda-prestasi-breadcrumb{font-size:11px;flex-wrap:wrap}.pemda-prestasi-hero h1{font-size:28px}.pemda-prestasi-hero p{font-size:14px}.pemda-prestasi-shell{padding:14px 12px 22px}.pemda-prestasi-filter-list{grid-template-columns:1fr}.pemda-prestasi-main>h2{font-size:25px}.pemda-prestasi-search{grid-template-columns:28px minmax(0,1fr) auto}.pemda-prestasi-toolbar{display:block}.pemda-prestasi-view{margin-top:12px;justify-content:flex-end}.pemda-prestasi-card{grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:112px;padding:16px 14px}.pemda-prestasi-icon{width:42px;height:42px}.pemda-prestasi-card-copy h3{font-size:13px}.pemda-prestasi-card-copy p{font-size:11px;margin-bottom:10px}.pemda-prestasi-list.is-grid{grid-template-columns:1fr}.pemda-prestasi-page-size{flex-wrap:wrap}}
/* ==========================================================
Pemda v1.0.87 — Tentang Daerah
Inner container follows v1.0.81 global container lock.
========================================================== */
.pemda-about-page{background:#eef0f2;min-height:100vh;color:#07355c}
.pemda-about-hero{position:relative;min-height:310px;padding:122px 0 88px;background-image:linear-gradient(90deg,rgba(0,58,48,.95),rgba(0,57,49,.84)),var(--about-hero);background-size:cover;background-position:center;color:#fff;overflow:hidden}
.pemda-about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08));pointer-events:none}
.pemda-about-hero>.pemda-container{position:relative;z-index:2}
.pemda-about-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:30px;color:rgba(255,255,255,.88)}
.pemda-about-breadcrumb a{color:#73b8ff;text-decoration:none}.pemda-about-breadcrumb strong{color:#fff;font-weight:600}
.pemda-about-hero h1{margin:0 0 12px;color:#30ca79;line-height:1.18;font-weight:700}
.pemda-about-hero p{max-width:780px;margin:0;color:#fff;line-height:1.65}
.pemda-about-body{position:relative;padding:0 0 90px}
.pemda-about-shell{position:relative;margin-top:-52px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;background:#fff;border-radius:12px;padding:30px 34px 42px;box-shadow:0 10px 34px rgba(12,43,64,.08)}
.pemda-about-toc{align-self:start;border:1px solid #e4e8eb;border-radius:10px;padding:20px 16px;background:#fff;position:sticky;top:24px}
.pemda-about-toc>strong{display:block;margin-bottom:14px;color:#273f51;font-weight:700}
.pemda-about-toc nav{display:grid;gap:3px;border-left:1px solid #e6eaed;padding-left:0}
.pemda-about-toc a{position:relative;display:block;padding:10px 12px;color:#687b89;text-decoration:none;border-left:2px solid transparent}
.pemda-about-toc a:hover,.pemda-about-toc a.is-active{color:var(--pemda-green);border-left-color:var(--pemda-green);font-weight:600;background:#fbfdfc}
.pemda-about-toc-group{display:block;padding:14px 12px 6px;color:#283d4d;font-weight:700;line-height:1.35}
.pemda-about-content{min-width:0}
.pemda-about-section-head{margin:0 0 28px}.pemda-about-section-head h2{margin:0 0 10px;color:#0b9b57}.pemda-about-section-head p{margin:0;color:#47657b;line-height:1.65}
.pemda-about-vision-card,.pemda-about-mission-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;border-radius:12px;background:#fafbfb;padding:24px;margin-bottom:24px;overflow:hidden;position:relative}
.pemda-about-vision-card:before,.pemda-about-mission-card:before{content:"";position:absolute;width:180px;height:180px;border:24px solid rgba(8,157,89,.035);border-radius:50%;left:-75px;top:-72px;pointer-events:none}
.pemda-about-vision-copy,.pemda-about-mission-copy,.pemda-about-card-media{position:relative;z-index:2}
.pemda-about-vision-copy>span{display:block;color:#173d5d;font-weight:700;margin-bottom:14px}.pemda-about-vision-copy h3{margin:0 0 14px;color:#15283a;line-height:1.28}.pemda-about-vision-copy em{display:block;color:#bf3137;font-weight:700;font-style:italic;line-height:1.45}
.pemda-about-card-media{border-radius:10px;overflow:hidden;background:#eef1f2}.pemda-about-card-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pemda-about-mission-copy h3{margin:0 0 16px;color:#173d5d}.pemda-about-mission-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.pemda-about-mission-copy li{position:relative;padding-left:18px;color:#234963;line-height:1.55}.pemda-about-mission-copy li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--pemda-green)}
.pemda-about-program-section{margin-top:30px;padding:28px 24px;background:#fafbfb;border-radius:12px}
.pemda-about-program-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:22px}.pemda-about-program-heading h2{margin:0;color:#07355c;max-width:360px}.pemda-about-program-heading p{margin:2px 0 0;color:#587184;max-width:520px;line-height:1.6}
.pemda-about-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pemda-about-program-grid article{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;border:1px solid #e1e7ea;border-radius:9px;background:#fff;color:#244b65}.pemda-about-program-grid article>span{display:grid;place-items:center;color:var(--pemda-green);margin-bottom:10px}.pemda-about-program-grid .pemda-icon{width:28px;height:28px}.pemda-about-custom-icon{display:block;width:30px;height:30px;object-fit:contain}.pemda-about-program-grid p{margin:0;line-height:1.5}
@media(max-width:1000px){.pemda-about-shell{grid-template-columns:200px minmax(0,1fr);gap:22px;padding:24px}.pemda-about-vision-card,.pemda-about-mission-card{gap:22px}.pemda-about-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pemda-about-hero{min-height:0;padding:105px 0 90px}.pemda-about-shell{display:block;margin-top:-48px;padding:18px 16px 28px;border-radius:16px}.pemda-about-toc{position:static;margin:0 0 24px;padding:0;border:0;border-bottom:1px solid #e9edef;border-radius:0;overflow-x:auto}.pemda-about-toc>strong{padding:0 4px 10px}.pemda-about-toc nav{display:flex;gap:6px;border-left:0;padding:0 0 12px;min-width:max-content}.pemda-about-toc a{border:1px solid #e1e6e9!important;border-radius:999px;margin:0;padding:9px 14px;white-space:nowrap}.pemda-about-toc a.is-active{border-color:var(--pemda-green)!important}.pemda-about-toc-group{display:none}.pemda-about-vision-card,.pemda-about-mission-card{grid-template-columns:1fr}.pemda-about-mission-card .pemda-about-card-media{order:0}.pemda-about-mission-copy{order:1}.pemda-about-program-heading{display:block}.pemda-about-program-heading h2{max-width:none;margin-bottom:10px}}
@media(max-width:560px){.pemda-about-hero{padding-top:96px;padding-bottom:84px}.pemda-about-breadcrumb{margin-bottom:24px;flex-wrap:wrap}.pemda-about-shell{padding:14px 12px 24px}.pemda-about-section-head{margin-bottom:22px}.pemda-about-vision-card,.pemda-about-mission-card{padding:18px 16px;margin-bottom:18px}.pemda-about-card-media img{aspect-ratio:16/10}.pemda-about-program-section{padding:20px 14px}.pemda-about-program-grid{grid-template-columns:1fr}.pemda-about-program-grid article{min-height:92px;flex-direction:row;justify-content:flex-start;text-align:left;gap:14px}.pemda-about-program-grid article>span{margin:0;flex:0 0 34px}}
/* ==========================================================
Pemda v1.0.92 — Tentang Daerah child pages
Native fixed routes + reference-style layouts.
========================================================== */
.pemda-about-subcontent{min-width:0}
.pemda-about-subcontent .pemda-about-section-head h2{color:#079b53;font-weight:700}
.pemda-about-subheading{margin:34px 0 18px;color:#07355c}
.pemda-about-roadmap{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:32px 20px;margin:10px 0 42px;background:#f8faf9;border-radius:14px;border:1px solid #edf1ef}
.pemda-about-roadmap:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:10px;border-radius:999px;background:#143f6f;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.pemda-about-roadmap-node{position:relative;z-index:2;min-height:128px;padding:18px 18px 18px 82px;background:#fff;border:1px solid #e4e9ec;border-radius:12px;display:flex;flex-direction:column;justify-content:center;overflow:visible}
.pemda-about-roadmap-node span{position:absolute;left:16px;top:18px;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pemda-green);color:#fff;font-size:13px!important;line-height:1!important;letter-spacing:-.2px;font-weight:700;white-space:nowrap;overflow:visible;text-align:center;padding:0}
.pemda-about-roadmap-node strong{color:#173f60;line-height:1.45}
.pemda-about-goals{padding:26px 20px;background:#fafbfb;border-radius:14px}
.pemda-about-goals>h3{margin:0 0 22px;color:#07355c}
.pemda-about-goal-card{display:grid;grid-template-columns:1fr;gap:20px;padding:22px 0;border-bottom:1px solid #e8ecef}
.pemda-about-goal-card.has-media{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);align-items:center}
.pemda-about-goal-card:nth-of-type(odd).has-media .pemda-about-goal-media{order:2}
.pemda-about-goal-card:last-child{border-bottom:0}
.pemda-about-goal-copy{position:relative;padding-left:46px}.pemda-about-goal-copy>span{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pemda-green);color:#fff;font-weight:700}
.pemda-about-goal-copy h4{margin:0 0 14px;color:#173f60}.pemda-about-goal-copy ul{margin:0;padding-left:20px}.pemda-about-goal-copy li{margin:0 0 8px;color:#35566d}.pemda-about-goal-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.pemda-about-emblem-hero{display:grid;place-items:center;min-height:310px;padding:28px;border-radius:14px;background:linear-gradient(90deg,rgba(0,74,58,.84),rgba(0,74,58,.66));overflow:hidden}.pemda-about-emblem-hero img{display:block;max-width:100%;max-height:280px;object-fit:contain;border-radius:10px}
.pemda-about-meaning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e5eaed;border-left:1px solid #e5eaed}.pemda-about-meaning-grid article{min-height:150px;display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:16px;align-items:center;padding:24px;border-right:1px solid #e5eaed;border-bottom:1px solid #e5eaed}.pemda-about-meaning-grid h4{margin:0 0 8px;color:#079b53}.pemda-about-meaning-grid p{margin:0;color:#35566d}.pemda-about-meaning-grid img{width:64px;height:64px;object-fit:contain}
.pemda-about-color-section{margin-top:34px;padding:24px;background:#f7f9f8;border-radius:14px}.pemda-about-color-section>h3{margin:0 0 18px;color:#07355c}.pemda-about-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pemda-about-color-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:18px;background:#fff;border:1px solid #e6eaed;border-radius:10px}.pemda-about-color-grid article>span{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}.pemda-about-color-grid h4{margin:0 0 6px;color:#079b53}.pemda-about-color-grid p{margin:0;color:#49677b}
.pemda-about-history-timeline{position:relative;padding-left:96px}.pemda-about-history-timeline:before{content:"";position:absolute;left:49px;top:12px;bottom:18px;width:2px;background:#19ad68}.pemda-about-history-timeline article{position:relative;margin-bottom:18px;padding:22px 24px;background:#f8faf9;border-radius:10px}.pemda-about-history-timeline article>span{position:absolute;left:-82px;top:18px;width:66px;height:66px;min-height:0;padding:6px;border-radius:50%;display:grid;place-items:center;text-align:center;box-sizing:border-box;aspect-ratio:1/1;background:#079b53;color:#fff;font-weight:700;font-size:.82rem;line-height:1.05;overflow-wrap:anywhere;word-break:break-word}.pemda-about-history-timeline h4{margin:0 0 8px;color:#173f60}.pemda-about-history-timeline p{margin:0;color:#35566d}
.pemda-about-leader-panel{padding:28px;background:#19ad68;border-radius:14px;color:#fff;text-align:center}.pemda-about-leader-panel>h3{margin:0 0 8px;color:#fff}.pemda-about-leader-panel>p{margin:0 0 22px;color:#fff}.pemda-about-current-leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;justify-items:stretch}.pemda-about-current-leaders article{min-height:270px;padding:18px;border-radius:12px;background:#0e9d59;display:flex;flex-direction:column;align-items:center}.pemda-about-current-leaders article:nth-child(3){grid-column:1/-1;width:50%;justify-self:center}.pemda-about-current-leaders span{opacity:.88}.pemda-about-current-leaders h4{margin:6px 0 12px;color:#fff}.pemda-about-current-leaders img,.pemda-about-leader-placeholder{width:150px;height:150px;object-fit:contain;display:grid;place-items:center;margin:auto auto 10px}.pemda-about-leader-placeholder{border-radius:50%;background:rgba(255,255,255,.13);font-size:42px}.pemda-about-current-leaders button{width:100%;border:0;border-radius:7px;padding:10px;background:rgba(255,255,255,.12);color:#fff;font-weight:600}.pemda-about-previous{margin-top:34px}.pemda-about-previous>h3{margin:0 0 20px;color:#07355c}.pemda-about-previous-line{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pemda-about-previous-line:before{content:"";position:absolute;left:5%;right:5%;top:18px;height:2px;background:#18a964}.pemda-about-previous-line article{position:relative;text-align:center;padding-top:48px}.pemda-about-previous-line article>span{position:absolute;top:0;left:8%;right:8%;padding:8px 10px;border-radius:999px;background:#079b53;color:#fff;font-weight:600}.pemda-about-previous-line img,.pemda-about-prev-placeholder{width:50px;height:50px;border-radius:50%;object-fit:cover;margin:0 auto 8px;background:#eef1f2}.pemda-about-previous-line small,.pemda-about-previous-line strong{display:block}.pemda-about-previous-line strong{color:#173f60}
.pemda-about-org-chart{padding:28px;background:#f7f8f8;border-radius:14px;text-align:center}.pemda-about-org-root{display:inline-block;padding:14px 22px;border-radius:999px;background:#079b53;color:#fff;font-weight:700;margin-bottom:30px}.pemda-about-org-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:760px;margin:0 auto}.pemda-about-org-nodes article{position:relative;padding:16px 18px;border:2px solid #20b46d;border-radius:12px;background:#fff}.pemda-about-org-nodes strong,.pemda-about-org-nodes small{display:block}.pemda-about-org-nodes strong{color:#079b53}.pemda-about-org-nodes small{margin-top:4px;color:#71818d}.pemda-about-duties{margin-top:34px}.pemda-about-duties>h3{margin:0 0 20px;color:#07355c}.pemda-about-duties>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pemda-about-duties article{padding:22px;border:1px solid #e3e8eb;border-radius:10px;background:#fff}.pemda-about-duties h4{margin:0 0 12px;color:#079b53}.pemda-about-duties p{margin:0;color:#35566d}
.pemda-about-directory-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border:1px solid #dfe5e8;border-radius:9px;overflow:hidden;background:#fff}.pemda-about-directory-search i{padding-left:16px;color:#90a0aa}.pemda-about-directory-search input{border:0!important;box-shadow:none!important;padding:15px 12px!important;background:transparent!important}.pemda-about-directory-search button{margin:5px;padding:10px 20px;border:0;border-radius:7px;background:#079b53;color:#fff;font-weight:600}.pemda-about-directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 16px}.pemda-about-directory-toolbar>div{display:flex;align-items:center;gap:8px}.pemda-about-directory-toolbar button{border:0;background:transparent;color:#a6b0b6;font-size:20px}.pemda-about-directory-toolbar button.is-active{color:#07355c}.pemda-about-directory-list{display:grid;gap:16px}.pemda-about-directory-list article{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:center;padding:20px;border:1px solid #dfe5e8;border-radius:10px;background:#fff}.pemda-about-directory-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pemda-about-directory-list.is-grid article{grid-template-columns:70px minmax(0,1fr)}.pemda-about-directory-list img,.pemda-about-directory-logo{width:76px;height:76px;object-fit:contain;display:grid;place-items:center;border-radius:8px;background:#f7f8f9;color:#079b53;font-size:28px}.pemda-about-directory-copy h3{margin:0 0 4px;color:#07355c}.pemda-about-directory-copy>strong{display:block;color:#29506d}.pemda-about-directory-copy>p{margin:4px 0 10px;color:#6c7f8c}.pemda-about-directory-actions{display:flex;gap:10px;flex-wrap:wrap}.pemda-about-directory-actions a{padding:9px 14px;border-radius:7px;background:#079b53;color:#fff;text-decoration:none;font-weight:600}.pemda-about-directory-actions a.outline{background:#fff;color:#079b53;border:1px solid #079b53}.pemda-about-directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:12px;border-top:2px solid #15aa63;color:#435f72}.pemda-about-directory-pagination>div{display:flex}.pemda-about-directory-pagination button{width:42px;height:38px;border:0;border-left:1px solid #e4e8eb;background:#fff;color:#079b53;font-size:24px}.pemda-about-directory-empty{padding:40px;text-align:center;color:#6e808c}
.pemda-about-overview{padding:26px;background:#f8faf9;border-radius:14px}.pemda-about-overview>h3{margin:0 0 18px;color:#07355c}.pemda-about-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pemda-about-overview-grid article{padding:22px;background:#fff;border:1px solid #e3e8ea;border-radius:10px}.pemda-about-overview-grid strong{display:block;color:#079b53;font-size:2rem;line-height:1;margin-bottom:10px}.pemda-about-overview-grid h4{margin:0 0 8px;color:#173f60}.pemda-about-overview-grid p{margin:0;color:#5a7181}.pemda-about-region-cta{margin-top:24px;padding:26px;background:#079b53;border-radius:14px;color:#fff}.pemda-about-region-cta h3{margin:0 0 8px;color:#fff}.pemda-about-region-cta p{margin:0 0 18px;color:#fff}.pemda-about-region-cta a{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;background:#fff;color:#079b53;border-radius:7px;text-decoration:none;font-weight:700}
@media(max-width:900px){.pemda-about-roadmap{grid-template-columns:1fr}.pemda-about-roadmap:before{display:none}.pemda-about-goal-card.has-media{grid-template-columns:1fr}.pemda-about-goal-card:nth-of-type(odd).has-media .pemda-about-goal-media{order:0}.pemda-about-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pemda-about-current-leaders article:nth-child(3){width:100%}.pemda-about-previous-line{grid-template-columns:1fr}.pemda-about-previous-line:before{display:none}.pemda-about-previous-line article{padding-top:48px}.pemda-about-org-nodes,.pemda-about-duties>div,.pemda-about-overview-grid{grid-template-columns:1fr}.pemda-about-directory-list.is-grid{grid-template-columns:1fr}}
@media(max-width:640px){.pemda-about-meaning-grid,.pemda-about-color-grid,.pemda-about-current-leaders{grid-template-columns:1fr}.pemda-about-meaning-grid article{grid-template-columns:minmax(0,1fr) 54px;padding:18px}.pemda-about-history-timeline{padding-left:64px}.pemda-about-history-timeline:before{left:30px}.pemda-about-history-timeline article>span{left:-58px;width:52px;height:52px;min-height:0;padding:4px;font-size:.66rem;line-height:1.02}.pemda-about-directory-toolbar{align-items:flex-start;flex-direction:column}.pemda-about-directory-list article,.pemda-about-directory-list.is-grid article{grid-template-columns:58px minmax(0,1fr);padding:14px;gap:12px}.pemda-about-directory-list img,.pemda-about-directory-logo{width:54px;height:54px}.pemda-about-directory-actions a{padding:8px 10px}.pemda-about-directory-pagination{flex-wrap:wrap}.pemda-about-current-leaders article:nth-child(3){grid-column:auto}.pemda-about-emblem-hero{min-height:220px}}
.pemda-about-toc .pemda-about-toc-group-link{margin-top:8px;color:#283d4d;font-weight:700;background:transparent;border-left-color:transparent}.pemda-about-toc .pemda-about-toc-group-link:hover,.pemda-about-toc .pemda-about-toc-group-link.is-active{color:var(--pemda-green);background:#fbfdfc}
@media(max-width:760px){.pemda-about-toc .pemda-about-toc-group-link{display:block!important;margin-top:0;font-weight:600}}
/* ==========================================================
Pemda v1.0.94 — RPJPD roadmap year badge fit fix
Keep the full 4-digit year inside the green circle.
========================================================== */
.pemda-about-roadmap-node>span{box-sizing:border-box!important;text-indent:0!important;word-break:normal!important;overflow-wrap:normal!important}
@media(max-width:900px){.pemda-about-roadmap-node{padding-left:82px}.pemda-about-roadmap-node>span{left:16px;top:50%;transform:translateY(-50%);width:50px;height:50px}}
@media(max-width:560px){.pemda-about-roadmap-node{padding:18px 16px 18px 74px}.pemda-about-roadmap-node>span{left:12px;width:48px;height:48px;min-width:48px;min-height:48px;font-size:12px!important}}
/* ==========================================================
Pemda v1.0.96 — Arsip dan Dokumen
Reference-style document archive with centered inner container.
========================================================== */
.pemda-archive-page{background:#eef0f2;min-height:100vh;color:#07355c}
.pemda-archive-hero{position:relative;min-height:315px;padding-top:118px;padding-bottom:84px;background-image:linear-gradient(90deg,rgba(0,57,48,.96),rgba(0,57,49,.86)),var(--archive-hero);background-size:cover;background-position:center;color:#fff;overflow:hidden}
.pemda-archive-hero>.pemda-container{position:relative;z-index:2}
.pemda-archive-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:32px;font-size:12px;color:rgba(255,255,255,.9)}
.pemda-archive-breadcrumb a{color:#79baff;text-decoration:none}.pemda-archive-breadcrumb strong{color:#fff;font-weight:600}
.pemda-archive-hero h1{margin:0 0 12px;color:#26c978;font-size:34px;line-height:1.2;font-weight:700}.pemda-archive-hero p{margin:0;max-width:760px;color:#fff;line-height:1.65}
.pemda-archive-body{padding:0 0 92px}.pemda-archive-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;position:relative;margin-top:-58px;padding:30px 34px 34px;background:#fff;border-radius:12px;box-shadow:0 10px 34px rgba(12,43,64,.08);min-height:665px}
.pemda-archive-sidebar{align-self:start;border:1px solid #e1e7ea;border-radius:10px;padding:18px 14px;background:#fff}.pemda-archive-sidebar h3{margin:0 0 14px;padding:0 4px;color:#273d4d;font-size:15px}
.pemda-archive-topic{border-top:1px solid transparent}.pemda-archive-topic-button{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start;border:0;background:transparent;padding:9px 4px;color:#536a7a;text-align:left;font-weight:500;cursor:pointer}.pemda-archive-topic-button.is-active{color:#08a55d;font-weight:700}.pemda-archive-topic-caret{display:block;color:#08a55d;font-size:19px;line-height:1;transform:rotate(0deg);transition:transform .2s ease}.pemda-archive-topic.is-open .pemda-archive-topic-caret{transform:rotate(90deg)}
.pemda-archive-years{display:none;padding:0 0 7px 30px}.pemda-archive-topic.is-open .pemda-archive-years{display:grid}.pemda-archive-years button{border:0;background:transparent;padding:5px 0;color:#6b7d88;text-align:left;cursor:pointer}.pemda-archive-years button.is-active{color:#08a55d;font-weight:700}
.pemda-archive-content{min-width:0}.pemda-archive-content>h2{margin:0 0 24px;color:#079b53;font-size:31px;line-height:1.2}.pemda-archive-search{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;border:1px solid #dfe5e8;border-radius:8px;background:#fff;overflow:hidden;margin-bottom:24px}.pemda-archive-search>span{display:grid;place-items:center;color:#a1adb5}.pemda-archive-search .pemda-icon{width:18px;height:18px}.pemda-archive-search input{width:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:14px 6px!important;color:#173f60}.pemda-archive-search button{margin:5px;border:0;border-radius:7px;background:#079b53;color:#fff;padding:10px 21px;font-weight:700}
.pemda-archive-list{display:grid;gap:16px;min-height:430px}.pemda-archive-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:19px 18px;border:1px solid #dfe5e8;border-radius:10px;background:#fff}.pemda-archive-card[hidden]{display:none!important}.pemda-archive-pdf-icon{position:relative;width:48px;height:58px;border-radius:5px;background:#fff0ee;color:#ef544c;display:grid;place-items:start center;padding-top:9px;font-size:11px;font-weight:800;overflow:hidden}.pemda-archive-pdf-icon:before{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 13px 13px;border-color:transparent transparent #f6c7c3 transparent}.pemda-archive-pdf-icon span{position:absolute;left:8px;right:8px;bottom:9px;height:3px;background:#f4c9c4;box-shadow:0 -7px 0 #f4c9c4,0 -14px 0 #f4c9c4}
.pemda-archive-category-label{display:inline-flex;margin-bottom:7px;padding:5px 9px;border-radius:5px;background:#f3f5f6;color:#758590;font-size:10px}.pemda-archive-copy h3{margin:0 0 8px;color:#123f62;font-size:18px;line-height:1.35}.pemda-archive-copy p{margin:0;color:#4c6679;line-height:1.55}.pemda-archive-card-bottom{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-top:16px}.pemda-archive-dates{display:flex;gap:10px;flex-wrap:wrap}.pemda-archive-dates span{display:inline-flex;padding:7px 10px;border-radius:5px;background:#f4f6f7;color:#73818a;font-size:10px}.pemda-archive-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pemda-archive-actions a,.pemda-archive-actions button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid #079b53;border-radius:7px;color:#079b53;text-decoration:none;font:inherit;font-weight:700;background:#fff;cursor:pointer}.pemda-archive-actions a.download{background:#079b53;color:#fff}.pemda-archive-actions .pemda-icon{width:16px;height:16px}
.pemda-archive-empty{padding:50px 20px;text-align:center;border:1px dashed #d8e0e4;border-radius:10px;color:#738590}.pemda-archive-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:10px;border-top:2px solid #14a963;color:#425f72;font-size:12px}.pemda-archive-page-size,.pemda-archive-page-nav{display:flex;align-items:center;gap:8px}.pemda-archive-pagination select{border:0;background:#fff;color:#173f60;padding:6px 22px 6px 8px}.pemda-archive-page-nav button{width:42px;height:38px;border:0;border-left:1px solid #e4e8eb;background:#fff;color:#079b53;font-size:25px;line-height:1}.pemda-archive-page-nav button:disabled{color:#c8cfd3}
@media(max-width:900px){.pemda-archive-shell{grid-template-columns:1fr;min-height:0}.pemda-archive-sidebar{padding:14px}.pemda-archive-topic-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.pemda-archive-topic{min-width:0}.pemda-archive-list{min-height:0}}
@media(max-width:640px){.pemda-archive-hero{min-height:0;padding-top:100px;padding-bottom:90px}.pemda-archive-hero h1{font-size:28px}.pemda-archive-shell{margin-top:-48px;padding:16px 14px 24px;border-radius:16px;gap:20px}.pemda-archive-topic-nav{grid-template-columns:1fr}.pemda-archive-sidebar h3{font-size:16px}.pemda-archive-content>h2{font-size:26px;margin-bottom:18px}.pemda-archive-search{grid-template-columns:34px minmax(0,1fr) auto}.pemda-archive-search button{padding:10px 15px}.pemda-archive-card{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:15px 13px}.pemda-archive-pdf-icon{width:42px;height:52px}.pemda-archive-copy h3{font-size:17px}.pemda-archive-card-bottom{align-items:flex-start;flex-direction:column}.pemda-archive-actions{justify-content:flex-start}.pemda-archive-dates{display:grid}.pemda-archive-pagination{align-items:flex-start;flex-direction:column}.pemda-archive-page-nav{width:100%;justify-content:flex-end}}
/* Pemda v1.0.101 — Arsip dan Dokumen detail modal */
html.pemda-archive-modal-open,body.pemda-archive-modal-open{overflow:hidden}
.pemda-archive-modal[hidden]{display:none!important}
.pemda-archive-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.pemda-archive-modal.is-open{opacity:1;visibility:visible}
.pemda-archive-modal-backdrop{position:absolute;inset:0;background:rgba(2,24,27,.63);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.pemda-archive-modal-dialog{position:relative;z-index:2;width:min(640px,100%);max-height:min(82vh,760px);display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 26px 80px rgba(0,24,35,.3);overflow:hidden;transform:translateY(12px) scale(.985);transition:transform .18s ease;color:#153b58}
.pemda-archive-modal.is-open .pemda-archive-modal-dialog{transform:none}
.pemda-archive-modal-body{padding:28px 30px 22px;overflow:auto}
.pemda-archive-modal-category{display:inline-flex;padding:9px 13px;margin-bottom:20px;border-radius:7px;background:#f3f5f4;color:#53636d;font-size:13px}
.pemda-archive-modal-body>h2{margin:0 0 26px;color:#079b53;font-size:25px;line-height:1.5;font-weight:700}
.pemda-archive-modal-detail{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;align-items:start;margin-top:26px}
.pemda-archive-modal-detail-icon{display:grid;place-items:center;color:#00a95d;padding-top:2px}.pemda-archive-modal-detail-icon .pemda-icon{width:19px;height:19px;stroke-width:2}
.pemda-archive-modal-label{display:block;margin-bottom:8px;color:#8794ab;font-size:13px}
.pemda-archive-modal-detail p,.pemda-archive-modal-detail strong{display:block;margin:0;color:#2b3c49;font-size:15px;line-height:1.7;font-weight:400}
.pemda-archive-modal-description p{max-height:190px;overflow:auto;padding-right:10px;scrollbar-width:thin}
.pemda-archive-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:18px 28px;background:#f8f9f9;border-top:1px solid #eef1f2}
.pemda-archive-modal-close-button,.pemda-archive-modal-download{min-width:86px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;border-radius:8px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.pemda-archive-modal-close-button{border:1px solid #079b53;background:#fff;color:#079b53}
.pemda-archive-modal-download{border:1px solid #079b53;background:#079b53;color:#fff}.pemda-archive-modal-download .pemda-icon{width:18px;height:18px}
.pemda-archive-modal-download[hidden]{display:none!important}
@media(max-width:640px){.pemda-archive-modal{padding:14px}.pemda-archive-modal-dialog{max-height:86vh;border-radius:12px}.pemda-archive-modal-body{padding:22px 20px 18px}.pemda-archive-modal-category{margin-bottom:16px}.pemda-archive-modal-body>h2{font-size:21px;line-height:1.45;margin-bottom:22px}.pemda-archive-modal-detail{gap:12px;margin-top:22px}.pemda-archive-modal-description p{max-height:175px}.pemda-archive-modal-footer{padding:14px 18px}.pemda-archive-modal-close-button,.pemda-archive-modal-download{min-height:42px;padding:9px 15px}}
/* =========================================================
Layanan Publik directory — v1.0.103
========================================================= */
.pemda-layanan-page{background:#eef0f2;color:var(--pemda-navy,#07355c)}
.pemda-layanan-hero{position:relative;min-height:450px;padding:120px 0 118px;background-image:linear-gradient(90deg,rgba(0,54,39,.94) 0%,rgba(3,54,46,.90) 46%,rgba(5,45,55,.88) 100%),var(--layanan-hero);background-size:cover;background-position:center 43%;color:#fff;overflow:hidden}
.pemda-layanan-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.08));pointer-events:none}
.pemda-layanan-hero .pemda-container{position:relative;z-index:1}
.pemda-layanan-breadcrumb{display:flex;align-items:center;gap:14px;margin:0 0 38px;font-size:14px}.pemda-layanan-breadcrumb a{color:#53a9ff}.pemda-layanan-breadcrumb strong{color:#fff}.pemda-layanan-hero h1{max-width:1050px;margin:0 0 18px;color:#13bd72;font-size:38px!important;line-height:1.18!important;font-weight:800}.pemda-layanan-hero p{margin:0;max-width:820px;color:#fff;font-size:17px!important;line-height:1.55!important}
.pemda-layanan-body{position:relative;margin-top:-112px;padding-bottom:90px;z-index:3}.pemda-layanan-shell{display:grid;grid-template-columns:360px minmax(0,1fr);background:#fff;border-radius:18px;min-height:680px;box-shadow:0 8px 24px rgba(24,47,64,.06);overflow:hidden}
.pemda-layanan-sidebar{padding:34px 18px 34px 34px;border-right:1px solid #edf0f2}.pemda-layanan-sidebar-scroll{height:var(--layanan-panel-height);overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:#8b8b8b transparent}.pemda-layanan-sidebar-scroll::-webkit-scrollbar,.pemda-layanan-results::-webkit-scrollbar{width:8px}.pemda-layanan-sidebar-scroll::-webkit-scrollbar-thumb,.pemda-layanan-results::-webkit-scrollbar-thumb{background:#878787;border-radius:8px}
.pemda-layanan-category-button{width:100%;min-height:68px;padding:12px 14px;border:0;background:transparent;border-radius:14px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;color:#243a4c;cursor:pointer;font:inherit}.pemda-layanan-category-button+.pemda-layanan-category-button{margin-top:7px}.pemda-layanan-category-button:hover{background:#f4faf7}.pemda-layanan-category-button.is-active{background:#e3f6ec;color:#009c58}.pemda-layanan-category-icon{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#00a85e;overflow:hidden}.pemda-layanan-category-icon svg{width:18px;height:18px}.pemda-layanan-category-icon img{width:24px;height:24px;object-fit:contain}.pemda-layanan-category-name{font-weight:650;line-height:1.3}.pemda-layanan-category-button b{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ff4a55;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.pemda-layanan-category-button:not(.is-active) b{background:transparent;color:#9aa4ad}
.pemda-layanan-content{min-width:0;padding:34px 34px 28px}.pemda-layanan-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;margin-bottom:22px}.pemda-layanan-search{height:52px;border:1px solid #dbe1e5;border-radius:10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;overflow:hidden;background:#fff}.pemda-layanan-search>span{display:flex;align-items:center;justify-content:center;color:#b1bbc2}.pemda-layanan-search svg{width:20px;height:20px}.pemda-layanan-search input{height:100%;border:0;outline:0;padding:0 8px;background:transparent;color:#273c4d;font-size:16px!important}.pemda-layanan-search button{height:40px;margin-right:8px;padding:0 25px;border:0;border-radius:9px;background:#009f59;color:#fff;font-weight:700;cursor:pointer}.pemda-layanan-view-switch{display:flex;border:1px solid #dbe1e5;border-radius:10px;overflow:hidden;background:#fff}.pemda-layanan-view-switch button{width:48px;height:44px;border:0;background:#fff;color:#152c3e;display:flex;align-items:center;justify-content:center;cursor:pointer}.pemda-layanan-view-switch button+button{border-left:1px solid #dbe1e5}.pemda-layanan-view-switch button.is-active{background:#00a65e;color:#fff}.pemda-layanan-view-switch svg{width:20px;height:20px}
.pemda-layanan-results{height:var(--layanan-panel-height);overflow-y:auto;padding:0 14px 30px 0;scrollbar-width:thin;scrollbar-color:#888 transparent}.pemda-layanan-group{margin-bottom:42px}.pemda-layanan-group:last-of-type{margin-bottom:10px}.pemda-layanan-group h2{margin:0 0 22px;color:#2e2e2e;font-size:28px!important;font-weight:800}.pemda-layanan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.pemda-layanan-card{position:relative;min-height:164px;border:1px solid #e1e5e8;border-radius:15px;padding:26px 28px;display:grid;grid-template-columns:58px minmax(0,1fr) 20px;align-items:start;gap:20px;background:#fff;color:#1e2f3d;text-decoration:none;transition:box-shadow .18s,border-color .18s,transform .18s}.pemda-layanan-card:hover{border-color:#b8dfca;box-shadow:0 10px 25px rgba(15,89,60,.08);transform:translateY(-1px)}.pemda-layanan-card-icon{width:54px;height:54px;border-radius:50%;border:1px solid #e4e8ea;background:#fff;display:flex;align-items:center;justify-content:center;color:#0aaa64;overflow:hidden}.pemda-layanan-card-icon svg{width:28px;height:28px}.pemda-layanan-card-icon img{width:44px;height:44px;object-fit:contain}.pemda-layanan-card-copy{display:block;min-width:0}.pemda-layanan-card-copy strong{display:block;margin:3px 0 10px;color:#222;font-size:17px;font-weight:800;line-height:1.3}.pemda-layanan-card-copy small{display:block;color:#536471;font-size:14px!important;line-height:1.65!important}.pemda-layanan-card-arrow{display:none;color:#00a75e;align-self:center}.pemda-layanan-card-arrow svg{width:18px;height:18px}.pemda-layanan-empty{min-height:300px;padding:42px 20px 56px;text-align:center;color:#7e8a94;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center}.pemda-layanan-empty[hidden]{display:none!important}.pemda-layanan-empty-icon{display:block;width:170px;max-width:45%;height:auto;object-fit:contain;margin:0 auto 20px}.pemda-layanan-empty-text{font-size:18px;line-height:1.55;color:#7e8a94;font-weight:600}@media(max-width:767.98px){.pemda-layanan-empty{min-height:240px;padding:32px 16px 40px}.pemda-layanan-empty-icon{width:138px;max-width:52%;margin-bottom:16px}.pemda-layanan-empty-text{font-size:16px}}
.pemda-layanan-results.is-list .pemda-layanan-grid{grid-template-columns:1fr;gap:14px}.pemda-layanan-results.is-list .pemda-layanan-card{min-height:104px;padding:18px 22px;grid-template-columns:50px minmax(0,1fr) 20px;align-items:center}.pemda-layanan-results.is-list .pemda-layanan-card-icon{width:48px;height:48px}.pemda-layanan-results.is-list .pemda-layanan-card-copy strong{margin:0 0 5px}.pemda-layanan-results.is-list .pemda-layanan-card-copy small{line-height:1.45!important}.pemda-layanan-results.is-list .pemda-layanan-card-arrow{display:flex}
@media(max-width:1100px){.pemda-layanan-shell{grid-template-columns:290px minmax(0,1fr)}.pemda-layanan-grid{grid-template-columns:1fr}.pemda-layanan-content{padding:28px}.pemda-layanan-sidebar{padding:28px 14px 28px 22px}}
@media(max-width:860px) and (min-width:768px){.pemda-layanan-hero{min-height:410px;padding:104px 0 110px}.pemda-layanan-body{margin-top:-96px}.pemda-layanan-breadcrumb{margin-bottom:32px}}
@media(max-width:767px){.pemda-layanan-hero{min-height:360px;padding:96px 0 92px}.pemda-layanan-breadcrumb{margin-bottom:30px}.pemda-layanan-hero h1{font-size:30px!important;line-height:1.25!important}.pemda-layanan-hero p{font-size:15px!important}.pemda-layanan-body{margin-top:-52px;padding-bottom:55px}.pemda-layanan-shell{display:block;border-radius:16px;overflow:hidden}.pemda-layanan-sidebar{padding:18px 18px 10px;border-right:0;border-bottom:1px solid #edf0f2}.pemda-layanan-sidebar-scroll{height:auto;overflow-x:auto;overflow-y:hidden;display:flex;gap:8px;padding:0 0 10px;scrollbar-width:none}.pemda-layanan-sidebar-scroll::-webkit-scrollbar{display:none}.pemda-layanan-category-button{flex:0 0 auto;width:auto;min-height:44px;padding:7px 12px;display:flex;border:1px solid #e1e6e9;border-radius:999px;gap:7px}.pemda-layanan-category-button+.pemda-layanan-category-button{margin-top:0}.pemda-layanan-category-icon{width:26px;height:26px}.pemda-layanan-category-icon svg{width:15px;height:15px}.pemda-layanan-category-button b{height:20px;min-width:20px;font-size:10px}.pemda-layanan-content{padding:18px}.pemda-layanan-toolbar{grid-template-columns:1fr auto;gap:10px;margin-bottom:20px}.pemda-layanan-search{height:48px;grid-template-columns:36px minmax(0,1fr)}.pemda-layanan-search button{display:none}.pemda-layanan-search input{font-size:14px!important}.pemda-layanan-view-switch button{width:42px;height:42px}.pemda-layanan-results{height:auto;overflow:visible;padding:0}.pemda-layanan-group{margin-bottom:32px}.pemda-layanan-group h2{font-size:24px!important;margin-bottom:15px}.pemda-layanan-grid{grid-template-columns:1fr;gap:14px}.pemda-layanan-card{min-height:128px;padding:18px;grid-template-columns:48px minmax(0,1fr);gap:14px}.pemda-layanan-card-icon{width:46px;height:46px}.pemda-layanan-card-icon svg{width:24px;height:24px}.pemda-layanan-card-copy strong{font-size:16px;margin-top:1px}.pemda-layanan-card-copy small{font-size:13px!important;line-height:1.55!important}.pemda-layanan-card-arrow{display:none!important}}
/* =========================================================
Pemda v1.0.104 — Single Layanan Publik (Jabar-like layout)
========================================================= */
.pemda-service-single{background:#eef0f2;color:#15334b;min-height:100vh}
.pemda-service-single-container{width:min(var(--pemda-service-content-width,1240px),calc(100% - 40px))!important;max-width:none!important}
.pemda-service-single-hero{position:relative;min-height:var(--pemda-service-hero-height,360px);padding:56px 0 92px;background-image:linear-gradient(90deg,rgba(0,48,39,.96),rgba(4,48,48,.91) 53%,rgba(12,47,58,.90)),var(--pemda-service-hero-bg);background-size:cover;background-position:center;color:#fff;overflow:hidden}
.pemda-service-single-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.12));pointer-events:none}
.pemda-service-single-hero>.pemda-container{position:relative;z-index:2}
.pemda-service-single-breadcrumb{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:13px;margin-bottom:34px;color:#dbece6}
.pemda-service-single-breadcrumb a{color:#8bd4ff;text-decoration:none}.pemda-service-single-breadcrumb strong{color:#fff;font-weight:700}
.pemda-service-single-hero-row{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;align-items:center}
.pemda-service-single-hero-main{display:grid;grid-template-columns:84px minmax(0,1fr);gap:22px;align-items:start}
.pemda-service-single-badge{width:78px;height:78px;border-radius:50%;background:#16a463;border:4px solid rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;overflow:hidden}
.pemda-service-single-badge .pemda-icon{width:29px;height:29px}.pemda-service-single-badge img{width:36px;height:36px;object-fit:contain}.pemda-service-single-badge b{font-size:10px;line-height:1;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pemda-service-single-hero-copy h1{margin:0 0 11px;color:#19c477;font-weight:800;line-height:1.14;letter-spacing:-.4px}
.pemda-service-single-hero-copy>p{max-width:760px;margin:0 0 21px;color:#fff;line-height:1.65}
.pemda-service-single-updated{display:flex;align-items:center;gap:9px;color:#f1f7f4}.pemda-service-single-updated .pemda-icon{width:17px;height:17px}.pemda-service-single-updated strong{font-weight:700}
.pemda-service-single-hero-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.pemda-service-online-status,.pemda-service-primary-cta,.pemda-service-secondary-cta{min-height:44px;border-radius:9px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;font-weight:700}
.pemda-service-online-status{border:1px solid rgba(255,255,255,.7);background:rgba(3,47,47,.34);color:#fff}.pemda-service-online-status .pemda-icon{width:17px;height:17px}
.pemda-service-primary-cta{background:#12ad64;color:#fff;box-shadow:0 10px 22px rgba(8,155,87,.22)}.pemda-service-primary-cta:hover{background:#0b9655;color:#fff}.pemda-service-primary-cta .pemda-icon{width:18px;height:18px}
.pemda-service-secondary-cta{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.45);color:#fff}.pemda-service-secondary-cta:hover{background:rgba(255,255,255,.15);color:#fff}.pemda-service-secondary-cta .pemda-icon{width:17px;height:17px}
.pemda-service-single-area{padding:0 0 78px}.pemda-service-single-area.has-hero{margin-top:-58px;position:relative;z-index:5}
.pemda-service-single-shell{display:grid;grid-template-columns:220px minmax(0,1fr);background:#fff;border-radius:14px;box-shadow:0 8px 32px rgba(17,43,61,.07);overflow:visible;min-height:660px}
.pemda-service-single-shell.no-toc{grid-template-columns:1fr}.pemda-service-single-toc{border-right:1px solid #e7ebee;background:#fff;border-radius:14px 0 0 14px}
.pemda-service-single-toc-inner{position:sticky;top:92px;padding:28px 16px 34px}.pemda-service-single-toc-inner>strong{display:block;font-size:14px;margin:0 10px 14px;color:#284257}
.pemda-service-single-toc nav{display:flex;flex-direction:column;gap:4px}.pemda-service-single-toc a{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;align-items:center;min-height:43px;padding:8px 10px;border-radius:8px;color:#536575;text-decoration:none;font-size:12px;line-height:1.35;transition:.18s}.pemda-service-single-toc a span{width:25px;height:25px;display:grid;place-items:center}.pemda-service-single-toc a .pemda-icon{width:16px;height:16px}.pemda-service-single-toc a:hover,.pemda-service-single-toc a.is-active{background:#eff9f4;color:#079459;font-weight:700}.pemda-service-single-toc a.is-active{box-shadow:inset 3px 0 0 #0aaa63}
.pemda-service-single-body{min-width:0;padding:28px 30px 34px}.pemda-service-section{scroll-margin-top:105px;padding:0 0 38px}.pemda-service-section+.pemda-service-section{padding-top:4px}.pemda-service-section>h2{margin:0 0 20px;color:#153b62;font-weight:800;line-height:1.25}.pemda-service-centered>h2{text-align:center}.pemda-service-soft{background:#f8fafb;border-radius:12px;padding:24px 18px 28px;margin-bottom:28px}
.pemda-service-media-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);gap:14px;margin-bottom:15px}.pemda-service-video-card{min-width:0;border:1px solid #e0e5e9;border-radius:10px;overflow:hidden;background:#132533;min-height:280px}.pemda-service-video-embed,.pemda-service-video-embed>div{width:100%;height:100%}.pemda-service-video-embed iframe,.pemda-service-video-embed video{display:block;width:100%;height:100%;min-height:280px;border:0;object-fit:cover}.pemda-service-video-placeholder{position:relative;height:100%;min-height:280px}.pemda-service-video-placeholder img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block;opacity:.86}.pemda-service-video-placeholder>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.58);color:#fff}.pemda-service-video-placeholder>span .pemda-icon{width:28px;height:28px}.pemda-service-video-empty{min-height:280px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#dbe3e9}.pemda-service-video-empty .pemda-icon{width:42px;height:42px}
.pemda-service-media-cards{display:flex;flex-direction:column;gap:9px}.pemda-service-media-card{min-height:84px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:11px;align-items:center;padding:7px;border:1px solid #e1e6e9;border-radius:9px;background:#fff;text-decoration:none;color:#203b50}.pemda-service-media-card:hover{border-color:#b9d9ca;color:#08754b}.pemda-service-media-card>img{width:112px;height:70px;border-radius:7px;object-fit:cover}.pemda-service-media-card-icon{width:68px;height:58px;border-radius:7px;background:#eff7f3;display:grid;place-items:center;color:#0aa563}.pemda-service-media-card-icon .pemda-icon{width:24px;height:24px}.pemda-service-media-card strong{display:block;font-size:13px;line-height:1.3;margin-bottom:4px}.pemda-service-media-card small{display:block;color:#6b7b87;font-size:11px!important;line-height:1.4!important}
.pemda-service-hotline{min-height:58px;border-radius:8px;background:linear-gradient(90deg,#08a65c,#16b96d);padding:7px 10px 7px 13px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;margin:13px 0}.pemda-service-hotline-person{display:flex;align-items:center;gap:10px;min-width:0}.pemda-service-hotline-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f8dfca;color:#116f4e}.pemda-service-hotline-avatar .pemda-icon{width:22px;height:22px}.pemda-service-hotline small,.pemda-service-hotline strong{display:block;color:#fff}.pemda-service-hotline small{font-size:10px!important}.pemda-service-hotline strong{font-size:12px}.pemda-service-hotline>a{min-height:34px;padding:0 13px;border-radius:6px;background:#fff;color:#07894f;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;white-space:nowrap}.pemda-service-hotline>a .pemda-icon{width:14px;height:14px}
.pemda-service-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.pemda-service-info-card{min-height:76px;border:1px solid #e4e8eb;border-radius:9px;padding:12px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;text-decoration:none;color:#254158;background:#fff}.pemda-service-info-card>span{width:32px;height:32px;border-radius:50%;background:#f3f7ff;color:#436bff;display:grid;place-items:center}.pemda-service-info-card:nth-child(3n+2)>span{background:#fff6e7;color:#e7a31f}.pemda-service-info-card:nth-child(3n+3)>span{background:#effaf4;color:#09a45f}.pemda-service-info-card>span .pemda-icon{width:18px;height:18px}.pemda-service-info-card small{display:block;color:#758491;font-size:10px!important;margin-bottom:4px}.pemda-service-info-card strong{display:block;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.pemda-service-info-card.wide{grid-column:span 2}.pemda-service-info-card.social strong{display:flex;align-items:center;gap:8px}.pemda-service-socials a{color:#117cb7}.pemda-service-socials .pemda-icon,.pemda-service-socials .pemda-social-custom-icon{width:18px;height:18px;object-fit:contain}.pemda-service-description{margin-top:18px;border-top:1px solid #edf0f2;padding-top:18px;color:#41586a}.pemda-service-description>*:first-child{margin-top:0}.pemda-service-description>*:last-child{margin-bottom:0}
.pemda-service-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pemda-service-benefit-card{min-height:92px;border-radius:8px;background:#f7f9fa;padding:7px;display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;align-items:center;text-align:left}.pemda-service-benefit-card img{width:94px;height:72px;object-fit:cover;border-radius:6px}.pemda-service-benefit-card p{margin:0;font-size:11px!important;line-height:1.45!important;color:#395064}.pemda-service-card-placeholder{width:94px;height:72px;border-radius:6px;background:#eaf7f0;color:#0ba35f;display:grid;place-items:center}.pemda-service-card-placeholder .pemda-icon{width:25px;height:25px}
.pemda-service-facility-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.pemda-service-facility-card{min-width:0;border-radius:7px;background:#fff;overflow:hidden;border:1px solid #edf0f2;text-align:center}.pemda-service-facility-card img,.pemda-service-facility-card>.pemda-service-card-placeholder{display:block;width:100%;height:92px;border-radius:0;object-fit:cover}.pemda-service-facility-card>.pemda-service-card-placeholder{display:grid}.pemda-service-facility-card strong{display:block;padding:7px 5px 9px;font-size:10px;line-height:1.35;color:#3f5262}
.pemda-service-requirements-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:center}.pemda-service-requirements-layout.no-image{grid-template-columns:1fr}.pemda-service-poster img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:8px}.pemda-service-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.pemda-service-check-grid>div{min-height:66px;border:1px solid #e8ecef;border-radius:8px;padding:12px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;text-align:left}.pemda-service-check-grid>div>span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#08a75e}.pemda-service-check-grid .pemda-icon{width:12px;height:12px}.pemda-service-check-grid p{margin:0;font-size:11px!important;line-height:1.45!important;color:#415568}
.pemda-service-procedure-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:22px;align-items:stretch}.pemda-service-procedure-layout.no-image{grid-template-columns:1fr}.pemda-service-steps{counter-reset:pemda-step;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left}.pemda-service-steps li{counter-increment:pemda-step;min-height:48px;background:#f8fafb;border:1px solid #edf0f2;border-radius:8px;padding:9px 10px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px}.pemda-service-steps li:before{content:counter(pemda-step);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#10a765;color:#fff;font-size:11px;font-weight:800}.pemda-service-steps li span{font-size:11px;line-height:1.45;color:#415568}.pemda-service-procedure-image{border-radius:8px;overflow:hidden;background:#f3f6f8}.pemda-service-procedure-image img{display:block;width:100%;height:100%;max-height:360px;object-fit:contain}.pemda-service-procedure-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.pemda-service-procedure-gallery img{width:100%;height:160px;object-fit:cover;border-radius:8px;border:1px solid #e6eaed}
.pemda-service-faq{display:flex;flex-direction:column;gap:9px;text-align:left}.pemda-service-faq details{border:1px solid #e5e9ed;background:#fff;border-radius:8px;overflow:hidden}.pemda-service-faq summary{cursor:pointer;list-style:none;min-height:45px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#2e485d;font-size:11px;font-weight:700}.pemda-service-faq summary::-webkit-details-marker{display:none}.pemda-service-faq summary span{color:#0aa461;font-size:18px;transition:.2s}.pemda-service-faq details[open] summary span{transform:rotate(45deg)}.pemda-service-faq details>div{padding:0 14px 13px;color:#5c6e7b;border-top:1px solid #f0f2f4}.pemda-service-faq details>div p{margin:10px 0 0;font-size:11px!important;line-height:1.6!important}
@media(max-width:1100px){.pemda-service-single-hero-row{grid-template-columns:1fr 250px;gap:30px}.pemda-service-single-shell{grid-template-columns:190px minmax(0,1fr)}.pemda-service-single-body{padding:25px 22px}.pemda-service-media-layout{grid-template-columns:1fr}.pemda-service-media-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pemda-service-media-card{grid-template-columns:1fr;align-content:start}.pemda-service-media-card>img{width:100%;height:92px}.pemda-service-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pemda-service-facility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pemda-service-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.pemda-service-single-container{width:min(var(--pemda-service-content-width,1240px),calc(100% - 28px))!important}.pemda-service-single-hero{padding:44px 0 78px;min-height:auto}.pemda-service-single-breadcrumb{margin-bottom:25px}.pemda-service-single-hero-row{grid-template-columns:1fr}.pemda-service-single-hero-main{grid-template-columns:66px minmax(0,1fr);gap:16px}.pemda-service-single-badge{width:62px;height:62px;border-width:3px}.pemda-service-single-badge .pemda-icon{width:23px;height:23px}.pemda-service-single-hero-actions{max-width:420px}.pemda-service-single-area.has-hero{margin-top:-42px}.pemda-service-single-shell{display:block;border-radius:12px;overflow:hidden}.pemda-service-single-toc{border-right:0;border-bottom:1px solid #e7ebee;border-radius:0}.pemda-service-single-toc-inner{position:static;padding:13px 15px}.pemda-service-single-toc-inner>strong{display:none}.pemda-service-single-toc nav{flex-direction:row;overflow-x:auto;gap:7px;padding-bottom:2px;scrollbar-width:none}.pemda-service-single-toc nav::-webkit-scrollbar{display:none}.pemda-service-single-toc a{flex:0 0 auto;display:flex;min-height:38px;padding:7px 11px;border:1px solid #e2e8e5;border-radius:999px;box-shadow:none!important;white-space:nowrap}.pemda-service-single-toc a span{width:20px;height:20px}.pemda-service-single-body{padding:22px 18px 28px}.pemda-service-section{scroll-margin-top:86px}.pemda-service-requirements-layout,.pemda-service-procedure-layout{grid-template-columns:1fr}.pemda-service-poster img{max-height:430px}.pemda-service-procedure-image img{max-height:none}.pemda-service-procedure-gallery img{height:135px}}
@media(max-width:580px){.pemda-service-single-hero-main{grid-template-columns:1fr}.pemda-service-single-badge{width:58px;height:58px}.pemda-service-single-hero-copy h1{margin-top:2px}.pemda-service-single-updated{align-items:flex-start}.pemda-service-media-cards{grid-template-columns:1fr}.pemda-service-media-card{grid-template-columns:100px minmax(0,1fr)}.pemda-service-media-card>img{width:100px;height:68px}.pemda-service-hotline{align-items:flex-start;flex-direction:column}.pemda-service-hotline>a{align-self:stretch;justify-content:center}.pemda-service-info-grid{grid-template-columns:1fr}.pemda-service-info-card.wide{grid-column:auto}.pemda-service-benefit-grid{grid-template-columns:1fr}.pemda-service-facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pemda-service-check-grid{grid-template-columns:1fr}.pemda-service-procedure-gallery{grid-template-columns:1fr}.pemda-service-procedure-gallery img{height:auto;max-height:320px;object-fit:contain}.pemda-service-soft{padding:20px 12px 23px}}
.pemda-service-hotline-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
/* =========================================================
Pemda v1.0.114 — Single Layanan Jabar exact-like refinement
Scoped to .pemda-service-single-v105 so other pages stay unchanged.
========================================================= */
.pemda-service-single-v105{background:#eef0f2;color:#15344d}
.pemda-service-single-v105 .pemda-service-single-container{width:min(var(--pemda-service-content-width,1240px),calc(100% - 48px))!important}
.pemda-service-single-v105 .pemda-service-single-hero{min-height:var(--pemda-service-hero-height,360px);padding:48px 0 88px;background-image:linear-gradient(90deg,rgba(0,47,37,.96) 0%,rgba(0,47,41,.93) 48%,rgba(7,45,55,.92) 100%),var(--pemda-service-hero-bg);background-position:center 45%}
.pemda-service-single-v105 .pemda-service-single-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.015),rgba(0,0,0,.08))}
.pemda-service-single-v105 .pemda-service-single-breadcrumb{gap:9px;margin-bottom:30px;font-size:11px;line-height:1.4;color:#d9ece5}
.pemda-service-single-v105 .pemda-service-single-breadcrumb a{color:#70c9ff}
.pemda-service-single-v105 .pemda-service-single-breadcrumb strong{font-weight:600;color:#fff}
.pemda-service-single-v105 .pemda-service-single-hero-row{grid-template-columns:minmax(0,1fr) 245px;gap:46px;align-items:center}
.pemda-service-single-v105 .pemda-service-single-hero-main{grid-template-columns:66px minmax(0,1fr);gap:17px;align-items:start}
.pemda-service-single-v105 .pemda-service-single-badge{width:60px;height:60px;border:2px solid rgba(255,255,255,.92);background:#0daa60;box-shadow:none;gap:1px}
.pemda-service-single-v105 .pemda-service-single-badge .pemda-icon{width:25px;height:25px}
.pemda-service-single-v105 .pemda-service-single-badge b{font-size:8px;max-width:48px}
.pemda-service-single-v105 .pemda-service-single-badge.has-custom{background:#fff;border-color:#fff;padding:4px}
.pemda-service-single-v105 .pemda-service-single-badge.has-custom img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.pemda-service-single-v105 .pemda-service-single-hero-copy h1{margin:1px 0 7px;color:#14b96b;font-size:clamp(20px,1.75vw,27px);line-height:1.18;letter-spacing:-.25px;font-weight:700}
.pemda-service-single-v105 .pemda-service-hero-chips{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 9px}
.pemda-service-single-v105 .pemda-service-hero-chips span{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.9);color:#314c51;font-size:9px;line-height:1.2;font-weight:600;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.pemda-service-single-v105 .pemda-service-hero-chips span+span{background:rgba(0,25,25,.55);color:#fff;border:1px solid rgba(255,255,255,.28)}
.pemda-service-single-v105 .pemda-service-single-hero-copy>p{max-width:720px;margin:0 0 16px;color:#fff;font-size:12px;line-height:1.55}
.pemda-service-single-v105 .pemda-service-single-updated{gap:7px;font-size:10px;color:#f5fbf8}
.pemda-service-single-v105 .pemda-service-single-updated .pemda-icon{width:14px;height:14px}
.pemda-service-single-v105 .pemda-service-single-updated strong{font-weight:600}
.pemda-service-single-v105 .pemda-service-single-hero-actions{gap:8px;align-self:center}
.pemda-service-single-v105 .pemda-service-online-status,.pemda-service-single-v105 .pemda-service-primary-cta,.pemda-service-single-v105 .pemda-service-secondary-cta{min-height:36px;border-radius:7px;padding:0 12px;font-size:9.5px;font-weight:600}
.pemda-service-single-v105 .pemda-service-online-status{background:rgba(0,44,45,.38);border-color:rgba(255,255,255,.65)}
.pemda-service-single-v105 .pemda-service-primary-cta{background:#13ad63;box-shadow:none}
.pemda-service-single-v105 .pemda-service-primary-cta:hover{background:#0e9957}
.pemda-service-single-v105 .pemda-service-single-area{padding-bottom:70px}
.pemda-service-single-v105 .pemda-service-single-area.has-hero{margin-top:-54px}
.pemda-service-single-v105 .pemda-service-single-shell{grid-template-columns:205px minmax(0,1fr);border:1px solid #e5e8ea;border-radius:8px;box-shadow:0 6px 18px rgba(29,49,62,.025);overflow:visible;min-height:700px}
.pemda-service-single-v105 .pemda-service-single-toc{border-right:1px solid #e4e7e9;border-radius:8px 0 0 8px}
.pemda-service-single-v105 .pemda-service-single-toc-inner{top:88px;padding:24px 16px 30px}
.pemda-service-single-v105 .pemda-service-single-toc-inner>strong{margin:0 7px 12px;color:#384b5b;font-size:11px;font-weight:600}
.pemda-service-single-v105 .pemda-service-single-toc nav{gap:0}
.pemda-service-single-v105 .pemda-service-single-toc a{position:relative;display:block;min-height:31px;padding:8px 13px 8px 8px;border-radius:0;color:#5d6871;font-size:9.5px;line-height:1.35;font-weight:400;background:transparent!important;box-shadow:none!important}
.pemda-service-single-v105 .pemda-service-single-toc a:hover,.pemda-service-single-v105 .pemda-service-single-toc a.is-active{color:#098f55;font-weight:600}
.pemda-service-single-v105 .pemda-service-single-toc a.is-active:after{content:"";position:absolute;right:-16px;top:5px;bottom:5px;width:2px;border-radius:2px;background:#08a65d}
.pemda-service-single-v105 .pemda-service-single-body{padding:22px 18px 26px;min-width:0}
.pemda-service-single-v105 .pemda-service-section{padding:0 0 28px;scroll-margin-top:92px}
.pemda-service-single-v105 .pemda-service-section+.pemda-service-section{padding-top:2px}
.pemda-service-single-v105 .pemda-service-section>h2{margin:0 0 14px;color:#103d66;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:0}
.pemda-service-single-v105 .pemda-service-media-section>h2{font-size:18px;text-align:left}
.pemda-service-single-v105 .pemda-service-centered>h2{text-align:center;margin-bottom:20px}
.pemda-service-single-v105 .pemda-service-soft{margin-bottom:26px;padding:20px 16px 24px;border-radius:9px;background:#f8f9fa}
.pemda-service-single-v105 .pemda-service-media-layout{grid-template-columns:minmax(0,1.7fr) minmax(150px,.62fr);gap:9px;margin-bottom:11px}
.pemda-service-single-v105 .pemda-service-video-card{min-height:238px;border-color:#e4e7e8;border-radius:7px;background:#132432}
.pemda-service-single-v105 .pemda-service-video-embed iframe,.pemda-service-single-v105 .pemda-service-video-embed video,.pemda-service-single-v105 .pemda-service-video-placeholder,.pemda-service-single-v105 .pemda-service-video-placeholder img,.pemda-service-single-v105 .pemda-service-video-empty{min-height:238px}
.pemda-service-single-v105 .pemda-service-video-placeholder>span{width:44px;height:44px}
.pemda-service-single-v105 .pemda-service-video-placeholder>span .pemda-icon{width:20px;height:20px}
.pemda-service-single-v105 .pemda-service-media-cards{gap:6px}
.pemda-service-single-v105 .pemda-service-media-card{min-height:72px;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:5px;border-radius:7px;border-color:#e5e7e8}
.pemda-service-single-v105 .pemda-service-media-card>img{width:96px;height:61px;border-radius:5px}
.pemda-service-single-v105 .pemda-service-media-card-icon{width:62px;height:55px;border-radius:5px}
.pemda-service-single-v105 .pemda-service-media-card strong{font-size:9.5px;line-height:1.25;margin-bottom:2px}
.pemda-service-single-v105 .pemda-service-media-card small{font-size:8px!important;line-height:1.35!important;color:#66747d}
.pemda-service-single-v105 .pemda-service-hotline{min-height:44px;margin:10px 0 12px;padding:4px 7px 4px 9px;border-radius:6px;background:#0bad62;gap:12px}
.pemda-service-single-v105 .pemda-service-hotline-avatar{width:34px;height:34px;overflow:hidden;background:#f2d7c2}
.pemda-service-single-v105 .pemda-service-hotline-avatar img{width:100%;height:100%;object-fit:cover}
.pemda-service-single-v105 .pemda-service-hotline small{font-size:7.5px!important;line-height:1.2}
.pemda-service-single-v105 .pemda-service-hotline strong{font-size:9px;line-height:1.25;font-weight:600}
.pemda-service-single-v105 .pemda-service-hotline strong em{font-style:normal;font-weight:600;margin-left:4px}
.pemda-service-single-v105 .pemda-service-hotline>a{min-height:27px;padding:0 9px;border-radius:4px;font-size:8px}
.pemda-service-single-v105 .pemda-service-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.pemda-service-single-v105 .pemda-service-info-card{position:relative;min-height:55px;padding:10px 11px;border-radius:7px;border-color:#e8ebed;grid-template-columns:22px minmax(0,1fr);gap:7px;background:#fff;color:#27445a}
.pemda-service-single-v105 .pemda-service-info-card.wide{grid-column:1/-1}
.pemda-service-single-v105 .pemda-service-info-card>span{width:21px;height:21px;border-radius:50%;background:transparent;color:#3977ff}
.pemda-service-single-v105 .pemda-service-info-card>span .pemda-icon{width:13px;height:13px}
.pemda-service-single-v105 .pemda-service-info-card small{font-size:7.5px!important;line-height:1.3;color:#687883;margin-bottom:3px}
.pemda-service-single-v105 .pemda-service-info-card strong{font-size:8.5px;line-height:1.45;font-weight:500;color:#40566a}
.pemda-service-single-v105 .pemda-service-info-card:nth-child(2)>span{color:#ec9d16}
.pemda-service-single-v105 .pemda-service-info-card:nth-child(3)>span{color:#317fff}
.pemda-service-single-v105 .pemda-service-info-card:nth-child(4)>span{color:#eb6570}
.pemda-service-single-v105 .pemda-service-info-card.stacked{min-height:90px}
.pemda-service-single-v105 .pemda-service-phone-label{margin-top:10px!important;color:#459f77!important}
.pemda-service-single-v105 .pemda-service-info-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#06a45e}
.pemda-service-single-v105 .pemda-service-info-chevron .pemda-icon{width:12px;height:12px}
.pemda-service-single-v105 .pemda-service-socials{display:flex!important;gap:11px!important;align-items:center;margin-top:5px}
.pemda-service-single-v105 .pemda-service-socials .pemda-icon,.pemda-service-single-v105 .pemda-service-socials .pemda-social-custom-icon{width:13px;height:13px}
.pemda-service-single-v105 .pemda-service-description{margin-top:14px;padding-top:14px;font-size:11px;line-height:1.65}
.pemda-service-single-v105 .pemda-service-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pemda-service-single-v105 .pemda-service-benefit-card{min-height:68px;padding:6px 8px;border-radius:6px;background:#f7f8f9;grid-template-columns:78px minmax(0,1fr);gap:8px}
.pemda-service-single-v105 .pemda-service-benefit-card img{width:78px;height:56px;border-radius:5px}
.pemda-service-single-v105 .pemda-service-benefit-card p{font-size:9px!important;line-height:1.45!important;color:#3c5365}
.pemda-service-single-v105 .pemda-service-benefit-card.no-image{min-height:48px;grid-template-columns:8px minmax(0,1fr);gap:6px;padding:11px 12px}
.pemda-service-single-v105 .pemda-service-bullet-dot{width:6px!important;height:6px!important;min-width:6px;border-radius:50%;background:#18bb73!important;color:transparent!important;align-self:start;margin-top:4px;display:block!important}
.pemda-service-single-v105 .pemda-service-facility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pemda-service-single-v105 .pemda-service-facility-card{border-radius:6px;border-color:#edf0f2;background:#fff;text-align:left}
.pemda-service-single-v105 .pemda-service-facility-card.has-image{text-align:center}
.pemda-service-single-v105 .pemda-service-facility-card.has-image img{height:82px}
.pemda-service-single-v105 .pemda-service-facility-card strong{padding:6px 6px 8px;font-size:8.5px;line-height:1.35;color:#43596a;font-weight:500}
.pemda-service-single-v105 .pemda-service-facility-card.no-image{min-height:74px;display:grid;grid-template-columns:8px minmax(0,1fr);gap:7px;align-content:center;padding:12px;border:1px solid #eef0f2;background:#fff}
.pemda-service-single-v105 .pemda-service-facility-card.no-image strong{padding:0;text-align:left;font-size:9px;font-weight:500}
.pemda-service-single-v105 .pemda-service-requirements-layout{grid-template-columns:270px minmax(0,1fr);gap:18px}
.pemda-service-single-v105 .pemda-service-requirements-layout.no-image{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-poster img{max-height:335px;border-radius:6px}
.pemda-service-single-v105 .pemda-service-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pemda-service-single-v105 .pemda-service-check-grid>div{min-height:47px;padding:10px 11px;border:0;border-radius:6px;background:#f7f8f9;grid-template-columns:8px minmax(0,1fr);gap:7px}
.pemda-service-single-v105 .pemda-service-check-grid p{font-size:9px!important;line-height:1.45!important;color:#405567}
.pemda-service-single-v105 .pemda-service-procedure-layout{grid-template-columns:minmax(270px,.9fr) minmax(0,1.1fr);gap:18px}
.pemda-service-single-v105 .pemda-service-procedure-layout.no-image{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-steps{gap:8px}
.pemda-service-single-v105 .pemda-service-steps li{min-height:39px;padding:9px 10px;border:0;border-radius:6px;background:#f7f8f9;grid-template-columns:22px minmax(0,1fr);gap:7px}
.pemda-service-single-v105 .pemda-service-steps li:before{width:20px;height:20px;font-size:8px;background:#0ead65}
.pemda-service-single-v105 .pemda-service-steps li span{font-size:9px;line-height:1.45;color:#405567}
.pemda-service-single-v105 .pemda-service-procedure-layout.no-image .pemda-service-steps li{grid-template-columns:8px minmax(0,1fr);min-height:36px;padding:9px 11px}
.pemda-service-single-v105 .pemda-service-procedure-layout.no-image .pemda-service-steps li:before{content:"";width:6px;height:6px;margin-top:5px;align-self:start;background:#18bb73}
.pemda-service-single-v105 .pemda-service-procedure-image{border-radius:6px;background:#f7f8f9}
.pemda-service-single-v105 .pemda-service-procedure-image img{max-height:330px}
.pemda-service-single-v105 .pemda-service-infographic-section{padding-top:4px}
.pemda-service-single-v105 .pemda-service-procedure-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}
.pemda-service-single-v105 .pemda-service-procedure-gallery a{display:block;overflow:hidden;border-radius:6px;background:#f0f1f2;border:1px solid #eceeef}
.pemda-service-single-v105 .pemda-service-procedure-gallery img{display:block;width:100%;height:190px;object-fit:contain;border:0;border-radius:0;background:#f0f1f2}
.pemda-service-single-v105 .pemda-service-faq-section{margin-bottom:0;padding-bottom:20px}
.pemda-service-single-v105 .pemda-service-faq{gap:7px}
.pemda-service-single-v105 .pemda-service-faq details{border:0;border-radius:6px;background:#fff}
.pemda-service-single-v105 .pemda-service-faq summary{min-height:38px;padding:9px 12px;font-size:8.5px;font-weight:600;color:#214660}
.pemda-service-single-v105 .pemda-service-faq summary span{width:16px;height:16px;display:grid;place-items:center;color:#0bad62;font-size:inherit}
.pemda-service-single-v105 .pemda-service-faq summary span .pemda-icon{width:11px;height:11px;transition:.2s}
.pemda-service-single-v105 .pemda-service-faq details[open] summary span{transform:none}
.pemda-service-single-v105 .pemda-service-faq details[open] summary span .pemda-icon{transform:rotate(180deg)}
.pemda-service-single-v105 .pemda-service-faq details>div{padding:0 12px 10px;border-top:1px solid #f1f2f3}
.pemda-service-single-v105 .pemda-service-faq details>div p{font-size:8.5px!important;line-height:1.55!important}
@media(max-width:1100px){
.pemda-service-single-v105 .pemda-service-single-shell{grid-template-columns:185px minmax(0,1fr)}
.pemda-service-single-v105 .pemda-service-media-layout{grid-template-columns:minmax(0,1.55fr) minmax(160px,.7fr)}
.pemda-service-single-v105 .pemda-service-media-cards{display:flex}
.pemda-service-single-v105 .pemda-service-media-card{grid-template-columns:82px minmax(0,1fr)}
.pemda-service-single-v105 .pemda-service-media-card>img{width:82px;height:60px}
}
@media(max-width:820px){
.pemda-service-single-v105 .pemda-service-single-container{width:min(var(--pemda-service-content-width,1240px),calc(100% - 28px))!important}
.pemda-service-single-v105 .pemda-service-single-hero{padding:34px 0 68px;min-height:auto}
.pemda-service-single-v105 .pemda-service-single-hero-row{grid-template-columns:1fr;gap:20px}
.pemda-service-single-v105 .pemda-service-single-hero-actions{max-width:360px;width:100%}
.pemda-service-single-v105 .pemda-service-single-area.has-hero{margin-top:-40px}
.pemda-service-single-v105 .pemda-service-single-shell{display:block;overflow:hidden}
.pemda-service-single-v105 .pemda-service-single-toc{border-right:0;border-bottom:1px solid #e6e9ea}
.pemda-service-single-v105 .pemda-service-single-toc-inner{padding:10px 12px}
.pemda-service-single-v105 .pemda-service-single-toc-inner>strong{display:none}
.pemda-service-single-v105 .pemda-service-single-toc nav{display:flex;flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none}
.pemda-service-single-v105 .pemda-service-single-toc a{flex:0 0 auto;min-height:32px;padding:7px 10px;border:1px solid #e6e9e8;border-radius:999px;white-space:nowrap}
.pemda-service-single-v105 .pemda-service-single-toc a.is-active{background:#effaf5!important}
.pemda-service-single-v105 .pemda-service-single-toc a.is-active:after{display:none}
.pemda-service-single-v105 .pemda-service-single-body{padding:20px 14px 24px}
.pemda-service-single-v105 .pemda-service-media-layout{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-media-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pemda-service-single-v105 .pemda-service-media-card{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-media-card>img{width:100%;height:84px}
.pemda-service-single-v105 .pemda-service-requirements-layout,.pemda-service-single-v105 .pemda-service-procedure-layout{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-procedure-layout:not(.no-image) .pemda-service-steps{order:2}
.pemda-service-single-v105 .pemda-service-procedure-layout:not(.no-image) .pemda-service-procedure-image{order:1}
}
@media(max-width:580px){
.pemda-service-single-v105 .pemda-service-single-hero-main{grid-template-columns:52px minmax(0,1fr);gap:12px}
.pemda-service-single-v105 .pemda-service-single-badge{width:48px;height:48px}
.pemda-service-single-v105 .pemda-service-single-hero-copy h1{font-size:19px}
.pemda-service-single-v105 .pemda-service-hero-chips{margin-bottom:8px}
.pemda-service-single-v105 .pemda-service-info-grid,.pemda-service-single-v105 .pemda-service-benefit-grid,.pemda-service-single-v105 .pemda-service-check-grid{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-info-card.wide{grid-column:auto}
.pemda-service-single-v105 .pemda-service-facility-grid{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-media-cards{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-media-card{grid-template-columns:92px minmax(0,1fr)}
.pemda-service-single-v105 .pemda-service-media-card>img{width:92px;height:63px}
.pemda-service-single-v105 .pemda-service-hotline{align-items:center;flex-direction:row;gap:8px}
.pemda-service-single-v105 .pemda-service-hotline>a{align-self:auto}
.pemda-service-single-v105 .pemda-service-procedure-gallery{grid-template-columns:1fr}
.pemda-service-single-v105 .pemda-service-procedure-gallery img{height:auto;max-height:360px}
}
/* Pemda v1.0.114 — Single Layanan hero refined to match Jabar reference more closely */
.pemda-service-single-v106 .pemda-service-single-hero{min-height:var(--pemda-service-hero-height,300px);padding:22px 0 66px;background-image:linear-gradient(90deg,rgba(0,43,36,.97),rgba(2,56,48,.92) 43%,rgba(7,52,56,.88)),var(--pemda-service-hero-bg);background-size:cover;background-position:center}
.pemda-service-single-v106 .pemda-service-single-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.15))}
.pemda-service-single-v106 .pemda-service-single-breadcrumb{gap:8px;margin-bottom:16px;font-size:11px;color:#d4e3dd}
.pemda-service-single-v106 .pemda-service-single-breadcrumb a{color:#8fd4ff}
.pemda-service-single-v106 .pemda-service-single-breadcrumb strong{color:#f8fffc}
.pemda-service-single-v106 .pemda-service-single-hero-row{grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:start}
.pemda-service-single-v106 .pemda-service-single-hero-main{grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start}
.pemda-service-single-v106 .pemda-service-single-badge{width:50px;height:50px;border-width:2px;box-shadow:none;background:#12a85f}
.pemda-service-single-v106 .pemda-service-single-badge .pemda-icon{width:18px;height:18px}
.pemda-service-single-v106 .pemda-service-single-badge b{font-size:8px;max-width:40px}
.pemda-service-single-v106 .pemda-service-single-badge.has-custom{width:54px;height:54px;background:#fff;border:0;padding:0;box-shadow:none}
.pemda-service-single-v106 .pemda-service-single-badge.has-custom img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.pemda-service-single-v106 .pemda-service-single-hero-copy h1{margin:0 0 8px;font-size:clamp(26px,2.2vw,39px);line-height:1.18;letter-spacing:-.3px;color:#14bf68}
.pemda-service-single-v106 .pemda-service-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 9px}
.pemda-service-single-v106 .pemda-service-hero-chips span{display:inline-flex;align-items:center;min-height:24px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#eef7f2;font-size:11px;line-height:1.35}
.pemda-service-single-v106 .pemda-service-single-updated{margin:0 0 10px;font-size:12px;color:#e7f1ed}
.pemda-service-single-v106 .pemda-service-single-updated .pemda-icon{width:14px;height:14px}
.pemda-service-single-v106 .pemda-service-single-hero-copy>p{margin:0;max-width:690px;color:#f5fbf7;font-size:12px;line-height:1.65}
.pemda-service-single-v106 .pemda-service-single-hero-actions{max-width:230px;padding-top:12px;gap:9px}
.pemda-service-single-v106 .pemda-service-online-status,.pemda-service-single-v106 .pemda-service-primary-cta,.pemda-service-single-v106 .pemda-service-secondary-cta{font-size:11px}
.pemda-service-single-v106 .pemda-service-online-status{min-height:28px;padding:0 11px;border-radius:999px;justify-content:flex-start;gap:8px;background:rgba(255,255,255,.07)}
.pemda-service-single-v106 .pemda-service-online-status .pemda-icon{width:13px;height:13px}
.pemda-service-single-v106 .pemda-service-primary-cta{min-height:37px;padding:0 13px;border-radius:6px;background:#10af61;box-shadow:none}
.pemda-service-single-v106 .pemda-service-primary-cta .pemda-icon{width:14px;height:14px}
.pemda-service-single-v106 .pemda-service-secondary-cta{min-height:34px;padding:0 13px;border-radius:6px;box-shadow:none}
.pemda-service-single-v106 .pemda-service-single-area.has-hero{margin-top:-36px}
@media(max-width:820px){
.pemda-service-single-v106 .pemda-service-single-hero{padding:20px 0 58px;min-height:auto}
.pemda-service-single-v106 .pemda-service-single-hero-row{grid-template-columns:1fr;gap:16px}
.pemda-service-single-v106 .pemda-service-single-hero-actions{max-width:240px;padding-top:0}
.pemda-service-single-v106 .pemda-service-single-area.has-hero{margin-top:-34px}
}
@media(max-width:580px){
.pemda-service-single-v106 .pemda-service-single-breadcrumb{margin-bottom:12px;font-size:10px}
.pemda-service-single-v106 .pemda-service-single-hero-main{grid-template-columns:48px minmax(0,1fr);gap:10px}
.pemda-service-single-v106 .pemda-service-single-badge{width:44px;height:44px}
.pemda-service-single-v106 .pemda-service-single-badge.has-custom{width:46px;height:46px}
.pemda-service-single-v106 .pemda-service-single-hero-copy h1{font-size:20px}
.pemda-service-single-v106 .pemda-service-hero-chips span{font-size:10px;min-height:22px;padding:0 9px}
.pemda-service-single-v106 .pemda-service-single-updated,.pemda-service-single-v106 .pemda-service-single-hero-copy>p{font-size:11px}
}
/* Pemda v1.0.114 — Increase desktop single layanan typography to match Jabar reference */
.pemda-service-single-v107 .pemda-service-single-breadcrumb{font-size:12px;margin-bottom:18px}
.pemda-service-single-v107 .pemda-service-single-hero-copy h1{font-size:clamp(30px,2.5vw,44px);line-height:1.16;margin-bottom:8px}
.pemda-service-single-v107 .pemda-service-hero-chips span{font-size:12px;min-height:26px;padding:0 12px}
.pemda-service-single-v107 .pemda-service-single-updated{font-size:13px;margin-bottom:12px}
.pemda-service-single-v107 .pemda-service-single-updated .pemda-icon{width:15px;height:15px}
.pemda-service-single-v107 .pemda-service-single-hero-copy>p{font-size:15px;line-height:1.7;max-width:820px}
.pemda-service-single-v107 .pemda-service-online-status,.pemda-service-single-v107 .pemda-service-primary-cta,.pemda-service-single-v107 .pemda-service-secondary-cta{font-size:12px}
.pemda-service-single-v107 .pemda-service-primary-cta{min-height:40px}
.pemda-service-single-v107 .pemda-service-single-toc-inner>strong{font-size:15px;margin-bottom:16px}
.pemda-service-single-v107 .pemda-service-single-toc a{font-size:13px;line-height:1.45;min-height:46px}
.pemda-service-single-v107 .pemda-service-section>h2{font-size:24px;line-height:1.3;margin-bottom:22px}
.pemda-service-single-v107 .pemda-service-media-card strong{font-size:14px;line-height:1.35;margin-bottom:5px}
.pemda-service-single-v107 .pemda-service-media-card small{font-size:12px!important;line-height:1.45!important}
.pemda-service-single-v107 .pemda-service-hotline small{font-size:11px!important}
.pemda-service-single-v107 .pemda-service-hotline strong{font-size:13px}
.pemda-service-single-v107 .pemda-service-hotline>a{font-size:12px}
.pemda-service-single-v107 .pemda-service-info-card small{font-size:11px!important;margin-bottom:5px}
.pemda-service-single-v107 .pemda-service-info-card strong{font-size:13px;line-height:1.5}
.pemda-service-single-v107 .pemda-service-description{font-size:15px;line-height:1.8}
.pemda-service-single-v107 .pemda-service-benefit-card p{font-size:13px!important;line-height:1.55!important}
.pemda-service-single-v107 .pemda-service-facility-card strong{font-size:12px;line-height:1.45}
.pemda-service-single-v107 .pemda-service-facility-card.no-image strong{font-size:13px}
.pemda-service-single-v107 .pemda-service-check-grid p{font-size:13px!important;line-height:1.55!important}
.pemda-service-single-v107 .pemda-service-steps li span{font-size:13px;line-height:1.55}
.pemda-service-single-v107 .pemda-service-faq summary{font-size:13px;min-height:44px;padding:11px 14px}
.pemda-service-single-v107 .pemda-service-faq details>div p{font-size:13px!important;line-height:1.7!important}
@media(max-width:820px){
.pemda-service-single-v107 .pemda-service-section>h2{font-size:22px}
.pemda-service-single-v107 .pemda-service-description{font-size:14px}
}
@media(max-width:580px){
.pemda-service-single-v107 .pemda-service-single-breadcrumb{font-size:10px}
.pemda-service-single-v107 .pemda-service-single-hero-copy h1{font-size:22px}
.pemda-service-single-v107 .pemda-service-single-hero-copy>p{font-size:12px}
.pemda-service-single-v107 .pemda-service-section>h2{font-size:20px}
.pemda-service-single-v107 .pemda-service-single-toc a{font-size:12px}
.pemda-service-single-v107 .pemda-service-info-card strong,
.pemda-service-single-v107 .pemda-service-check-grid p,
.pemda-service-single-v107 .pemda-service-steps li span,
.pemda-service-single-v107 .pemda-service-benefit-card p,
.pemda-service-single-v107 .pemda-service-faq summary,
.pemda-service-single-v107 .pemda-service-faq details>div p{font-size:12px!important}
}
/* Pemda v1.0.114 — fix single layanan hero/header overlap and match Jabar vertical geometry */
@media(min-width:821px){
.pemda-service-single-v108{padding-top:92px}
.pemda-service-single-v108 .pemda-service-single-hero{min-height:var(--pemda-service-hero-height,500px);padding:22px 0 120px;background-position:center center}
.pemda-service-single-v108 .pemda-service-single-breadcrumb{margin-bottom:34px;font-size:13px}
.pemda-service-single-v108 .pemda-service-single-hero-row{grid-template-columns:minmax(0,1fr) 260px;gap:44px;align-items:start}
.pemda-service-single-v108 .pemda-service-single-hero-main{grid-template-columns:96px minmax(0,1fr);gap:18px}
.pemda-service-single-v108 .pemda-service-single-badge{width:92px;height:92px;border-width:3px}
.pemda-service-single-v108 .pemda-service-single-badge.has-custom{width:92px;height:92px}
.pemda-service-single-v108 .pemda-service-single-badge.has-custom img{width:100%;height:100%;object-fit:contain;background:#fff}
.pemda-service-single-v108 .pemda-service-single-hero-copy h1{font-size:36px;line-height:1.18;margin:0 0 14px}
.pemda-service-single-v108 .pemda-service-hero-chips{margin:0 0 14px}
.pemda-service-single-v108 .pemda-service-single-updated{margin:0 0 28px;font-size:14px}
.pemda-service-single-v108 .pemda-service-single-hero-copy>p{font-size:16px;line-height:1.7;max-width:900px}
.pemda-service-single-v108 .pemda-service-single-hero-actions{max-width:260px;padding-top:134px;gap:10px}
.pemda-service-single-v108 .pemda-service-online-status{min-height:38px;border-radius:999px;font-size:13px;padding:0 16px}
.pemda-service-single-v108 .pemda-service-primary-cta{min-height:52px;border-radius:8px;font-size:15px;padding:0 18px}
.pemda-service-single-v108 .pemda-service-single-area.has-hero{margin-top:-110px}
}
@media(max-width:820px){
.pemda-service-single-v108{padding-top:0}
}
/* Pemda v1.0.114 — Single layanan content/media geometry matched closer to Jabar SIDATUK */
@media(min-width:1101px){
.pemda-service-single-v109 .pemda-service-single-shell{
grid-template-columns:355px minmax(0,1fr);
border-radius:15px;
border:0;
box-shadow:none;
overflow:visible;
background:#fff;
}
.pemda-service-single-v109 .pemda-service-single-toc{
border-right:0;
border-radius:15px 0 0 15px;
background:#fff;
}
.pemda-service-single-v109 .pemda-service-single-toc-inner{
top:96px;
padding:38px 46px 42px;
}
.pemda-service-single-v109 .pemda-service-single-toc-inner>strong{
margin:0 0 20px;
font-size:16px;
line-height:1.35;
color:#31383d;
font-weight:700;
}
.pemda-service-single-v109 .pemda-service-single-toc nav{
border-left:1px solid #e3e5e6;
padding-left:0;
gap:0;
}
.pemda-service-single-v109 .pemda-service-single-toc a{
min-height:44px;
padding:10px 10px 10px 15px;
font-size:15px;
line-height:1.45;
color:#3f454a;
font-weight:400;
background:transparent!important;
box-shadow:none!important;
}
.pemda-service-single-v109 .pemda-service-single-toc a:hover,
.pemda-service-single-v109 .pemda-service-single-toc a.is-active{
color:#0a8e55;
font-weight:500;
background:transparent!important;
}
.pemda-service-single-v109 .pemda-service-single-toc a.is-active:after{display:none!important}
.pemda-service-single-v109 .pemda-service-single-body{
margin:25px 50px 42px 0;
padding:18px 20px 30px;
border:1px solid #e1e4e6;
border-radius:18px;
background:#fff;
min-width:0;
}
.pemda-service-single-v109 .pemda-service-section{padding-bottom:36px}
.pemda-service-single-v109 .pemda-service-media-section>h2{
margin:0 0 24px;
font-family:Georgia,"Times New Roman",serif!important;
font-size:32px!important;
line-height:1.2;
font-weight:700;
color:#123b61;
}
.pemda-service-single-v109 .pemda-service-centered>h2{
font-family:Georgia,"Times New Roman",serif!important;
}
.pemda-service-single-v109 .pemda-service-media-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 245px;
grid-template-rows:470px;
gap:18px;
margin:0 0 32px;
padding:18px;
border-radius:20px;
background:#f5f5f5;
align-items:stretch;
}
.pemda-service-single-v109 .pemda-service-video-card{
height:470px;
min-height:470px;
border:0;
border-radius:14px;
overflow:hidden;
background:#e9ecef;
}
.pemda-service-single-v109 .pemda-service-video-embed,
.pemda-service-single-v109 .pemda-service-video-embed>div,
.pemda-service-single-v109 .pemda-service-video-placeholder,
.pemda-service-single-v109 .pemda-service-video-empty{
width:100%;height:100%;min-height:0;
}
.pemda-service-single-v109 .pemda-service-video-embed iframe,
.pemda-service-single-v109 .pemda-service-video-embed video,
.pemda-service-single-v109 .pemda-service-video-placeholder img{
width:100%;height:100%;min-height:0;display:block;object-fit:cover;
}
.pemda-service-single-v109 .pemda-service-video-placeholder>span{
width:52px;height:52px;
}
.pemda-service-single-v109 .pemda-service-media-cards{
display:grid;
grid-template-rows:repeat(3,minmax(0,1fr));
gap:14px;
min-height:0;
}
.pemda-service-single-v109 .pemda-service-media-card{
min-height:0;
height:100%;
border:1px solid #e1e4e6;
border-radius:13px;
background:#fff;
overflow:hidden;
}
.pemda-service-single-v109 .pemda-service-media-card.has-image{
display:block;
padding:8px;
}
.pemda-service-single-v109 .pemda-service-media-card.has-image>img{
width:100%;height:100%;border-radius:9px;object-fit:contain;background:#fff;
}
.pemda-service-single-v109 .pemda-service-media-card.has-image>span{display:none}
.pemda-service-single-v109 .pemda-service-media-card.no-image{
display:grid;
grid-template-columns:54px minmax(0,1fr);
gap:10px;
padding:10px;
align-items:center;
}
.pemda-service-single-v109 .pemda-service-media-card.no-image strong{font-size:14px}
.pemda-service-single-v109 .pemda-service-media-card.no-image small{font-size:12px!important}
.pemda-service-single-v109 .pemda-service-hotline{
min-height:62px;
margin:0 0 18px;
padding:7px 14px 7px 16px;
border-radius:12px;
background:#16a961;
}
.pemda-service-single-v109 .pemda-service-hotline-avatar{width:48px;height:48px}
.pemda-service-single-v109 .pemda-service-hotline small{font-size:13px!important}
.pemda-service-single-v109 .pemda-service-hotline strong{font-size:16px}
.pemda-service-single-v109 .pemda-service-hotline>a{
min-height:42px;
padding:0 18px;
border-radius:9px;
font-size:14px;
}
}
@media(min-width:821px) and (max-width:1100px){
.pemda-service-single-v109 .pemda-service-single-shell{grid-template-columns:260px minmax(0,1fr)}
.pemda-service-single-v109 .pemda-service-single-toc-inner{padding:28px 28px 34px}
.pemda-service-single-v109 .pemda-service-single-body{margin:22px 24px 34px 0;border:1px solid #e1e4e6;border-radius:16px;padding:18px}
.pemda-service-single-v109 .pemda-service-media-layout{grid-template-columns:minmax(0,1fr) 210px;padding:14px;background:#f5f5f5;border-radius:16px}
.pemda-service-single-v109 .pemda-service-video-card{height:390px;min-height:390px}
.pemda-service-single-v109 .pemda-service-video-placeholder,.pemda-service-single-v109 .pemda-service-video-placeholder img{height:390px;min-height:390px}
}
/* Pemda v1.0.114 — Make content sections closer to Jabar reference */
@media(min-width:1024px){
.pemda-service-single-v110 .pemda-service-single-body{padding:22px 22px 34px}
.pemda-service-single-v110 .pemda-service-description{font-size:16px;line-height:1.85;color:#476175;margin:20px 0 12px}
.pemda-service-single-v110 .pemda-service-centered>h2,
.pemda-service-single-v110 .pemda-service-section>h2{font-size:28px;line-height:1.24;color:#123c67;margin-bottom:24px}
.pemda-service-single-v110 .pemda-service-hotline{min-height:72px;margin:2px 0 22px;padding:10px 18px;border-radius:14px;background:#17ad60}
.pemda-service-single-v110 .pemda-service-hotline-avatar{width:52px;height:52px}
.pemda-service-single-v110 .pemda-service-hotline small{font-size:12px!important;line-height:1.2}
.pemda-service-single-v110 .pemda-service-hotline strong{font-size:18px;line-height:1.2}
.pemda-service-single-v110 .pemda-service-hotline>a{min-height:44px;padding:0 18px;border-radius:10px;font-size:14px}
.pemda-service-single-v110 .pemda-service-info-grid{gap:14px;margin-top:14px}
.pemda-service-single-v110 .pemda-service-info-card{min-height:66px;padding:14px 16px;border:1px solid #e4e8eb;border-radius:12px;background:#f8f9fa;grid-template-columns:26px minmax(0,1fr);gap:10px}
.pemda-service-single-v110 .pemda-service-info-card.stacked{min-height:138px}
.pemda-service-single-v110 .pemda-service-info-card small{font-size:12px!important;margin-bottom:5px;color:#5f7384}
.pemda-service-single-v110 .pemda-service-info-card strong{font-size:15px;line-height:1.6;font-weight:500;color:#385066}
.pemda-service-single-v110 .pemda-service-phone-label{margin-top:12px}
.pemda-service-single-v110 .pemda-service-socials{display:flex;align-items:flex-start;gap:22px;flex-wrap:wrap}
.pemda-service-single-v110 .pemda-service-socials a{display:inline-flex;align-items:center;justify-content:center}
.pemda-service-single-v110 #manfaat-layanan{padding-top:12px}
.pemda-service-single-v110 .pemda-service-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pemda-service-single-v110 .pemda-service-benefit-card{min-height:90px;padding:11px 14px;border-radius:12px;background:#f6f7f8;grid-template-columns:106px minmax(0,1fr);gap:14px;align-items:center;border:1px solid #edf0f2}
.pemda-service-single-v110 .pemda-service-benefit-card img{width:106px;height:62px;border-radius:8px;object-fit:cover}
.pemda-service-single-v110 .pemda-service-benefit-card p{font-size:15px!important;line-height:1.65!important;color:#365065}
.pemda-service-single-v110 .pemda-service-benefit-card.no-image{min-height:66px;grid-template-columns:10px minmax(0,1fr);padding:16px}
.pemda-service-single-v110 .pemda-service-soft{margin:8px 0 34px;padding:26px 18px 26px;border-radius:16px;background:#f5f7f8}
.pemda-service-single-v110 .pemda-service-facility-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.pemda-service-single-v110 .pemda-service-facility-card{border-radius:12px;border:1px solid #e8ecee;background:#fff;overflow:hidden;box-shadow:none}
.pemda-service-single-v110 .pemda-service-facility-card.has-image img{display:block;width:100%;height:132px;object-fit:cover}
.pemda-service-single-v110 .pemda-service-facility-card strong{display:block;padding:10px 12px 12px;font-size:14px;line-height:1.45;color:#3f5668;text-align:center;font-weight:500}
.pemda-service-single-v110 .pemda-service-facility-card.no-image{min-height:86px;padding:16px}
.pemda-service-single-v110 .pemda-service-facility-card.no-image strong{text-align:left;font-size:14px}
.pemda-service-single-v110 .pemda-service-requirements-layout,
.pemda-service-single-v110 .pemda-service-requirements-layout.no-image{display:block}
.pemda-service-single-v110 .pemda-service-poster{max-width:340px;margin:0 auto 26px}
.pemda-service-single-v110 .pemda-service-poster img{width:100%;max-height:none;border-radius:12px;object-fit:contain}
.pemda-service-single-v110 .pemda-service-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.pemda-service-single-v110 .pemda-service-check-grid>div{min-height:92px;padding:16px 18px;border-radius:12px;background:#f6f7f8;grid-template-columns:10px minmax(0,1fr);gap:10px;border:1px solid #edf0f2}
.pemda-service-single-v110 .pemda-service-check-grid p{font-size:15px!important;line-height:1.7!important;color:#375063}
}
@media(min-width:821px) and (max-width:1023px){
.pemda-service-single-v110 .pemda-service-benefit-card p,
.pemda-service-single-v110 .pemda-service-check-grid p,
.pemda-service-single-v110 .pemda-service-description{font-size:14px!important}
.pemda-service-single-v110 .pemda-service-facility-card strong{font-size:13px}
}
@media(max-width:820px){
.pemda-service-single-v110 .pemda-service-hotline strong{font-size:15px}
.pemda-service-single-v110 .pemda-service-info-card strong,
.pemda-service-single-v110 .pemda-service-benefit-card p,
.pemda-service-single-v110 .pemda-service-check-grid p{font-size:13px!important}
.pemda-service-single-v110 .pemda-service-facility-card strong{font-size:12px}
}
/* Pemda v1.0.114 — Jabar-like mobile single layanan layout */
.pemda-service-social-name{display:none}
@media(max-width:820px){
body.single-pemda_service .pemda-header{height:66px!important;background:#12ad63!important;position:absolute!important;top:0!important}
body.single-pemda_service .pemda-header.scrolled{position:fixed!important;top:0!important}
body.single-pemda_service .pemda-header-inner{height:66px!important;padding:0 28px!important}
body.single-pemda_service .pemda-brand-emblem,
body.single-pemda_service .pemda-brand-emblem svg{width:40px!important;height:40px!important;flex-basis:40px!important}
body.single-pemda_service .pemda-brand-img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}
body.single-pemda_service .pemda-menu-toggle{width:46px!important;height:46px!important}
body.single-pemda_service .pemda-menu-toggle .pemda-icon{width:31px!important;height:31px!important}
.pemda-service-single-v111{padding-top:0;background:#f0f1f2}
.pemda-service-single-v111 .pemda-service-single-container{width:calc(100% - 34px)!important;max-width:none!important}
.pemda-service-single-v111 .pemda-service-single-hero{
min-height:auto!important;
padding:112px 0 154px!important;
background-position:center!important;
background-image:linear-gradient(90deg,rgba(0,49,39,.94),rgba(3,52,50,.90)),var(--pemda-service-hero-bg)!important;
}
.pemda-service-single-v111 .pemda-service-single-breadcrumb{
margin:0 0 34px!important;
gap:0!important;
color:#7fbdf1!important;
font-size:15px!important;
line-height:1.3!important;
}
.pemda-service-single-v111 .pemda-service-single-breadcrumb:before{content:'‹';font-size:28px;line-height:15px;margin-right:13px;color:#7fbdf1}
.pemda-service-single-v111 .pemda-service-single-breadcrumb span,
.pemda-service-single-v111 .pemda-service-single-breadcrumb strong{display:none!important}
.pemda-service-single-v111 .pemda-service-single-breadcrumb a{color:#7fbdf1!important;font-weight:500}
.pemda-service-single-v111 .pemda-service-single-hero-row{display:block!important}
.pemda-service-single-v111 .pemda-service-single-hero-main{display:block!important}
.pemda-service-single-v111 .pemda-service-single-badge,
.pemda-service-single-v111 .pemda-service-single-badge.has-custom{
width:106px!important;height:106px!important;margin:0 0 30px!important;border:0!important;background:#fff!important;padding:0!important;box-shadow:none!important;
}
.pemda-service-single-v111 .pemda-service-single-badge.has-custom img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;background:#fff!important}
.pemda-service-single-v111 .pemda-service-single-badge:not(.has-custom){border:3px solid #fff!important;background:#10aa61!important}
.pemda-service-single-v111 .pemda-service-single-badge .pemda-icon{width:38px!important;height:38px!important}
.pemda-service-single-v111 .pemda-service-single-badge b{font-size:12px!important;max-width:78px!important}
.pemda-service-single-v111 .pemda-service-single-hero-copy h1{
margin:0 0 16px!important;
max-width:100%!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(34px,8.5vw,48px)!important;
line-height:1.28!important;
letter-spacing:-.5px!important;
color:#12bd68!important;
font-weight:700!important;
}
.pemda-service-single-v111 .pemda-service-hero-chips{margin:0 0 16px!important;gap:8px!important}
.pemda-service-single-v111 .pemda-service-hero-chips span{
min-height:30px!important;padding:4px 14px!important;border-radius:999px!important;
font-size:13px!important;line-height:1.35!important;background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;
}
.pemda-service-single-v111 .pemda-service-single-updated{margin:0 0 16px!important;font-size:14px!important;gap:10px!important;color:#fff!important}
.pemda-service-single-v111 .pemda-service-single-updated .pemda-icon{width:17px!important;height:17px!important}
.pemda-service-single-v111 .pemda-service-single-hero-copy>p{margin:0!important;font-size:16px!important;line-height:1.8!important;color:#fff!important;max-width:none!important}
.pemda-service-single-v111 .pemda-service-single-hero-actions{max-width:none!important;width:100%!important;margin:34px 0 0!important;padding:0!important;gap:10px!important}
.pemda-service-single-v111 .pemda-service-online-status{
min-height:43px!important;width:100%!important;border-radius:999px!important;padding:0 18px!important;font-size:14px!important;justify-content:center!important;background:rgba(19,161,91,.58)!important;border:1px solid rgba(255,255,255,.14)!important;
}
.pemda-service-single-v111 .pemda-service-primary-cta,
.pemda-service-single-v111 .pemda-service-secondary-cta{
min-height:62px!important;width:100%!important;border-radius:10px!important;padding:0 22px!important;font-size:18px!important;justify-content:center!important;position:relative!important;
}
.pemda-service-single-v111 .pemda-service-primary-cta .pemda-icon,
.pemda-service-single-v111 .pemda-service-secondary-cta .pemda-icon{position:absolute!important;right:20px!important;width:18px!important;height:18px!important}
.pemda-service-single-v111 .pemda-service-single-area.has-hero{margin-top:-92px!important;padding-bottom:52px!important;position:relative!important;z-index:5!important}
.pemda-service-single-v111 .pemda-service-single-shell{
display:block!important;background:#fff!important;border:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 3px 12px rgba(23,50,69,.04)!important;overflow:visible!important;min-height:0!important;
}
.pemda-service-single-v111 .pemda-service-single-toc{
position:sticky!important;top:66px!important;z-index:30!important;border:0!important;border-bottom:1px solid #e6e7e8!important;border-radius:24px 24px 0 0!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(8px)!important;overflow:hidden!important;
}
.pemda-service-single-v111 .pemda-service-single-toc-inner{position:static!important;padding:0 16px!important}
.pemda-service-single-v111 .pemda-service-single-toc-inner>strong{display:none!important}
.pemda-service-single-v111 .pemda-service-single-toc nav{display:flex!important;flex-direction:row!important;gap:0!important;overflow-x:auto!important;scrollbar-width:none!important;white-space:nowrap!important;padding:0!important}
.pemda-service-single-v111 .pemda-service-single-toc nav::-webkit-scrollbar{display:none!important}
.pemda-service-single-v111 .pemda-service-single-toc a{
flex:0 0 auto!important;min-height:66px!important;display:flex!important;align-items:center!important;padding:0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#8b8b8b!important;font-size:15px!important;font-weight:400!important;position:relative!important;
}
.pemda-service-single-v111 .pemda-service-single-toc a.is-active{color:#078f52!important;font-weight:600!important}
.pemda-service-single-v111 .pemda-service-single-toc a.is-active:after{content:''!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:3px!important;width:auto!important;background:#079a58!important;border-radius:2px!important}
.pemda-service-single-v111 .pemda-service-single-body{margin:0!important;padding:28px 18px 42px!important;border:0!important;border-radius:0!important;background:#fff!important}
.pemda-service-single-v111 .pemda-service-section{padding-bottom:48px!important;scroll-margin-top:145px!important}
.pemda-service-single-v111 .pemda-service-section>h2,
.pemda-service-single-v111 .pemda-service-centered>h2{
margin:0 0 32px!important;text-align:center!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(30px,7vw,42px)!important;line-height:1.25!important;color:#123a63!important;font-weight:700!important;
}
.pemda-service-single-v111 .pemda-service-media-layout{
display:block!important;margin:0 0 34px!important;padding:22px 18px!important;border-radius:22px!important;background:#f5f5f5!important;
}
.pemda-service-single-v111 .pemda-service-video-card{height:auto!important;min-height:0!important;border:0!important;border-radius:16px!important;background:#eef0f1!important;overflow:hidden!important}
.pemda-service-single-v111 .pemda-service-video-placeholder,
.pemda-service-single-v111 .pemda-service-video-placeholder img,
.pemda-service-single-v111 .pemda-service-video-empty,
.pemda-service-single-v111 .pemda-service-video-embed iframe,
.pemda-service-single-v111 .pemda-service-video-embed video{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1.65/1!important;object-fit:contain!important;background:#eef0f1!important}
.pemda-service-single-v111 .pemda-service-video-placeholder>span{width:44px!important;height:44px!important}
.pemda-service-single-v111 .pemda-service-media-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:22px!important}
.pemda-service-single-v111 .pemda-service-media-card{min-height:0!important;height:auto!important;aspect-ratio:1.28/1!important;padding:8px!important;border:1px solid #dedfe0!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;display:block!important}
.pemda-service-single-v111 .pemda-service-media-card.has-image>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:10px!important}
.pemda-service-single-v111 .pemda-service-media-card.has-image>span{display:none!important}
.pemda-service-single-v111 .pemda-service-media-card.no-image{aspect-ratio:auto!important;min-height:105px!important;display:grid!important;grid-template-columns:1fr!important;text-align:center!important}
.pemda-service-single-v111 .pemda-service-hotline{
display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:20px!important;min-height:0!important;margin:0 10px 40px!important;padding:30px 20px!important;border-radius:18px!important;background:linear-gradient(135deg,#0fad62,#22a85d)!important;color:#fff!important;
}
.pemda-service-single-v111 .pemda-service-hotline-person{display:block!important}
.pemda-service-single-v111 .pemda-service-hotline-avatar{display:none!important}
.pemda-service-single-v111 .pemda-service-hotline small{font-size:16px!important;line-height:1.3!important;margin-bottom:7px!important}
.pemda-service-single-v111 .pemda-service-hotline strong{font-size:22px!important;line-height:1.3!important}
.pemda-service-single-v111 .pemda-service-hotline strong em{display:inline!important;margin-left:0!important}
.pemda-service-single-v111 .pemda-service-hotline>a{width:100%!important;min-height:58px!important;border-radius:12px!important;font-size:17px!important;justify-content:center!important;background:#fff!important;color:#078b4f!important}
.pemda-service-single-v111 .pemda-service-info-grid{
display:flex!important;flex-direction:column!important;gap:22px!important;margin:0 4px 44px!important;padding:22px!important;border:1px solid #d9dcde!important;border-radius:18px!important;background:#fff!important;
}
.pemda-service-single-v111 .pemda-service-info-card,
.pemda-service-single-v111 .pemda-service-info-card.wide{
width:100%!important;grid-column:auto!important;min-height:0!important;padding:24px 20px!important;border:1px solid #dfe2e4!important;border-radius:16px!important;background:#f5f5f5!important;grid-template-columns:24px minmax(0,1fr)!important;gap:11px!important;color:#36526a!important;
}
.pemda-service-single-v111 .pemda-service-info-card:nth-child(3){background:#fff!important}
.pemda-service-single-v111 .pemda-service-info-card.stacked{min-height:0!important;padding-block:25px!important}
.pemda-service-single-v111 .pemda-service-info-card>span{width:22px!important;height:22px!important}
.pemda-service-single-v111 .pemda-service-info-card>span .pemda-icon{width:17px!important;height:17px!important}
.pemda-service-single-v111 .pemda-service-info-card small{font-size:15px!important;line-height:1.4!important;color:#4b6680!important;margin-bottom:12px!important}
.pemda-service-single-v111 .pemda-service-info-card strong{font-size:16px!important;line-height:1.6!important;font-weight:400!important;color:#344f66!important;overflow-wrap:anywhere!important}
.pemda-service-single-v111 .pemda-service-current-date{display:inline!important}
.pemda-service-single-v111 .pemda-service-phone-label{margin-top:24px!important}
.pemda-service-single-v111 .pemda-service-info-chevron{right:20px!important}
.pemda-service-single-v111 .pemda-service-socials{display:flex!important;gap:24px!important;align-items:flex-start!important;flex-wrap:wrap!important;margin-top:12px!important}
.pemda-service-single-v111 .pemda-service-socials a{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;color:#3c6685!important;text-decoration:none!important;font-weight:400!important}
.pemda-service-single-v111 .pemda-service-socials .pemda-icon,
.pemda-service-single-v111 .pemda-service-socials .pemda-social-custom-icon{width:22px!important;height:22px!important}
.pemda-service-single-v111 .pemda-service-social-name{display:block!important;font-size:12px!important;color:#4a6479!important;margin:0!important}
.pemda-service-single-v111 .pemda-service-description{font-size:15px!important;line-height:1.8!important;margin:0 8px 44px!important;color:#486176!important}
.pemda-service-single-v111 .pemda-service-benefit-grid{grid-template-columns:1fr!important;gap:20px!important}
.pemda-service-single-v111 .pemda-service-benefit-card,
.pemda-service-single-v111 .pemda-service-benefit-card.has-image,
.pemda-service-single-v111 .pemda-service-benefit-card.no-image{
display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;min-height:108px!important;padding:28px 24px!important;border:0!important;border-radius:16px!important;background:#f7f8f8!important;text-align:left!important;
}
.pemda-service-single-v111 .pemda-service-benefit-card img,
.pemda-service-single-v111 .pemda-service-benefit-card .pemda-service-bullet-dot{display:none!important}
.pemda-service-single-v111 .pemda-service-benefit-card:before{content:'';width:11px;height:11px;border-radius:50%;background:#45c884;margin-top:7px}
.pemda-service-single-v111 .pemda-service-benefit-card p{font-size:18px!important;line-height:1.65!important;color:#243d50!important;margin:0!important}
.pemda-service-single-v111 .pemda-service-soft{margin:10px 0 50px!important;padding:38px 24px!important;border-radius:20px!important;background:#f6f7f7!important}
.pemda-service-single-v111 .pemda-service-facility-grid{grid-template-columns:1fr!important;gap:20px!important}
.pemda-service-single-v111 .pemda-service-facility-card,
.pemda-service-single-v111 .pemda-service-facility-card.has-image,
.pemda-service-single-v111 .pemda-service-facility-card.no-image{
display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;min-height:130px!important;padding:26px 22px!important;border:1px solid #dfe2e4!important;border-radius:16px!important;background:#fff!important;text-align:left!important;
}
.pemda-service-single-v111 .pemda-service-facility-card img,
.pemda-service-single-v111 .pemda-service-facility-card .pemda-service-bullet-dot{display:none!important}
.pemda-service-single-v111 .pemda-service-facility-card:before{content:'';width:11px;height:11px;border-radius:50%;background:#45c884;margin-top:7px}
.pemda-service-single-v111 .pemda-service-facility-card strong{padding:0!important;font-size:18px!important;line-height:1.65!important;color:#243d50!important;text-align:left!important;font-weight:600!important}
.pemda-service-single-v111 .pemda-service-poster{max-width:78%!important;margin:0 auto 30px!important}
.pemda-service-single-v111 .pemda-service-poster img{max-height:none!important;border-radius:14px!important}
.pemda-service-single-v111 .pemda-service-check-grid{grid-template-columns:1fr!important;gap:16px!important}
.pemda-service-single-v111 .pemda-service-check-grid>div{min-height:92px!important;padding:24px 22px!important;border-radius:16px!important;background:#f7f8f8!important}
.pemda-service-single-v111 .pemda-service-check-grid p{font-size:16px!important;line-height:1.65!important}
.pemda-service-single-v111 .pemda-service-procedure-layout,
.pemda-service-single-v111 .pemda-service-procedure-layout.no-image{grid-template-columns:1fr!important;gap:26px!important}
.pemda-service-single-v111 .pemda-service-steps{gap:14px!important}
.pemda-service-single-v111 .pemda-service-steps li{min-height:70px!important;padding:18px!important;border-radius:14px!important}
.pemda-service-single-v111 .pemda-service-steps li span{font-size:15px!important;line-height:1.65!important}
.pemda-service-single-v111 .pemda-service-procedure-image img{max-height:none!important;border-radius:14px!important}
.pemda-service-single-v111 .pemda-service-procedure-gallery{grid-template-columns:1fr!important;gap:16px!important}
.pemda-service-single-v111 .pemda-service-procedure-gallery img{height:auto!important;max-height:none!important;border-radius:14px!important}
.pemda-service-single-v111 .pemda-service-faq-section{padding:34px 20px!important}
.pemda-service-single-v111 .pemda-service-faq{gap:10px!important}
.pemda-service-single-v111 .pemda-service-faq details{border:1px solid #e0e3e5!important;border-radius:12px!important}
.pemda-service-single-v111 .pemda-service-faq summary{min-height:58px!important;padding:15px 16px!important;font-size:14px!important;line-height:1.5!important}
.pemda-service-single-v111 .pemda-service-faq details>div p{font-size:14px!important;line-height:1.7!important}
}
@media(max-width:560px){
body.single-pemda_service .pemda-header-inner{padding:0 32px!important}
.pemda-service-single-v111 .pemda-service-single-container{width:calc(100% - 34px)!important}
.pemda-service-single-v111 .pemda-service-single-hero{padding:108px 0 145px!important}
.pemda-service-single-v111 .pemda-service-single-breadcrumb{font-size:14px!important;margin-bottom:31px!important}
.pemda-service-single-v111 .pemda-service-single-badge,
.pemda-service-single-v111 .pemda-service-single-badge.has-custom{width:96px!important;height:96px!important;margin-bottom:28px!important}
.pemda-service-single-v111 .pemda-service-single-hero-copy h1{font-size:36px!important;line-height:1.31!important}
.pemda-service-single-v111 .pemda-service-hero-chips span{font-size:12px!important}
.pemda-service-single-v111 .pemda-service-single-updated{font-size:13px!important}
.pemda-service-single-v111 .pemda-service-single-hero-copy>p{font-size:15px!important;line-height:1.75!important}
.pemda-service-single-v111 .pemda-service-primary-cta,
.pemda-service-single-v111 .pemda-service-secondary-cta{min-height:58px!important;font-size:17px!important}
.pemda-service-single-v111 .pemda-service-single-area.has-hero{margin-top:-88px!important}
.pemda-service-single-v111 .pemda-service-single-toc a{min-height:62px!important;padding:0 16px!important;font-size:14px!important}
.pemda-service-single-v111 .pemda-service-single-body{padding:26px 16px 38px!important}
.pemda-service-single-v111 .pemda-service-section>h2,
.pemda-service-single-v111 .pemda-service-centered>h2{font-size:32px!important;line-height:1.3!important}
.pemda-service-single-v111 .pemda-service-media-layout{padding:18px 14px!important}
.pemda-service-single-v111 .pemda-service-media-cards{gap:10px!important}
.pemda-service-single-v111 .pemda-service-hotline{margin-inline:6px!important;padding:28px 18px!important}
.pemda-service-single-v111 .pemda-service-info-grid{padding:18px!important;margin-inline:2px!important}
.pemda-service-single-v111 .pemda-service-info-card{padding:22px 18px!important}
.pemda-service-single-v111 .pemda-service-benefit-card,
.pemda-service-single-v111 .pemda-service-benefit-card.has-image,
.pemda-service-single-v111 .pemda-service-benefit-card.no-image{min-height:104px!important;padding:25px 22px!important}
.pemda-service-single-v111 .pemda-service-benefit-card p{font-size:17px!important}
.pemda-service-single-v111 .pemda-service-facility-card,
.pemda-service-single-v111 .pemda-service-facility-card.has-image,
.pemda-service-single-v111 .pemda-service-facility-card.no-image{min-height:120px!important;padding:24px 20px!important}
.pemda-service-single-v111 .pemda-service-facility-card strong{font-size:17px!important}
}
/* =========================================================
Pemda v1.0.114 — Portal search page (Jabar-like)
========================================================= */
body.search .pemda-header{background:#10ad69!important;backdrop-filter:none}
body.search .pemda-header.scrolled,body.search .pemda-header.menu-open{background:#10ad69!important}
.pemda-search-page{background:#f2f3f4;min-height:100vh;color:#143b5c}
.pemda-search-hero{position:relative;isolation:isolate;min-height:310px;padding:120px 0 92px;color:#fff;overflow:hidden;background:#063b36}
.pemda-search-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--pemda-search-hero);background-size:cover;background-position:center 44%;filter:saturate(.72)}
.pemda-search-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,55,43,.96),rgba(4,59,51,.9) 48%,rgba(12,48,57,.88))}
.pemda-search-breadcrumb{display:flex;align-items:center;gap:11px;font-size:13px;margin-bottom:30px}
.pemda-search-breadcrumb a{color:#6dc9ff;text-decoration:none}.pemda-search-breadcrumb strong{color:#fff;font-weight:700}
.pemda-search-hero h1{margin:0 0 12px;color:#19bd70;font:700 30px/1.2 Georgia,"Times New Roman",serif}
.pemda-search-hero p{margin:0;max-width:680px;color:#fff;font-size:14px;line-height:1.65}
.pemda-search-content{padding:0 0 92px}
.pemda-search-panel{position:relative;z-index:5;margin-top:-56px;padding:30px 36px 50px;background:#fff;border:1px solid #e3e7e9;border-radius:15px;box-shadow:0 10px 34px rgba(27,50,64,.06)}
.pemda-search-page-form{height:54px;border:1px solid #d8dee3;border-radius:9px;display:flex;align-items:center;overflow:hidden;background:#fff;margin-bottom:28px}
.pemda-search-page-form>span{display:flex;padding-left:15px;color:#80909c}.pemda-search-page-form>span .pemda-icon{width:18px;height:18px}
.pemda-search-page-form input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 12px;color:#304e64;background:transparent;font-size:14px}
.pemda-search-page-form button{align-self:stretch;border:0;background:#13ad63;color:#fff;padding:0 25px;font-size:13px;font-weight:700;cursor:pointer}
.pemda-search-clear{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f3f4;color:#7e8c96;text-decoration:none;font-size:18px;margin-right:8px}
.pemda-search-result-intro h2{margin:0 0 26px;color:#123c62;font:700 22px/1.3 Georgia,"Times New Roman",serif}.pemda-search-result-intro h2 strong{color:#0baa62}
.pemda-search-section{padding:0 0 32px;margin-bottom:30px;border-bottom:1px solid #e9edef}
.pemda-search-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.pemda-search-section-head h3,.pemda-search-subhead h3{margin:0;color:#123c62;font-size:18px;line-height:1.35}.pemda-search-section-head h3 strong{color:#0baa62}
.pemda-search-section-head>a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid #13ad63;border-radius:7px;color:#0a9054;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}.pemda-search-section-head>a .pemda-icon{width:13px;height:13px}
.pemda-search-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.pemda-search-card{min-width:0}.pemda-search-card-image{display:block;height:142px;border-radius:7px;overflow:hidden;background:#f3f5f6}.pemda-search-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.pemda-search-card-copy{padding-top:10px}.pemda-search-card-copy small,.pemda-search-list-item small{display:inline-block;padding:3px 7px;border-radius:3px;background:#f2f3f4;color:#8a969e;font-size:9px;line-height:1.3;margin-bottom:7px}
.pemda-search-card-copy h4{margin:0 0 7px;font-size:15px;line-height:1.4}.pemda-search-card-copy h4 a,.pemda-search-list-item h4 a,.pemda-search-popular h4 a{color:#164569;text-decoration:none}.pemda-search-card-copy h4 a:hover,.pemda-search-list-item h4 a:hover,.pemda-search-popular h4 a:hover{color:#0b9b59}
.pemda-search-card-copy p{margin:0;color:#6d7d89;font-size:11px;line-height:1.65}.pemda-search-card-copy em{display:block;margin-top:8px;color:#798995;font-size:9px;font-style:normal}
.pemda-search-bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.82fr);gap:50px;padding-top:2px}
.pemda-search-subhead{padding-bottom:12px;border-bottom:1px solid #e8ecee;margin-bottom:16px}
.pemda-search-result-list{display:grid;gap:20px}.pemda-search-list-item{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:start}.pemda-search-list-thumb{display:block;width:130px;height:90px;border-radius:6px;overflow:hidden;background:#eef1f3}.pemda-search-list-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.pemda-search-list-item h4{margin:0 0 5px;font-size:14px;line-height:1.4}.pemda-search-list-item p{margin:0 0 5px;color:#73818c;font-size:10.5px;line-height:1.55}.pemda-search-list-item em{display:block;color:#81909a;font-size:9px;font-style:normal}
.pemda-search-more{display:flex;align-items:center;gap:7px;margin:25px auto 0;min-height:36px;padding:0 14px;border:1px solid #13ad63;border-radius:7px;background:#fff;color:#0a9054;font-weight:700;font-size:11px;cursor:pointer}.pemda-search-more .pemda-icon{width:12px;height:12px}
.pemda-search-popular-list{display:grid;gap:18px}.pemda-search-popular-list article{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding-bottom:18px;border-bottom:1px solid #e9edef}.pemda-search-popular-list article:last-child{border-bottom:0}.pemda-search-popular-list article>a{display:block;width:84px;height:70px;border-radius:6px;overflow:hidden;background:#edf1f2}.pemda-search-popular-list img{width:100%;height:100%;object-fit:cover;display:block}.pemda-search-popular h4{margin:0 0 5px;font-size:13px;line-height:1.45}.pemda-search-popular p{margin:0 0 6px;color:#74838e;font-size:9.5px;line-height:1.5}.pemda-search-popular small{color:#80909b;font-size:8.5px}
.pemda-search-empty{padding:58px 20px;text-align:center;color:#657987}.pemda-search-empty>.pemda-icon{width:46px;height:46px;color:#14aa63}.pemda-search-empty h3{margin:12px 0 7px;color:#153e62;font-size:20px}.pemda-search-empty p,.pemda-search-empty-small{color:#71818d;font-size:12px}.pemda-search-empty-small{padding:20px;border-radius:8px;background:#f7f8f9}
@media(max-width:1000px){
.pemda-search-card-grid{gap:16px}
.pemda-search-bottom-grid{grid-template-columns:1fr;gap:38px}
}
@media(max-width:820px){
body.search .pemda-header{height:74px!important}
.pemda-search-hero{min-height:260px;padding:104px 0 70px}
.pemda-search-panel{margin-top:-38px;padding:22px 20px 36px}
.pemda-search-card-grid{grid-template-columns:1fr 1fr}
.pemda-search-card-grid .pemda-search-card:nth-child(3){display:none}
.pemda-search-section-head{align-items:flex-start}
}
@media(max-width:560px){
body.search .pemda-header{height:66px!important;background:#10ad69!important}
.pemda-search-hero{min-height:225px;padding:90px 0 57px}
.pemda-search-breadcrumb{font-size:11px;margin-bottom:21px}
.pemda-search-hero h1{font-size:24px}.pemda-search-hero p{font-size:12px}
.pemda-search-content{padding-bottom:58px}
.pemda-search-panel{margin-top:-26px;padding:16px 14px 30px;border-radius:12px}
.pemda-search-page-form{height:48px;margin-bottom:22px}.pemda-search-page-form input{font-size:13px}.pemda-search-page-form button{padding:0 18px;font-size:12px}
.pemda-search-result-intro h2{font-size:18px;margin-bottom:22px}
.pemda-search-section{padding-bottom:26px;margin-bottom:26px}
.pemda-search-section-head{display:block}.pemda-search-section-head h3,.pemda-search-subhead h3{font-size:16px}.pemda-search-section-head>a{margin-top:12px}
.pemda-search-card-grid{grid-template-columns:1fr}.pemda-search-card-grid .pemda-search-card:nth-child(3){display:block}.pemda-search-card-image{height:180px}.pemda-search-card-copy h4{font-size:14px}.pemda-search-card-copy p{font-size:11px}
.pemda-search-list-item{grid-template-columns:92px minmax(0,1fr);gap:11px}.pemda-search-list-thumb{width:92px;height:72px}.pemda-search-list-item h4{font-size:12px}.pemda-search-list-item p{display:none}
.pemda-search-popular-list article{grid-template-columns:76px minmax(0,1fr)}.pemda-search-popular-list article>a{width:76px;height:64px}.pemda-search-popular h4{font-size:12px}.pemda-search-popular p{display:none}
}
/* Pemda v1.0.114 — Aduan Warga */
.pemda-complaint-page{background:#f1f2f3;color:#183a52;min-height:100vh}
.pemda-complaint-hero{position:relative;min-height:300px;padding:34px 0 92px;color:#fff;background-image:linear-gradient(90deg,rgba(0,49,38,.97),rgba(2,49,48,.91)),var(--complaint-hero);background-size:cover;background-position:center;overflow:hidden}
.pemda-complaint-breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:30px;font-size:13px}.pemda-complaint-breadcrumb a{color:#6ec7ff;text-decoration:none}.pemda-complaint-breadcrumb strong{color:#fff}.pemda-complaint-hero h1{margin:0 0 14px;color:#1ec477;font-size:36px;line-height:1.2;font-weight:800}.pemda-complaint-hero p{max-width:980px;margin:0;color:#fff;font-size:15px;line-height:1.7}
.pemda-complaint-body{padding:0 0 90px}.pemda-complaint-shell{position:relative;margin-top:-58px;background:#fff;border-radius:13px;box-shadow:0 8px 30px rgba(17,42,55,.05);padding:42px 44px 48px;min-height:660px}
.pemda-complaint-stepper{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 auto 34px;overflow-x:auto;scrollbar-width:none}.pemda-complaint-stepper::-webkit-scrollbar{display:none}.pemda-complaint-stepper button{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:#9aa3aa;padding:0;white-space:nowrap;font:inherit;cursor:default}.pemda-complaint-stepper button b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf0f1;color:#a3abb1;font-size:14px}.pemda-complaint-stepper button i{font-size:24px;color:#c6cdd1;font-style:normal}.pemda-complaint-stepper button.is-active{color:#304958;font-weight:700}.pemda-complaint-stepper button.is-active b,.pemda-complaint-stepper button.is-done b{background:#0eaa61;color:#fff}.pemda-complaint-stepper button.is-done{color:#557064;cursor:pointer}
.pemda-complaint-form{max-width:720px;margin:0 auto}.pemda-complaint-step{display:none;border:1px solid #e0e5e8;border-radius:10px;background:#fff;overflow:hidden}.pemda-complaint-step.is-active{display:block}.pemda-complaint-card-head{border-bottom:1px solid #e8ecee;padding:18px 24px}.pemda-complaint-card-head h2{margin:0;font-size:18px;color:#153e60}.pemda-complaint-card-body{padding:24px 30px 28px}.pemda-complaint-citizen-img{display:block;width:112px;height:112px;object-fit:contain;margin:0 auto 20px}.pemda-complaint-card-body label{display:block;margin-bottom:22px;color:#122f43;font-size:14px;font-weight:700}.pemda-complaint-card-body label:last-child{margin-bottom:0}.pemda-complaint-card-body label em{color:#ff5d64;font-style:normal}.pemda-complaint-card-body input,.pemda-complaint-card-body select,.pemda-complaint-card-body textarea{width:100%;display:block;margin-top:9px;border:1px solid #bfc7cc;border-radius:8px;background:#fff;padding:12px 14px;color:#243f52;font:inherit;font-weight:400;outline:0;transition:.18s}.pemda-complaint-card-body textarea{resize:vertical;min-height:92px}.pemda-complaint-card-body input:focus,.pemda-complaint-card-body select:focus,.pemda-complaint-card-body textarea:focus{border-color:#0aaa61;box-shadow:0 0 0 3px rgba(10,170,97,.1)}.pemda-complaint-card-body .is-invalid{border-color:#ef5661!important;box-shadow:0 0 0 3px rgba(239,86,97,.08)!important}.pemda-complaint-field-note{display:flex;align-items:center;gap:9px;margin:10px 0 7px;padding:11px 13px;border:1px solid #e6ebed;border-radius:7px;color:#60717c;font-size:11px;font-weight:400}.pemda-complaint-field-note .pemda-icon{width:15px;height:15px;color:#0aaa61}.pemda-complaint-actions{display:flex;justify-content:space-between;gap:12px;padding:0 30px 26px}.pemda-complaint-actions.end{justify-content:flex-end}.pemda-complaint-btn{border:0;border-radius:8px;background:#0aaa61;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;font-weight:700;cursor:pointer}.pemda-complaint-btn:hover{background:#078f51;color:#fff}.pemda-complaint-btn.secondary{background:#fff;color:#425b6b;border:1px solid #cfd6da}.pemda-complaint-btn.secondary:hover{background:#f6f8f9;color:#263f4f}.pemda-complaint-btn:disabled{opacity:.55;cursor:not-allowed}
.pemda-complaint-upload{border:2px dashed #d8dee1;border-radius:12px;background:#fafbfb;padding:36px 24px;text-align:center}.pemda-complaint-upload>span{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#e8f8f0;color:#0aaa61}.pemda-complaint-upload>span .pemda-icon{width:30px;height:30px}.pemda-complaint-upload h3{margin:0 0 8px;font-size:18px}.pemda-complaint-upload p{margin:0 auto 18px;max-width:500px;color:#667b88;font-size:12px;line-height:1.6}.pemda-complaint-photo-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.pemda-complaint-photo-preview>div{border:1px solid #e0e5e8;border-radius:8px;overflow:hidden;background:#fff}.pemda-complaint-photo-preview img{display:block;width:100%;height:110px;object-fit:cover}.pemda-complaint-photo-preview span{display:block;padding:8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pemda-complaint-geolocate{width:100%;border:1px solid #d5e6dd;border-radius:10px;background:#effaf5;color:#28604a;padding:14px 16px;display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:22px;cursor:pointer}.pemda-complaint-geolocate>.pemda-icon{width:26px;height:26px;color:#0aaa61}.pemda-complaint-geolocate strong,.pemda-complaint-geolocate small{display:block}.pemda-complaint-geolocate small{margin-top:3px;color:#668277;font-size:11px}.pemda-complaint-geolocate.is-success{background:#e1f7ec}.pemda-complaint-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pemda-complaint-privacy{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;background:#f7f9fa;border-radius:8px;color:#60727e;font-size:11px;line-height:1.55}.pemda-complaint-privacy .pemda-icon{width:17px;height:17px;color:#0aaa61;flex:0 0 auto}.pemda-complaint-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.pemda-complaint-alert{max-width:720px;margin:0 auto 18px;padding:14px 16px;border-radius:8px;background:#fff1f1;color:#a6313a;border:1px solid #ffd5d8}.pemda-complaint-success{max-width:700px;margin:40px auto;text-align:center;padding:42px}.pemda-complaint-success-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e5f8ef;color:#0aaa61}.pemda-complaint-success-icon .pemda-icon{width:42px;height:42px}.pemda-complaint-success h2{margin:0 0 10px;color:#123f63}.pemda-complaint-success p{color:#667b88;line-height:1.7}.pemda-complaint-ticket{margin:24px auto;max-width:330px;background:#f5f7f8;border-radius:10px;padding:14px}.pemda-complaint-ticket small,.pemda-complaint-ticket strong{display:block}.pemda-complaint-ticket small{color:#7b8b95;margin-bottom:5px}.pemda-complaint-ticket strong{font-size:20px;color:#0a8f54;letter-spacing:.5px}
@media(max-width:820px){.pemda-complaint-hero{min-height:270px;padding:28px 0 74px}.pemda-complaint-breadcrumb{margin-bottom:24px}.pemda-complaint-hero h1{font-size:30px}.pemda-complaint-shell{margin-top:-42px;padding:22px 16px 34px}.pemda-complaint-stepper{justify-content:flex-start;padding-bottom:4px}.pemda-complaint-stepper button i{display:none}.pemda-complaint-form{max-width:none}.pemda-complaint-card-body{padding:22px 18px}.pemda-complaint-actions{padding:0 18px 20px}.pemda-complaint-two-col{grid-template-columns:1fr}.pemda-complaint-photo-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pemda-complaint-hero{padding-top:24px}.pemda-complaint-hero h1{font-size:26px}.pemda-complaint-hero p{font-size:13px}.pemda-complaint-shell{width:calc(100% + 4px);margin-left:-2px;border-radius:12px}.pemda-complaint-stepper button{font-size:11px}.pemda-complaint-stepper button b{width:29px;height:29px}.pemda-complaint-stepper button span{max-width:90px;overflow:hidden;text-overflow:ellipsis}.pemda-complaint-card-head{padding:16px 18px}.pemda-complaint-card-head h2{font-size:16px}.pemda-complaint-citizen-img{width:96px;height:96px}.pemda-complaint-actions{flex-direction:column-reverse}.pemda-complaint-actions .pemda-complaint-btn{width:100%}.pemda-complaint-upload{padding:28px 14px}.pemda-complaint-photo-preview{grid-template-columns:1fr}}
/* Pemda v1.0.128 — Aduan Warga hero/header overlap fix */
@media(min-width:861px){
.pemda-complaint-page .pemda-complaint-hero{
min-height:390px;
padding:126px 0 104px;
background-position:center 44%;
}
.pemda-complaint-page .pemda-complaint-breadcrumb{
margin-bottom:24px;
}
.pemda-complaint-page .pemda-complaint-hero h1{
margin-bottom:12px;
}
.pemda-complaint-page .pemda-complaint-shell{
margin-top:-62px;
}
}
@media(max-width:860px){
.pemda-complaint-page .pemda-complaint-hero{
min-height:330px;
padding:104px 0 78px;
}
.pemda-complaint-page .pemda-complaint-breadcrumb{
margin-bottom:20px;
}
.pemda-complaint-page .pemda-complaint-shell{
margin-top:-38px;
}
}
@media(max-width:520px){
.pemda-complaint-page .pemda-complaint-hero{
min-height:310px;
padding:94px 0 70px;
}
.pemda-complaint-page .pemda-complaint-breadcrumb{
font-size:12px;
margin-bottom:18px;
}
.pemda-complaint-page .pemda-complaint-shell{
margin-top:-32px;
}
}
/* Pemda v1.0.128 — Aduan geolocation, ticket copy, and success actions */
.pemda-complaint-geolocate{transition:border-color .2s,background .2s,color .2s,opacity .2s}
.pemda-complaint-geolocate.is-loading{background:#f1f8f5;border-color:#b9dfcb;color:#406c59;cursor:progress}
.pemda-complaint-geolocate.is-loading>.pemda-icon{animation:pemdaComplaintPulse 1s ease-in-out infinite}
.pemda-complaint-geolocate.is-success{background:#e7f8ef;border-color:#9ed9bb;color:#1d6547}
.pemda-complaint-geolocate.is-error{background:#fff5f5;border-color:#f0c7c7;color:#8f3b3b}
@keyframes pemdaComplaintPulse{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}
.pemda-complaint-geo-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-10px 0 22px;padding:12px 14px;border:1px solid #dce9e2;border-radius:10px;background:#f8fbf9}
.pemda-complaint-geo-result[hidden]{display:none!important}
.pemda-complaint-geo-result>div{display:flex;align-items:flex-start;gap:10px;min-width:0}
.pemda-complaint-geo-result>div>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e6f6ee;color:#0a9d5b;flex:0 0 auto}
.pemda-complaint-geo-result .pemda-icon{width:17px;height:17px}
.pemda-complaint-geo-result small,.pemda-complaint-geo-result strong,.pemda-complaint-geo-result em{display:block}
.pemda-complaint-geo-result small{font-size:10px;color:#71857a;margin-bottom:2px}
.pemda-complaint-geo-result strong{font-size:12px;color:#294e3e;overflow-wrap:anywhere}
.pemda-complaint-geo-result em{font-size:10px;color:#768b80;font-style:normal;margin-top:2px}
.pemda-complaint-geo-result>a{flex:0 0 auto;color:#078e52;font-size:11px;font-weight:700;text-decoration:none}
.pemda-complaint-ticket{max-width:430px;padding:18px 20px}
.pemda-complaint-ticket-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.pemda-complaint-ticket-row strong{font-size:24px}
.pemda-complaint-copy-ticket{min-height:38px;padding:0 12px;border:1px solid #cbd9d2;border-radius:8px;background:#fff;color:#0a8f54;display:inline-flex;align-items:center;gap:7px;font-weight:700;cursor:pointer}
.pemda-complaint-copy-ticket .pemda-icon{width:16px;height:16px}
.pemda-complaint-copy-ticket.is-copied{background:#e4f7ed;border-color:#98d7b5}
.pemda-complaint-ticket>em{display:block;min-height:18px;margin-top:7px;color:#668177;font-size:11px;font-style:normal}
.pemda-complaint-success-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.pemda-complaint-success-actions .pemda-complaint-btn{min-width:190px}
@media(max-width:580px){
.pemda-complaint-geo-result{align-items:flex-start;flex-direction:column}
.pemda-complaint-success-actions{gap:14px;margin-top:22px}
.pemda-complaint-success-actions .pemda-complaint-btn{width:100%;min-width:0}
.pemda-complaint-ticket-row strong{font-size:20px}
}
/* Pemda v1.0.128 — Custom photo upload UI for Aduan Warga */
.pemda-complaint-photo-input,[data-photo-input]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.pemda-complaint-photo-picker{width:100%;max-width:560px;margin:18px auto 0!important;padding:14px 16px!important;border:1px solid #cbd5da;border-radius:10px;background:#fff;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;color:#183b52!important;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s;font-weight:400!important}
.pemda-complaint-photo-picker:hover,.pemda-complaint-photo-picker:focus-within{border-color:#0aaa61;box-shadow:0 0 0 3px rgba(10,170,97,.09);background:#fbfffd}
.pemda-complaint-photo-picker-icon{width:42px;height:42px;border-radius:10px;background:#eaf8f1;color:#0aaa61;display:grid;place-items:center}
.pemda-complaint-photo-picker-icon .pemda-icon{width:21px;height:21px}
.pemda-complaint-photo-picker-copy{min-width:0;display:block}
.pemda-complaint-photo-picker-copy strong{display:block;font-size:13px;line-height:1.3;color:#173a51}
.pemda-complaint-photo-picker-copy small{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#758691}
.pemda-complaint-photo-picker-action{min-height:34px;padding:0 12px;border-radius:7px;background:#0aaa61;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;white-space:nowrap}
.pemda-complaint-photo-picker.has-files{border-color:#9fd7bb;background:#fbfffd}
.pemda-complaint-photo-selected{margin:10px auto 0;max-width:560px;color:#7a8992;font-size:11px;line-height:1.45;text-align:left}
.pemda-complaint-photo-selected.has-files{color:#148454;font-weight:600}
.pemda-complaint-upload.is-dragover{border-color:#0aaa61;background:#f1fbf6}
.pemda-complaint-upload.is-dragover .pemda-complaint-photo-picker{border-color:#0aaa61}
@media(max-width:520px){
.pemda-complaint-photo-picker{grid-template-columns:38px minmax(0,1fr);padding:12px!important}
.pemda-complaint-photo-picker-icon{width:38px;height:38px}
.pemda-complaint-photo-picker-action{grid-column:1/-1;width:100%;min-height:40px}
}
/* Pemda v1.0.128 — use uploaded add-image icon across Aduan photo uploader */
.pemda-complaint-upload>.pemda-complaint-upload-main-icon{width:72px;height:72px;border-radius:16px;background:#e9f8f0;display:grid;place-items:center;padding:10px;color:transparent}
.pemda-complaint-upload>.pemda-complaint-upload-main-icon img{display:block;width:48px;height:48px;object-fit:contain}
.pemda-complaint-photo-picker-icon{overflow:hidden;padding:7px}
.pemda-complaint-photo-picker-icon img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:520px){
.pemda-complaint-upload>.pemda-complaint-upload-main-icon{width:64px;height:64px;padding:9px}
.pemda-complaint-upload>.pemda-complaint-upload-main-icon img{width:44px;height:44px}
}
/* Pemda v1.0.128 — Public Cek Status Aduan */
.pemda-complaint-status-page{background:#f1f2f3}
.pemda-complaint-status-body{padding:0 0 86px}
.pemda-complaint-status-shell{position:relative;margin-top:-58px;min-height:610px;padding:34px 40px 44px;border-radius:13px;background:#fff;box-shadow:0 8px 30px rgba(17,42,55,.05)}
.pemda-complaint-status-stage{max-width:1120px;margin:0 auto;padding:28px 30px;background:#f6f7f7;border-radius:12px}
.pemda-complaint-track-form{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:8px;max-width:700px}
.pemda-complaint-track-input-wrap{height:42px;border:1px solid #cdd4d8;border-radius:8px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;transition:.18s}
.pemda-complaint-track-input-wrap>span{display:grid;place-items:center;color:#8a989f}.pemda-complaint-track-input-wrap .pemda-icon{width:17px;height:17px}
.pemda-complaint-track-input-wrap input{min-width:0;width:100%;height:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:13px;color:#29475b}
.pemda-complaint-track-form>button{height:42px;border:0;border-radius:8px;background:#0aaa61;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700;padding:0 14px}.pemda-complaint-track-form>button .pemda-icon{width:17px;height:17px}.pemda-complaint-track-form>button span{display:none}
.pemda-complaint-track-form.has-error .pemda-complaint-track-input-wrap{border-color:#f17078;box-shadow:0 0 0 1px rgba(241,112,120,.08)}
.pemda-complaint-track-error{max-width:700px;margin-top:6px;color:#ec5e67;font-size:11px}
.pemda-complaint-track-card{margin-top:24px;min-height:420px;border:1px solid #e0e5e8;border-radius:10px;background:#fff;padding:26px 30px}
.pemda-complaint-track-head{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid #edf0f1;color:#203d50}.pemda-complaint-track-head img{width:44px;height:44px;object-fit:contain}.pemda-complaint-track-head strong{font-size:14px}
.pemda-complaint-track-empty{padding:24px 0 0}.pemda-complaint-track-empty>img{width:72px;height:72px;object-fit:contain;display:block;margin-bottom:14px}.pemda-complaint-track-empty h2{margin:0 0 9px;font-size:16px;color:#29445a}.pemda-complaint-track-empty p{max-width:620px;margin:0;color:#849099;font-size:12px;line-height:1.6}
.pemda-complaint-track-empty-tabs{display:flex;gap:6px;margin-top:18px}.pemda-complaint-track-empty-tabs span{padding:9px 14px;border-radius:8px;background:#f3f4f5;color:#9ca5aa;font-size:11px}.pemda-complaint-track-empty-tabs span.is-active{background:#fff;color:#324658;box-shadow:0 1px 5px rgba(20,40,50,.08)}
.pemda-complaint-track-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 0}.pemda-complaint-track-summary>div{min-height:74px;border-radius:8px;background:#f7f8f8;padding:12px 14px}.pemda-complaint-track-summary small,.pemda-complaint-track-summary strong{display:block}.pemda-complaint-track-summary small{font-size:10px;color:#8a979f;margin-bottom:5px}.pemda-complaint-track-summary strong{font-size:12px;line-height:1.45;color:#2c485a;overflow-wrap:anywhere}
.pemda-public-status{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700}.pemda-public-status.is-baru{background:#e9f4ff;color:#2479b4}.pemda-public-status.is-diproses{background:#fff5dc;color:#9b6a00}.pemda-public-status.is-selesai{background:#e5f8ee;color:#078b51}.pemda-public-status.is-ditolak{background:#ffeded;color:#b44848}
.pemda-complaint-track-tabs{display:flex;align-items:center;gap:5px;margin:2px 0 18px}.pemda-complaint-track-tabs button{border:0;border-radius:8px;background:#f3f4f5;color:#77858e;min-height:36px;padding:0 15px;font-weight:600;font-size:11px;cursor:pointer}.pemda-complaint-track-tabs button.is-active{background:#fff;color:#203d50;box-shadow:0 1px 6px rgba(16,39,52,.1)}
.pemda-complaint-track-panel[hidden]{display:none!important}.pemda-complaint-track-panel{padding-top:3px}
.pemda-complaint-history{position:relative;padding-left:22px}.pemda-complaint-history:before{content:"";position:absolute;left:6px;top:7px;bottom:7px;width:2px;background:#e0e6e3}.pemda-complaint-history-item{position:relative;padding:0 0 22px}.pemda-complaint-history-item:last-child{padding-bottom:0}.pemda-complaint-history-dot{position:absolute;left:-22px;top:4px;width:14px;height:14px;border-radius:50%;background:#dbe2df;border:3px solid #fff;box-shadow:0 0 0 1px #dbe2df}.pemda-complaint-history-item.is-current .pemda-complaint-history-dot{background:#0aaa61;box-shadow:0 0 0 1px #0aaa61}.pemda-complaint-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pemda-complaint-history-top strong{font-size:13px;color:#264558}.pemda-complaint-history-top time{font-size:10px;color:#929ca2;white-space:nowrap}.pemda-complaint-history-item p{margin:5px 0 0;color:#60727e;font-size:11px;line-height:1.6}
.pemda-complaint-public-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pemda-complaint-public-detail>div{background:#f7f8f8;border-radius:8px;padding:13px 15px}.pemda-complaint-public-detail>div.wide{grid-column:1/-1}.pemda-complaint-public-detail small,.pemda-complaint-public-detail strong{display:block}.pemda-complaint-public-detail small{font-size:10px;color:#88959d;margin-bottom:5px}.pemda-complaint-public-detail strong,.pemda-complaint-public-detail p{margin:0;color:#304c5e;font-size:12px;line-height:1.65;font-weight:500}
@media(max-width:860px){
.pemda-complaint-status-body{padding-bottom:58px}
.pemda-complaint-status-shell{margin-top:-38px;padding:22px 16px 34px}
.pemda-complaint-status-stage{padding:20px 18px}
.pemda-complaint-track-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
.pemda-complaint-status-shell{margin-top:-32px;border-radius:12px;padding:14px 10px 28px}
.pemda-complaint-status-stage{padding:15px 12px;border-radius:10px}
.pemda-complaint-track-form{grid-template-columns:minmax(0,1fr) 48px}
.pemda-complaint-track-form>button{width:48px;padding:0}
.pemda-complaint-track-card{margin-top:18px;padding:18px 16px;min-height:360px}
.pemda-complaint-track-head{padding-bottom:14px}.pemda-complaint-track-head img{width:40px;height:40px}
.pemda-complaint-track-summary{grid-template-columns:1fr;gap:8px}
.pemda-complaint-track-tabs{overflow-x:auto;scrollbar-width:none}.pemda-complaint-track-tabs button{flex:0 0 auto}
.pemda-complaint-history-top{display:block}.pemda-complaint-history-top time{display:block;margin-top:4px}
.pemda-complaint-public-detail{grid-template-columns:1fr}.pemda-complaint-public-detail>div.wide{grid-column:auto}
.pemda-complaint-track-empty>img{width:66px;height:66px}
}
.pemda-complaint-track-ticket-link{display:inline-flex;align-items:center;gap:7px;margin-top:6px;color:#078e52;text-decoration:none;font-size:11px;font-weight:700}.pemda-complaint-track-ticket-link .pemda-icon{width:13px;height:13px}.pemda-complaint-track-ticket-link:hover{text-decoration:underline;color:#067945}
.pemda-complaint-status-page .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Pemda v1.0.128 — Nomor Darurat */
.pemda-emergency-page{background:#eef0f2;color:#143b5d;min-height:100vh}
.pemda-emergency-hero{position:relative;min-height:300px;padding:30px 0 92px;color:#fff;background-image:linear-gradient(90deg,rgba(0,52,42,.96),rgba(1,56,49,.91) 52%,rgba(7,48,58,.91)),var(--pemda-emergency-hero);background-size:cover;background-position:center;overflow:hidden}
.pemda-emergency-hero>.pemda-container{position:relative;z-index:1}
.pemda-emergency-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:12px}.pemda-emergency-breadcrumb a{color:#75caff;text-decoration:none}.pemda-emergency-breadcrumb strong{color:#fff}
.pemda-emergency-hero h1{margin:0 0 12px;color:#18bd70;font-size:34px;font-weight:800;line-height:1.2}.pemda-emergency-hero p{margin:0;max-width:900px;color:#fff;font-size:15px;line-height:1.65}
.pemda-emergency-area{padding:0 0 76px}.pemda-emergency-shell{position:relative;margin-top:-64px;background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(24,45,58,.06);padding:34px 64px 42px;min-height:520px}
.pemda-emergency-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e8eaec;margin-bottom:42px}.pemda-emergency-tabs a{min-height:56px;padding:0 16px;display:flex;align-items:center;justify-content:center;color:#6a6c70;text-decoration:none;font-size:15px;border-bottom:3px solid transparent}.pemda-emergency-tabs a.is-active{color:#079d56;border:2px solid #0aaf62;border-bottom-width:3px;font-weight:700}
.pemda-emergency-content{max-width:980px;margin:0 auto}.pemda-emergency-section-head{text-align:center;margin-bottom:32px}.pemda-emergency-section-head h2,.pemda-emergency-overview h2{margin:0 0 10px;color:#083b65;font-size:25px;font-weight:800}.pemda-emergency-section-head p,.pemda-emergency-overview p{margin:0;color:#6b727a;font-size:14px;line-height:1.7}
.pemda-emergency-overview{text-align:center;padding:0 0 34px;margin-bottom:32px;border-bottom:1px solid #edf0f2}.pemda-emergency-overview a{margin-top:18px;min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;background:#079f57;border-radius:7px;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.pemda-emergency-overview a:hover{background:#078c4e;color:#fff}
.pemda-emergency-group{text-align:center;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #e7eaec}.pemda-emergency-group h3{margin:0 0 9px;color:#073b65;font-size:20px;font-weight:800}.pemda-emergency-group>p{margin:0 auto 18px;max-width:820px;color:#737980;font-size:13px;line-height:1.65}.pemda-emergency-contacts{display:grid;gap:10px}.pemda-emergency-contact-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:stretch}.pemda-emergency-call{min-height:45px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;background:#079f57;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.pemda-emergency-call:hover{background:#078d4e;color:#fff}.pemda-emergency-call .pemda-icon{width:16px;height:16px}.pemda-emergency-copy{border:1px solid #d9dee1;background:#fff;color:#555;border-radius:8px;display:grid;place-items:center;cursor:pointer}.pemda-emergency-copy .pemda-icon{width:17px;height:17px}.pemda-emergency-copy span{display:none}.pemda-emergency-copy:hover{border-color:#0aa961;color:#079756}.pemda-emergency-copy-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;pointer-events:none;opacity:0;background:#123b31;color:#fff;border-radius:999px;padding:9px 15px;font-size:12px;transition:.2s}.pemda-emergency-copy-status.is-visible{opacity:1}
@media(max-width:820px){.pemda-emergency-hero{min-height:245px;padding:24px 0 75px}.pemda-emergency-hero h1{font-size:28px}.pemda-emergency-shell{margin-top:-46px;padding:20px 16px 32px;border-radius:12px}.pemda-emergency-tabs{display:flex;overflow-x:auto;margin:0 -2px 30px;scrollbar-width:none}.pemda-emergency-tabs::-webkit-scrollbar{display:none}.pemda-emergency-tabs a{flex:0 0 auto;min-width:145px;font-size:13px}.pemda-emergency-section-head h2,.pemda-emergency-overview h2{font-size:22px}.pemda-emergency-group h3{font-size:18px}}
@media(max-width:520px){.pemda-emergency-breadcrumb{font-size:11px;margin-bottom:20px}.pemda-emergency-hero h1{font-size:26px}.pemda-emergency-hero p{font-size:13px}.pemda-emergency-shell{width:calc(100% + 4px);margin-left:-2px}.pemda-emergency-tabs a{min-width:132px;min-height:50px}.pemda-emergency-content{min-width:0}.pemda-emergency-group{padding-bottom:24px;margin-bottom:24px}.pemda-emergency-group>p{font-size:12px}.pemda-emergency-contact-row{grid-template-columns:minmax(0,1fr) 44px}.pemda-emergency-call{min-height:48px;font-size:13px}.pemda-emergency-copy{min-width:44px}.pemda-emergency-overview a{min-height:48px}}
/* Pemda v1.0.128 — Nomor Darurat hero/header overlap fix */
@media(min-width:861px){
.pemda-emergency-page .pemda-emergency-hero{
min-height:390px;
padding:126px 0 104px;
background-position:center 44%;
}
.pemda-emergency-page .pemda-emergency-breadcrumb{
margin-bottom:24px;
}
.pemda-emergency-page .pemda-emergency-hero h1{
margin-bottom:12px;
}
.pemda-emergency-page .pemda-emergency-shell{
margin-top:-62px;
}
}
@media(max-width:860px){
.pemda-emergency-page .pemda-emergency-hero{
min-height:330px;
padding:104px 0 78px;
}
.pemda-emergency-page .pemda-emergency-breadcrumb{
margin-bottom:20px;
}
.pemda-emergency-page .pemda-emergency-shell{
margin-top:-38px;
}
}
@media(max-width:520px){
.pemda-emergency-page .pemda-emergency-hero{
min-height:310px;
padding:94px 0 70px;
}
.pemda-emergency-page .pemda-emergency-breadcrumb{
font-size:12px;
margin-bottom:18px;
}
.pemda-emergency-page .pemda-emergency-shell{
margin-top:-32px;
}
}
/* =========================================================
Pemda v1.0.128 — GPR Kominfo desktop equal-height column
Make the left GPR widget end exactly in line with the
featured-news column beside it, without changing mobile.
========================================================= */
@media (min-width:861px){
.pemda-news-grid{
align-items:stretch!important;
}
.pemda-news-list.pemda-gpr-list,
.pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container{
height:100%!important;
min-height:0!important;
align-self:stretch!important;
box-sizing:border-box!important;
}
.pemda-news-list.pemda-gpr-list .pemda-gpr-shell{
display:flex!important;
flex-direction:column!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container{
display:flex!important;
flex-direction:column!important;
max-width:none!important;
overflow:hidden!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-header{
flex:0 0 70px!important;
box-sizing:border-box!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-body{
flex:1 1 auto!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
box-sizing:border-box!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-list{
flex:1 1 auto!important;
min-height:0!important;
height:100%!important;
max-height:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
box-sizing:border-box!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-footer{
flex:0 0 55px!important;
box-sizing:border-box!important;
}
.pemda-news-list.pemda-gpr-list .pemda-gpr-loading{
height:100%!important;
min-height:100%!important;
}
}
/* =========================================================
Pemda v1.0.128 — Berita Terkini desktop bounded height
Keep GPR Kominfo aligned with featured news without letting
the official widget's long feed stretch the whole section.
========================================================= */
@media (min-width:1281px){
.pemda-news-grid{
height:690px!important;
min-height:0!important;
align-items:stretch!important;
}
.pemda-news-list.pemda-gpr-list,
.pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container,
.pemda-featured-news,
.pemda-news-tabs{
height:100%!important;
min-height:0!important;
max-height:690px!important;
box-sizing:border-box!important;
}
.pemda-news-list.pemda-gpr-list{
overflow:hidden!important;
}
.pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container{
overflow:hidden!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-body{
flex:1 1 auto!important;
min-height:0!important;
overflow:hidden!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-list{
height:auto!important;
max-height:none!important;
min-height:0!important;
overflow-y:auto!important;
overscroll-behavior:contain;
}
.pemda-featured-news{
min-height:0!important;
background-position:center!important;
}
.pemda-news-tabs{
overflow:hidden!important;
}
}
@media (min-width:861px) and (max-width:1280px){
.pemda-news-grid{
height:620px!important;
min-height:0!important;
align-items:stretch!important;
}
.pemda-news-list.pemda-gpr-list,
.pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container,
.pemda-featured-news,
.pemda-news-tabs{
height:100%!important;
min-height:0!important;
max-height:620px!important;
box-sizing:border-box!important;
}
.pemda-news-list.pemda-gpr-list,
.pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container,
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-body{
overflow:hidden!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-list{
height:auto!important;
max-height:none!important;
min-height:0!important;
overflow-y:auto!important;
}
.pemda-featured-news{min-height:0!important}
}
/* =========================================================
Pemda v1.0.128 — Show GPR / Kominfo feed on mobile
Place it below the main news + Terbaru/Terpopuler area and
keep the long official feed inside a bounded scroll area.
========================================================= */
@media (max-width:860px){
.pemda-news-grid{
display:flex!important;
flex-direction:column!important;
min-height:0!important;
}
.pemda-featured-news{order:1!important}
.pemda-news-tabs{order:2!important}
.pemda-news-list.pemda-gpr-list{
display:block!important;
order:3!important;
width:100%!important;
min-width:0!important;
margin:28px 0 0!important;
padding:0!important;
background:transparent!important;
border-radius:12px!important;
overflow:hidden!important;
}
.pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container{
display:flex!important;
flex-direction:column!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:620px!important;
min-height:0!important;
max-height:620px!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-header{
flex:0 0 auto!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-body{
flex:1 1 auto!important;
min-height:0!important;
overflow:hidden!important;
display:flex!important;
flex-direction:column!important;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-list{
flex:1 1 auto!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch;
overscroll-behavior:contain;
}
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-footer{
flex:0 0 auto!important;
}
.pemda-news-list.pemda-gpr-list .pemda-gpr-loading{
height:620px!important;
min-height:0!important;
border-radius:12px!important;
}
}
@media (max-width:560px){
.pemda-news-list.pemda-gpr-list{
margin-top:24px!important;
}
.pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
.pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container{
height:590px!important;
max-height:590px!important;
}
.pemda-news-list.pemda-gpr-list .pemda-gpr-loading{
height:590px!important;
}
}
/* =========================================================
Pemda v1.0.128 — Berita Terkini compact desktop proportions
Reference measurement: featured/GPR columns ~690px high at
~1880px viewport width. The GPR feed scrolls internally and
must never stretch the news grid.
========================================================= */
@media (min-width:1281px){
body.home .pemda-news-card .pemda-news-grid{
height:690px!important;
min-height:690px!important;
max-height:690px!important;
align-items:stretch!important;
grid-auto-rows:minmax(0,690px)!important;
overflow:hidden!important;
}
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list,
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container,
body.home .pemda-news-card .pemda-featured-news,
body.home .pemda-news-card .pemda-news-tabs{
height:690px!important;
min-height:0!important;
max-height:690px!important;
box-sizing:border-box!important;
align-self:stretch!important;
}
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list,
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container,
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-body{
overflow:hidden!important;
}
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-list{
height:auto!important;
min-height:0!important;
max-height:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
}
body.home .pemda-news-card .pemda-featured-news{
background-position:center!important;
}
body.home .pemda-news-card .pemda-news-tabs{
overflow:hidden!important;
padding-top:6px!important;
}
body.home .pemda-news-card .pemda-news-tabs article{
padding:21px 1px!important;
}
}
/* Slightly shorter fixed composition on standard laptop widths. */
@media (min-width:861px) and (max-width:1280px){
body.home .pemda-news-card .pemda-news-grid{
height:610px!important;
min-height:610px!important;
max-height:610px!important;
grid-auto-rows:minmax(0,610px)!important;
overflow:hidden!important;
}
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list,
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list .pemda-gpr-shell,
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-container,
body.home .pemda-news-card .pemda-featured-news,
body.home .pemda-news-card .pemda-news-tabs{
height:610px!important;
min-height:0!important;
max-height:610px!important;
box-sizing:border-box!important;
}
body.home .pemda-news-card .pemda-news-list.pemda-gpr-list #gpr-kominfo-widget-list{
min-height:0!important;
height:auto!important;
max-height:none!important;
overflow-y:auto!important;
}
}
/* Pemda v1.0.128 — Desktop header branding + Warna Portal integration */
@media(min-width:861px){
.pemda-header,
.pemda-header.scrolled,
.pemda-header.menu-open{
background:var(--pemda-navy)!important;
}
.pemda-header .pemda-brand{
gap:13px;
min-width:330px;
}
.pemda-header .pemda-header-logo-img{
flex:0 0 auto;
max-width:64px;
width:auto;
max-height:58px;
height:auto;
object-fit:contain;
}
.pemda-header-brand-copy{
display:flex;
flex-direction:column;
min-width:0;
color:#fff;
line-height:1;
}
.pemda-header-brand-copy strong{
display:block;
color:#fff;
font-size:22px!important;
line-height:1.05!important;
font-weight:800;
white-space:nowrap;
}
.pemda-header-brand-copy small{
display:block;
margin-top:5px;
color:rgba(255,255,255,.96);
font-size:8px!important;
line-height:1.2!important;
font-weight:500;
white-space:nowrap;
}
.pemda-mega-panel{background:var(--pemda-green)}
}
@media(min-width:861px) and (max-width:1280px){
.pemda-header .pemda-brand{min-width:280px;gap:10px}
.pemda-header .pemda-header-logo-img{max-width:52px;max-height:50px}
.pemda-header-brand-copy strong{font-size:18px!important}
.pemda-header-brand-copy small{font-size:7px!important;margin-top:4px}
}
@media(max-width:860px){
/* Mobile keeps its established compact logo-only layout, but follows Warna Hijau Utama. */
.pemda-header,
.pemda-header.scrolled,
.pemda-header.menu-open{background:var(--pemda-green)!important}
.pemda-header-brand-copy{display:none!important}
}
/* ========================================================================
Pemda v1.0.128 — Agenda desktop parity: larger typography + Jabar layout
======================================================================== */
@media (min-width:861px){
.pemda-agenda-v128{
padding-top:64px!important;
padding-bottom:92px!important;
background:#fff!important;
}
.pemda-agenda-v128 .pemda-container{
width:min(1320px,calc(100% - 56px))!important;
margin-inline:auto!important;
}
.pemda-agenda-v128 .pemda-agenda-heading{
margin:0 0 34px!important;
}
.pemda-agenda-v128 .pemda-agenda-heading h2{
margin:0!important;
color:#07375f!important;
font-size:38px!important;
line-height:1.15!important;
letter-spacing:-.45px!important;
font-weight:700!important;
}
.pemda-agenda-v128 .pemda-agenda-grid{
display:grid!important;
grid-template-columns:minmax(0,1fr) 310px!important;
gap:24px!important;
align-items:stretch!important;
}
.pemda-agenda-v128 .pemda-agenda-maincol{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
}
.pemda-agenda-v128 .pemda-agenda-hero{
height:525px!important;
border-radius:17px!important;
overflow:hidden!important;
background-image:var(--agenda)!important;
background-size:cover!important;
background-position:center!important;
}
.pemda-agenda-v128 .pemda-agenda-hero::before{
background:linear-gradient(180deg,rgba(0,0,0,.06) 8%,rgba(0,0,0,.22) 42%,rgba(0,0,0,.88) 100%)!important;
}
.pemda-agenda-v128 .pemda-agenda-overlay{
padding:36px 40px 28px!important;
gap:28px!important;
align-items:flex-end!important;
}
.pemda-agenda-v128 .pemda-agenda-copy{
max-width:calc(100% - 220px)!important;
}
.pemda-agenda-v128 .pemda-agenda-overlay h3{
max-width:820px!important;
margin:0 0 14px!important;
font-size:31px!important;
line-height:1.18!important;
font-weight:700!important;
letter-spacing:-.28px!important;
}
.pemda-agenda-v128 .pemda-agenda-time{
margin:0 0 14px!important;
font-size:13px!important;
line-height:1.45!important;
font-weight:500!important;
}
.pemda-agenda-v128 .pemda-agenda-desc{
max-width:810px!important;
margin:0 0 15px!important;
font-size:13px!important;
line-height:1.55!important;
}
.pemda-agenda-v128 .pemda-agenda-tags{
gap:7px!important;
margin:0 0 11px!important;
}
.pemda-agenda-v128 .pemda-agenda-tags span{
min-height:34px!important;
padding:8px 11px!important;
border-radius:7px!important;
font-size:11px!important;
line-height:1.2!important;
}
.pemda-agenda-v128 .pemda-agenda-linktext{
display:block!important;
max-width:800px!important;
color:#fff!important;
font-size:11.5px!important;
line-height:1.45!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
text-decoration:none!important;
}
.pemda-agenda-v128 .pemda-agenda-linktext[hidden]{display:none!important}
.pemda-agenda-v128 .pemda-agenda-timer{
flex:0 0 185px!important;
align-items:flex-end!important;
justify-content:flex-end!important;
gap:20px!important;
}
.pemda-agenda-v128 .pemda-countdown{display:none!important}
.pemda-agenda-v128 .pemda-agenda-status-pill{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:36px!important;
padding:8px 13px!important;
margin:0!important;
border-radius:7px!important;
background:rgba(94,94,94,.78)!important;
color:#fff!important;
font-size:11px!important;
line-height:1.2!important;
font-weight:500!important;
white-space:nowrap!important;
text-shadow:none!important;
}
.pemda-agenda-v128 .pemda-agenda-status-pill::before{
content:"";
width:6px;height:6px;border-radius:50%;
background:#c7c7c7;
margin-right:7px;
}
.pemda-agenda-v128 .pemda-agenda-status-pill.status-ongoing{background:rgba(0,153,82,.86)!important}
.pemda-agenda-v128 .pemda-agenda-status-pill.status-ongoing::before{background:#d8ffea}
.pemda-agenda-v128 .pemda-agenda-detail-btn{
min-width:128px!important;
min-height:42px!important;
padding:10px 18px!important;
margin:0!important;
border-radius:8px!important;
font-size:12px!important;
font-weight:600!important;
}
.pemda-agenda-v128 .pemda-agenda-list-shell{
width:100%!important;
max-height:330px!important;
margin-top:12px!important;
padding-right:5px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
}
.pemda-agenda-v128 .pemda-agenda-list{
gap:11px!important;
}
.pemda-agenda-v128 .pemda-agenda-list article{
min-height:88px!important;
grid-template-columns:66px minmax(0,1fr) auto!important;
gap:14px!important;
padding:10px 14px!important;
border-radius:10px!important;
}
.pemda-agenda-v128 .pemda-agenda-list-open,
.pemda-agenda-v128 .pemda-agenda-list img{
width:66px!important;
height:66px!important;
border-radius:8px!important;
}
.pemda-agenda-v128 .pemda-agenda-list b{
margin:0 0 4px!important;
color:inherit!important;
font-size:13px!important;
line-height:1.3!important;
font-weight:700!important;
}
.pemda-agenda-v128 .pemda-agenda-list small{
margin:0 0 3px!important;
font-size:10.5px!important;
line-height:1.4!important;
}
.pemda-agenda-v128 .pemda-agenda-list span{
font-size:10.5px!important;
line-height:1.4!important;
}
.pemda-agenda-v128 .pemda-agenda-list em{
padding:10px 11px!important;
border-radius:7px!important;
font-size:10px!important;
}
.pemda-agenda-v128 .pemda-calendar{
min-height:867px!important;
padding:28px 18px 22px!important;
border:1px solid #dde3e7!important;
border-radius:15px!important;
background:#fff!important;
}
.pemda-agenda-v128 .pemda-calendar h3{
margin:0 0 10px!important;
color:#07375f!important;
font-size:20px!important;
line-height:1.25!important;
font-weight:700!important;
}
.pemda-agenda-v128 .pemda-calendar>p{
margin:0 0 20px!important;
color:#365774!important;
font-size:12px!important;
line-height:1.55!important;
}
.pemda-agenda-v128 .pemda-calendar-box>b{
padding:10px 12px!important;
border-radius:7px!important;
background:#f3f4f5!important;
color:#173e63!important;
font-size:11px!important;
line-height:1.2!important;
}
.pemda-agenda-v128 .pemda-calendar-days{
grid-template-columns:30px repeat(5,minmax(36px,1fr)) 30px!important;
gap:3px!important;
padding:15px 0 17px!important;
border-bottom:1px solid #e7ebee!important;
}
.pemda-agenda-v128 .pemda-calendar-days>button:not(.pemda-calendar-date){
width:30px!important;height:30px!important;
border:1px solid #e4e8eb!important;
border-radius:8px!important;
font-size:20px!important;
}
.pemda-agenda-v128 .pemda-calendar-date{
min-height:50px!important;
padding:7px 2px!important;
border:0!important;
border-radius:11px!important;
background:transparent!important;
color:#153e63!important;
}
.pemda-agenda-v128 .pemda-calendar-date small{
display:block!important;
margin:0 0 5px!important;
color:#7c8996!important;
font-size:9.5px!important;
line-height:1!important;
}
.pemda-agenda-v128 .pemda-calendar-date strong{
font-size:14px!important;
line-height:1!important;
}
.pemda-agenda-v128 .pemda-calendar-date.active{
background:#0aa355!important;
color:#fff!important;
}
.pemda-agenda-v128 .pemda-calendar-date.active small{color:#fff!important}
.pemda-agenda-v128 .pemda-calendar-date.red:not(.active),
.pemda-agenda-v128 .pemda-calendar-date.red:not(.active) small{color:#e82e3a!important}
.pemda-agenda-v128 .pemda-calendar-event-summary{display:none!important}
.pemda-agenda-v128 .pemda-calendar-events{
display:grid!important;
gap:12px!important;
margin-top:18px!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card{
position:relative!important;
width:100%!important;
min-height:116px!important;
padding:14px 13px 13px!important;
border:1px solid #0ca55a!important;
border-radius:12px!important;
background:#fff!important;
color:#164665!important;
text-align:left!important;
font-family:inherit!important;
cursor:pointer!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card.status-ongoing{
background:#eaf8f0!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-category{
display:inline-flex!important;
align-items:center!important;
max-width:180px!important;
margin:0 0 8px!important;
padding:0!important;
background:transparent!important;
color:#14935a!important;
font-size:9.5px!important;
line-height:1.2!important;
font-weight:500!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card.status-ongoing .pemda-calendar-agenda-category{
padding:4px 7px!important;
border-radius:5px!important;
background:#0a9852!important;
color:#fff!important;
font-weight:700!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card>i{
position:absolute!important;
top:12px!important;
right:12px!important;
display:grid!important;
place-items:center!important;
width:22px!important;
height:22px!important;
border-radius:50%!important;
color:#7c8a95!important;
font-size:19px!important;
line-height:1!important;
font-style:normal!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card.status-ongoing>i{
background:#0aa355!important;
color:#fff!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card>strong{
display:block!important;
margin:0 28px 5px 0!important;
color:#0b8b4d!important;
font-size:11.5px!important;
line-height:1.35!important;
font-weight:700!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card>small{
display:block!important;
margin:0 0 11px!important;
color:#0a9b55!important;
font-size:9.5px!important;
line-height:1.3!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
color:#25845d!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta b,
.pemda-agenda-v128 .pemda-calendar-agenda-meta em{
color:inherit!important;
font-size:9px!important;
line-height:1.25!important;
font-style:normal!important;
font-weight:500!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta em{
white-space:nowrap!important;
}
.pemda-agenda-v128 .pemda-empty-cal{
min-height:250px!important;
}
.pemda-agenda-v128 .pemda-calendar>a{
margin-top:auto!important;
padding-top:21px!important;
border-top:1px solid #e8ecef!important;
color:#009b52!important;
font-size:12px!important;
line-height:1.25!important;
font-weight:700!important;
}
}
@media (min-width:861px) and (max-width:1120px){
.pemda-agenda-v128 .pemda-container{width:min(1000px,calc(100% - 36px))!important}
.pemda-agenda-v128 .pemda-agenda-grid{grid-template-columns:minmax(0,1fr) 270px!important;gap:18px!important}
.pemda-agenda-v128 .pemda-agenda-heading h2{font-size:34px!important}
.pemda-agenda-v128 .pemda-agenda-hero{height:485px!important}
.pemda-agenda-v128 .pemda-agenda-overlay{padding:30px!important}
.pemda-agenda-v128 .pemda-agenda-overlay h3{font-size:26px!important}
.pemda-agenda-v128 .pemda-agenda-copy{max-width:calc(100% - 170px)!important}
.pemda-agenda-v128 .pemda-agenda-timer{flex-basis:150px!important}
.pemda-agenda-v128 .pemda-calendar{min-height:825px!important;padding-inline:14px!important}
.pemda-agenda-v128 .pemda-calendar h3{font-size:18px!important}
}
/* v1.0.129 sidebar agenda card overflow fix */
.pemda-agenda-v128 .pemda-calendar,
.pemda-agenda-v128 .pemda-calendar-events{
min-width:0!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card{
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card>strong,
.pemda-agenda-v128 .pemda-calendar-agenda-card>small,
.pemda-agenda-v128 .pemda-calendar-agenda-category{
max-width:100%!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card>strong,
.pemda-agenda-v128 .pemda-calendar-agenda-card>small{
overflow-wrap:anywhere!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta{
flex-wrap:wrap!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta em{
margin-left:auto!important;
white-space:normal!important;
text-align:right!important;
}
/* v1.0.133 — Mobile agenda: remove duplicate gray agenda card below green day summary */
@media (max-width:860px){
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-events{
display:none!important;
}
.pemda-agenda.is-mobile-calendar-only .pemda-calendar-event-summary{
display:block!important;
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
}
}
/* v1.0.133 — Agenda mobile card design fix: make mobile agenda item card match desktop style and remove gray button appearance */
@media (max-width:860px){
.pemda-agenda-v128 .pemda-calendar-event-summary{
margin-bottom:12px!important;
}
.pemda-agenda-v128 .pemda-calendar-events{
display:grid!important;
gap:12px!important;
margin-top:12px!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card{
display:block!important;
width:100%!important;
max-width:100%!important;
min-height:auto!important;
box-sizing:border-box!important;
appearance:none!important;
-webkit-appearance:none!important;
border:1px solid #39bf7a!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:none!important;
text-align:left!important;
padding:14px 16px 14px!important;
color:#164665!important;
font-family:inherit!important;
line-height:1.35!important;
overflow:hidden!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card.status-ongoing{
background:#effaf4!important;
border-color:#28ae67!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-category{
display:inline-flex!important;
align-items:center!important;
margin:0 0 8px!important;
padding:0!important;
background:transparent!important;
color:#2b9c65!important;
font-size:12px!important;
font-weight:600!important;
line-height:1.3!important;
max-width:calc(100% - 26px)!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card.status-ongoing .pemda-calendar-agenda-category{
padding:4px 8px!important;
border-radius:6px!important;
background:#0a9852!important;
color:#fff!important;
font-weight:700!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card > i{
position:absolute!important;
top:14px!important;
right:14px!important;
display:grid!important;
place-items:center!important;
width:24px!important;
height:24px!important;
border-radius:50%!important;
color:#8ca0ad!important;
background:transparent!important;
font-size:20px!important;
line-height:1!important;
font-style:normal!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card.status-ongoing > i{
background:#0aa355!important;
color:#fff!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card > strong{
display:block!important;
margin:0 30px 7px 0!important;
color:#0f8f54!important;
font-size:22px!important;
line-height:1.3!important;
font-weight:700!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:anywhere!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-card > small{
display:block!important;
margin:0 0 10px!important;
color:#0da15a!important;
font-size:13px!important;
line-height:1.35!important;
overflow-wrap:anywhere!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta{
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:10px!important;
flex-wrap:wrap!important;
color:#337f5c!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta b,
.pemda-agenda-v128 .pemda-calendar-agenda-meta em{
font-size:12px!important;
line-height:1.35!important;
color:inherit!important;
font-style:normal!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta b{
font-weight:500!important;
}
.pemda-agenda-v128 .pemda-calendar-agenda-meta em{
margin-left:auto!important;
text-align:right!important;
white-space:normal!important;
font-weight:500!important;
}
}
/* v1.0.133 — force fresh mobile agenda card styles; eliminate native gray button background */
@media (max-width:860px){
section#agenda.pemda-agenda-v128 .pemda-calendar-events{
display:grid!important;
width:100%!important;
max-width:100%!important;
gap:12px!important;
margin:12px 0 0!important;
padding:0!important;
}
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card{
position:relative!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-height:126px!important;
margin:0!important;
padding:15px 16px!important;
border:1px solid #25b96c!important;
border-radius:14px!important;
background:#fff!important;
background-color:#fff!important;
background-image:none!important;
color:#164665!important;
box-shadow:none!important;
appearance:none!important;
-webkit-appearance:none!important;
text-align:left!important;
font-family:inherit!important;
cursor:pointer!important;
overflow:hidden!important;
}
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card.status-ongoing{
background:#eaf8f0!important;
background-color:#eaf8f0!important;
}
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card .pemda-calendar-agenda-category{
display:block!important;
width:auto!important;
max-width:calc(100% - 34px)!important;
margin:0 0 8px!important;
padding:0!important;
background:transparent!important;
color:#26965f!important;
font-size:12px!important;
line-height:1.3!important;
font-weight:600!important;
}
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card>strong{
display:block!important;
margin:0 34px 8px 0!important;
padding:0!important;
color:#0b8f4e!important;
font-size:17px!important;
line-height:1.35!important;
font-weight:700!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:anywhere!important;
}
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card>small{
display:block!important;
margin:0 0 11px!important;
padding:0!important;
color:#0aa257!important;
font-size:12px!important;
line-height:1.35!important;
}
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card .pemda-calendar-agenda-meta{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
flex-wrap:wrap!important;
margin:0!important;
padding:0!important;
color:#31805b!important;
}
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card .pemda-calendar-agenda-meta b,
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card .pemda-calendar-agenda-meta em{
display:block!important;
margin:0!important;
padding:0!important;
background:transparent!important;
color:inherit!important;
font-size:11px!important;
line-height:1.35!important;
font-style:normal!important;
font-weight:500!important;
white-space:normal!important;
}
section#agenda.pemda-agenda-v128 button.pemda-calendar-agenda-card>i{
position:absolute!important;
top:14px!important;
right:14px!important;
width:24px!important;
height:24px!important;
display:grid!important;
place-items:center!important;
border:0!important;
border-radius:50%!important;
background:transparent!important;
color:#80919d!important;
font-size:21px!important;
line-height:1!important;
font-style:normal!important;
}
}
/* v1.0.133 — Agenda modal mobile top-layer + blue round close */
html.pemda-agenda-modal-lock,
body.pemda-agenda-modal-open{
overflow:hidden!important;
overscroll-behavior:none!important;
}
.pemda-agenda-modal{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100vh!important;
height:100dvh!important;
z-index:2147483000!important;
isolation:isolate!important;
box-sizing:border-box!important;
}
.pemda-agenda-modal.open{
display:flex!important;
}
.pemda-agenda-modal-backdrop{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100vh!important;
height:100dvh!important;
z-index:0!important;
background:rgba(12,19,25,.68)!important;
-webkit-backdrop-filter:blur(5px)!important;
backdrop-filter:blur(5px)!important;
}
.pemda-agenda-modal-dialog{
z-index:2!important;
}
.pemda-agenda-modal-x{
position:relative!important;
display:block!important;
width:54px!important;
height:54px!important;
flex:0 0 54px!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
background:#4b3fe8!important;
color:transparent!important;
font-size:0!important;
line-height:0!important;
box-shadow:0 5px 14px rgba(75,63,232,.22)!important;
cursor:pointer!important;
overflow:hidden!important;
}
.pemda-agenda-modal-x::before,
.pemda-agenda-modal-x::after{
content:""!important;
position:absolute!important;
left:50%!important;
top:50%!important;
width:28px!important;
height:3px!important;
border-radius:999px!important;
background:#fff!important;
transform-origin:center!important;
}
.pemda-agenda-modal-x::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.pemda-agenda-modal-x::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.pemda-agenda-modal-x:hover,
.pemda-agenda-modal-x:focus-visible{
background:#4035d7!important;
outline:3px solid rgba(75,63,232,.2)!important;
outline-offset:3px!important;
}
@media(max-width:860px){
.pemda-agenda-modal{
align-items:center!important;
justify-content:center!important;
padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;
}
.pemda-agenda-modal-dialog{
width:100%!important;
max-width:700px!important;
max-height:calc(100dvh - 24px)!important;
margin:0!important;
border-radius:16px!important;
box-shadow:0 28px 90px rgba(0,0,0,.36)!important;
overflow:hidden!important;
}
.pemda-agenda-modal-scroll{
min-height:0!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
padding:22px 20px 28px!important;
}
.pemda-agenda-modal-head{
position:relative!important;
align-items:flex-start!important;
gap:16px!important;
margin-bottom:20px!important;
padding-right:2px!important;
}
.pemda-agenda-modal-head h3{
padding-top:4px!important;
font-size:25px!important;
line-height:1.25!important;
}
.pemda-agenda-modal-x{
width:54px!important;
height:54px!important;
flex-basis:54px!important;
}
.pemda-agenda-modal-footer{
position:relative!important;
z-index:3!important;
flex:none!important;
padding:16px 18px max(16px,env(safe-area-inset-bottom))!important;
background:#fff!important;
border-top:1px solid #edf0f2!important;
}
.pemda-agenda-modal-footer button{
min-width:120px!important;
min-height:48px!important;
font-size:16px!important;
border-radius:9px!important;
}
/* Ensure portal floating controls, header and footer always sit behind the open modal. */
body.pemda-agenda-modal-open .pemda-header,
body.pemda-agenda-modal-open .pemda-footer,
body.pemda-agenda-modal-open .pemda-side-social,
body.pemda-agenda-modal-open .pemda-portal-tools,
body.pemda-agenda-modal-open [class*="floating"]{
z-index:1!important;
}
}
/* ========================================================================
Pemda v1.0.135 — Berita desktop hero compact / Jabar reference proportions
Reference target: hero is compact (~670px at large desktop), related card
remains inside the hero, and category navigation begins immediately below.
Mobile rules are intentionally untouched.
======================================================================== */
@media (min-width:861px){
.pemda-news-page-v134 .pemda-news-page-hero{
height:675px!important;
min-height:675px!important;
padding-top:0!important;
padding-bottom:0!important;
background-position:center 38%!important;
overflow:hidden!important;
}
.pemda-news-page-v134 .pemda-news-page-shade{
background:linear-gradient(90deg,rgba(14,28,35,.68) 0%,rgba(16,29,35,.52) 49%,rgba(14,27,34,.48) 68%,rgba(14,27,34,.67) 100%)!important;
}
.pemda-news-page-v134 .pemda-news-page-hero-inner{
width:min(1510px,calc(100% - 150px))!important;
max-width:1510px!important;
height:100%!important;
box-sizing:border-box!important;
padding-top:42px!important;
padding-bottom:34px!important;
display:flex!important;
flex-direction:column!important;
}
.pemda-news-page-v134 .pemda-news-breadcrumb{
flex:0 0 auto!important;
margin:0 0 22px!important;
font-size:13px!important;
line-height:1.4!important;
}
.pemda-news-page-v134 .pemda-news-page-hero-grid{
flex:1 1 auto!important;
min-height:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 505px!important;
column-gap:66px!important;
align-items:stretch!important;
}
.pemda-news-page-v134 .pemda-news-page-feature{
align-self:end!important;
max-width:850px!important;
padding:0 0 12px!important;
}
.pemda-news-page-v134 .pemda-news-kicker{
margin:0 0 14px!important;
font-size:14px!important;
line-height:1.2!important;
letter-spacing:.02em!important;
}
.pemda-news-page-v134 .pemda-news-page-feature h1{
max-width:830px!important;
margin:0 0 25px!important;
font-size:clamp(37px,2.35vw,45px)!important;
line-height:1.27!important;
letter-spacing:-.018em!important;
font-weight:700!important;
text-wrap:balance!important;
}
.pemda-news-page-v134 .pemda-news-meta{
gap:11px!important;
font-size:14px!important;
line-height:1.45!important;
color:rgba(255,255,255,.76)!important;
}
.pemda-news-page-v134 .pemda-news-page-feature-actions{
margin-top:27px!important;
gap:18px!important;
}
.pemda-news-page-v134 .pemda-news-page-feature-actions>a{
min-height:50px!important;
box-sizing:border-box!important;
padding:0 20px!important;
border-radius:8px!important;
font-size:14px!important;
}
.pemda-news-page-v134 .pemda-news-page-feature-actions>span{
padding:9px 13px!important;
font-size:13px!important;
}
.pemda-news-page-v134 .pemda-news-page-feature-actions b{
font-size:18px!important;
}
.pemda-news-page-v134 .pemda-news-related-card{
align-self:start!important;
width:100%!important;
max-width:505px!important;
max-height:566px!important;
box-sizing:border-box!important;
margin:0!important;
padding:31px 30px 17px!important;
overflow:hidden!important;
border:1px solid rgba(255,255,255,.12)!important;
border-radius:16px!important;
background:rgba(54,66,70,.78)!important;
box-shadow:none!important;
backdrop-filter:blur(8px)!important;
}
.pemda-news-page-v134 .pemda-news-related-card h3{
margin:0 0 11px!important;
font-size:18px!important;
line-height:1.25!important;
}
.pemda-news-page-v134 .pemda-news-related-item{
grid-template-columns:110px minmax(0,1fr)!important;
gap:18px!important;
min-height:114px!important;
box-sizing:border-box!important;
padding:13px 0!important;
align-items:center!important;
}
.pemda-news-page-v134 .pemda-news-related-item img{
width:110px!important;
height:90px!important;
border-radius:10px!important;
}
.pemda-news-page-v134 .pemda-news-related-item span{
padding-top:0!important;
}
.pemda-news-page-v134 .pemda-news-related-item small{
margin-bottom:6px!important;
font-size:11px!important;
line-height:1.2!important;
}
.pemda-news-page-v134 .pemda-news-related-item strong{
font-size:15px!important;
line-height:1.38!important;
font-weight:600!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
}
.pemda-news-page-v134 .pemda-news-related-item em{
margin-top:7px!important;
font-size:11px!important;
line-height:1.25!important;
}
.pemda-news-page-v134 + .pemda-news-category-nav .pemda-container,
.pemda-news-page-v134 .pemda-news-category-nav .pemda-container{
width:min(1510px,calc(100% - 150px))!important;
max-width:1510px!important;
}
}
@media (min-width:861px) and (max-width:1250px){
.pemda-news-page-v134 .pemda-news-page-hero{
height:610px!important;
min-height:610px!important;
}
.pemda-news-page-v134 .pemda-news-page-hero-inner{
width:min(1120px,calc(100% - 56px))!important;
padding-top:32px!important;
padding-bottom:28px!important;
}
.pemda-news-page-v134 .pemda-news-page-hero-grid{
grid-template-columns:minmax(0,1fr) 405px!important;
column-gap:36px!important;
}
.pemda-news-page-v134 .pemda-news-page-feature h1{
font-size:34px!important;
}
.pemda-news-page-v134 .pemda-news-related-card{
max-width:405px!important;
max-height:505px!important;
padding:23px 22px 12px!important;
}
.pemda-news-page-v134 .pemda-news-related-item{
grid-template-columns:86px minmax(0,1fr)!important;
min-height:101px!important;
gap:13px!important;
padding:10px 0!important;
}
.pemda-news-page-v134 .pemda-news-related-item img{
width:86px!important;
height:72px!important;
}
.pemda-news-page-v134 .pemda-news-related-item strong{font-size:13px!important}
.pemda-news-page-v134 .pemda-news-related-item small,
.pemda-news-page-v134 .pemda-news-related-item em{font-size:9.5px!important}
}
/* v1.0.135 — Agenda modal close: compact green circle on desktop + mobile */
.pemda-agenda-modal-x{
width:44px!important;
height:44px!important;
flex:0 0 44px!important;
border-radius:50%!important;
background:#0aae61!important;
box-shadow:0 5px 14px rgba(10,174,97,.20)!important;
}
.pemda-agenda-modal-x::before,
.pemda-agenda-modal-x::after{
width:22px!important;
height:2.5px!important;
background:#fff!important;
}
.pemda-agenda-modal-x:hover,
.pemda-agenda-modal-x:focus-visible{
background:#079653!important;
outline:3px solid rgba(10,174,97,.18)!important;
outline-offset:3px!important;
}
@media(max-width:860px){
.pemda-agenda-modal-x{
width:46px!important;
height:46px!important;
flex-basis:46px!important;
}
.pemda-agenda-modal-x::before,
.pemda-agenda-modal-x::after{
width:23px!important;
height:2.5px!important;
}
}
@media(max-width:480px){
.pemda-agenda-modal-x{
width:43px!important;
height:43px!important;
flex-basis:43px!important;
}
.pemda-agenda-modal-x::before,
.pemda-agenda-modal-x::after{
width:21px!important;
}
}
/* ========================================================================
Pemda v1.0.140 — Berita hero exact desktop alignment
- Breadcrumb stays visible below header.
- Hero keeps Jabar-like compact height.
- Related news card starts below breadcrumb and stretches to the hero grid.
======================================================================== */
@media (min-width:1251px){
.pemda-news-page-v136 .pemda-news-page-hero{
height:675px!important;
min-height:675px!important;
padding:0!important;
overflow:hidden!important;
}
.pemda-news-page-v136 .pemda-news-page-hero-inner{
position:relative!important;
z-index:3!important;
width:min(1510px,calc(100% - 150px))!important;
max-width:1510px!important;
height:100%!important;
padding:40px 0 28px!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
}
.pemda-news-page-v136 .pemda-news-breadcrumb{
position:relative!important;
z-index:6!important;
display:flex!important;
visibility:visible!important;
opacity:1!important;
flex:0 0 auto!important;
margin:0 0 24px!important;
min-height:20px!important;
color:#fff!important;
font-size:13px!important;
line-height:20px!important;
}
.pemda-news-page-v136 .pemda-news-breadcrumb a{color:#79c8ff!important}
.pemda-news-page-v136 .pemda-news-breadcrumb strong{color:#fff!important}
.pemda-news-page-v136 .pemda-news-page-hero-grid{
flex:1 1 auto!important;
min-height:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 505px!important;
gap:58px!important;
align-items:stretch!important;
}
.pemda-news-page-v136 .pemda-news-page-feature{
align-self:end!important;
max-width:840px!important;
padding:0 0 12px!important;
}
.pemda-news-page-v136 .pemda-news-related-card{
align-self:stretch!important;
width:505px!important;
max-width:505px!important;
height:100%!important;
max-height:none!important;
min-height:0!important;
margin:0!important;
padding:28px 28px 15px!important;
box-sizing:border-box!important;
overflow:hidden!important;
border-radius:15px!important;
background:rgba(68,79,82,.76)!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:none!important;
}
.pemda-news-page-v136 .pemda-news-related-card h3{
margin:0 0 12px!important;
font-size:18px!important;
line-height:1.25!important;
}
.pemda-news-page-v136 .pemda-news-related-item{
grid-template-columns:108px minmax(0,1fr)!important;
gap:17px!important;
min-height:0!important;
height:calc((100% - 58px)/4)!important;
padding:11px 0!important;
box-sizing:border-box!important;
align-items:center!important;
}
.pemda-news-page-v136 .pemda-news-related-item img{
width:108px!important;
height:88px!important;
border-radius:10px!important;
}
.pemda-news-page-v136 .pemda-news-related-item strong{
font-size:14px!important;
line-height:1.38!important;
-webkit-line-clamp:2!important;
}
.pemda-news-page-v136 .pemda-news-related-item small,
.pemda-news-page-v136 .pemda-news-related-item em{
font-size:10.5px!important;
}
}
@media (min-width:861px) and (max-width:1250px){
.pemda-news-page-v136 .pemda-news-page-hero{height:610px!important;min-height:610px!important;padding:0!important}
.pemda-news-page-v136 .pemda-news-page-hero-inner{
position:relative!important;z-index:3!important;height:100%!important;
width:min(1120px,calc(100% - 56px))!important;
padding:32px 0 25px!important;box-sizing:border-box!important;
display:flex!important;flex-direction:column!important;
}
.pemda-news-page-v136 .pemda-news-breadcrumb{
position:relative!important;z-index:6!important;display:flex!important;visibility:visible!important;opacity:1!important;
margin:0 0 20px!important;min-height:18px!important;font-size:12px!important;line-height:18px!important;
}
.pemda-news-page-v136 .pemda-news-page-hero-grid{
flex:1 1 auto!important;min-height:0!important;
grid-template-columns:minmax(0,1fr) 405px!important;gap:36px!important;align-items:stretch!important;
}
.pemda-news-page-v136 .pemda-news-related-card{
align-self:stretch!important;width:405px!important;max-width:405px!important;height:100%!important;max-height:none!important;
margin:0!important;padding:22px 21px 12px!important;box-sizing:border-box!important;overflow:hidden!important;
}
.pemda-news-page-v136 .pemda-news-related-item{
height:calc((100% - 52px)/4)!important;min-height:0!important;
grid-template-columns:84px minmax(0,1fr)!important;gap:13px!important;padding:9px 0!important;box-sizing:border-box!important;
}
.pemda-news-page-v136 .pemda-news-related-item img{width:84px!important;height:70px!important}
}
/* ========================================================================
Pemda v1.0.140 — Berita hero desktop structure correction
Target: hero begins BELOW the desktop header, breadcrumb is visible at the
upper-left, and Berita Terkait begins at the same upper content line rather
than touching/going behind the header. Related card stretches to hero bottom.
======================================================================== */
@media (min-width:1251px){
.pemda-news-page-v137 .pemda-news-page-hero{
margin-top:92px!important;
height:675px!important;
min-height:675px!important;
padding:0!important;
overflow:hidden!important;
}
.pemda-news-page-v137 .pemda-news-page-hero-inner{
width:min(1510px,calc(100% - 150px))!important;
max-width:1510px!important;
height:100%!important;
padding:42px 0 0!important;
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 505px!important;
grid-template-rows:auto minmax(0,1fr)!important;
column-gap:58px!important;
align-items:stretch!important;
}
.pemda-news-page-v137 .pemda-news-breadcrumb{
grid-column:1!important;
grid-row:1!important;
align-self:start!important;
position:relative!important;
z-index:7!important;
display:flex!important;
visibility:visible!important;
opacity:1!important;
margin:0!important;
min-height:22px!important;
color:#fff!important;
font-size:13px!important;
line-height:22px!important;
}
.pemda-news-page-v137 .pemda-news-page-hero-grid{
display:contents!important;
}
.pemda-news-page-v137 .pemda-news-page-feature{
grid-column:1!important;
grid-row:2!important;
align-self:end!important;
max-width:850px!important;
padding:0 0 42px!important;
min-width:0!important;
}
.pemda-news-page-v137 .pemda-news-related-card{
grid-column:2!important;
grid-row:1 / span 2!important;
align-self:stretch!important;
justify-self:stretch!important;
width:100%!important;
max-width:505px!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:30px 28px 15px!important;
box-sizing:border-box!important;
overflow:hidden!important;
border-radius:15px 15px 0 0!important;
background:rgba(68,79,82,.76)!important;
border:1px solid rgba(255,255,255,.12)!important;
border-bottom:0!important;
box-shadow:none!important;
}
.pemda-news-page-v137 .pemda-news-related-card h3{
margin:0 0 12px!important;
font-size:18px!important;
line-height:1.25!important;
}
.pemda-news-page-v137 .pemda-news-related-item{
grid-template-columns:108px minmax(0,1fr)!important;
gap:17px!important;
height:calc((100% - 58px)/4)!important;
min-height:0!important;
padding:11px 0!important;
box-sizing:border-box!important;
align-items:center!important;
}
.pemda-news-page-v137 .pemda-news-related-item img{
width:108px!important;
height:88px!important;
}
}
@media (min-width:861px) and (max-width:1250px){
.pemda-news-page-v137 .pemda-news-page-hero{
margin-top:84px!important;
height:610px!important;
min-height:610px!important;
padding:0!important;
}
.pemda-news-page-v137 .pemda-news-page-hero-inner{
width:min(1120px,calc(100% - 56px))!important;
height:100%!important;
padding:32px 0 0!important;
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 405px!important;
grid-template-rows:auto minmax(0,1fr)!important;
column-gap:36px!important;
align-items:stretch!important;
}
.pemda-news-page-v137 .pemda-news-breadcrumb{
grid-column:1!important;
grid-row:1!important;
position:relative!important;
z-index:7!important;
display:flex!important;
visibility:visible!important;
opacity:1!important;
margin:0!important;
min-height:20px!important;
font-size:12px!important;
line-height:20px!important;
}
.pemda-news-page-v137 .pemda-news-page-hero-grid{display:contents!important}
.pemda-news-page-v137 .pemda-news-page-feature{
grid-column:1!important;
grid-row:2!important;
align-self:end!important;
padding:0 0 30px!important;
min-width:0!important;
}
.pemda-news-page-v137 .pemda-news-related-card{
grid-column:2!important;
grid-row:1 / span 2!important;
align-self:stretch!important;
width:100%!important;
max-width:405px!important;
height:auto!important;
max-height:none!important;
min-height:0!important;
margin:0!important;
padding:22px 21px 12px!important;
box-sizing:border-box!important;
overflow:hidden!important;
border-radius:14px 14px 0 0!important;
border-bottom:0!important;
}
.pemda-news-page-v137 .pemda-news-related-item{
height:calc((100% - 52px)/4)!important;
min-height:0!important;
grid-template-columns:84px minmax(0,1fr)!important;
gap:13px!important;
padding:9px 0!important;
box-sizing:border-box!important;
}
.pemda-news-page-v137 .pemda-news-related-item img{
width:84px!important;
height:70px!important;
}
}
/* ========================================================================
Pemda v1.0.140 — Berita hero feature content lifted slightly on desktop
Moves category/title/meta/button + slider pager upward as one group while
preserving breadcrumb, related-news card, hero height, and mobile layout.
======================================================================== */
@media (min-width:1251px){
.pemda-news-page-v138 .pemda-news-page-feature{
padding-bottom:78px!important;
}
}
@media (min-width:861px) and (max-width:1250px){
.pemda-news-page-v138 .pemda-news-page-feature{
padding-bottom:58px!important;
}
}
/* ========================================================================
Pemda v1.0.140 — Berita desktop category nav alignment / compact sizing
Match Jabar reference: category pills do not stretch, active pill is compact,
and the row sits inside the same centered content line as the page below.
======================================================================== */
@media (min-width:861px){
.pemda-news-category-nav{
background:#fff!important;
border-bottom:1px solid #e4e9ed!important;
box-shadow:none!important;
}
.pemda-news-category-nav .pemda-container{
width:min(1370px,calc(100% - 76px))!important;
max-width:1370px!important;
height:82px!important;
min-height:82px!important;
margin-inline:auto!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:28px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scrollbar-width:none!important;
}
.pemda-news-category-nav .pemda-container::-webkit-scrollbar{display:none!important}
.pemda-news-category-nav a{
flex:0 0 auto!important;
min-width:0!important;
width:auto!important;
margin:0!important;
padding:11px 18px!important;
border-radius:999px!important;
color:#747d87!important;
background:transparent!important;
box-shadow:none!important;
font-size:14px!important;
line-height:1.15!important;
font-weight:500!important;
letter-spacing:0!important;
text-align:center!important;
white-space:nowrap!important;
}
.pemda-news-category-nav a.active{
min-width:148px!important;
padding:12px 24px!important;
background:var(--pemda-green)!important;
color:#fff!important;
font-weight:700!important;
box-shadow:0 5px 14px rgba(16,173,105,.10)!important;
}
}
@media (min-width:861px) and (max-width:1250px){
.pemda-news-category-nav .pemda-container{
width:min(1120px,calc(100% - 56px))!important;
max-width:1120px!important;
height:76px!important;
min-height:76px!important;
gap:20px!important;
}
.pemda-news-category-nav a{
padding:10px 14px!important;
font-size:13px!important;
}
.pemda-news-category-nav a.active{
min-width:132px!important;
padding:11px 20px!important;
}
}
/* ========================================================================
Pemda v1.0.140 — Berita category row centered inside existing container
Keep the page's left/right container spacing, but make category pills
narrower and center the whole category group like the Jabar reference.
======================================================================== */
@media (min-width:861px){
.pemda-news-category-nav .pemda-container{
/* keep the same content container width; only center the links inside */
width:min(1370px,calc(100% - 76px))!important;
max-width:1370px!important;
margin-inline:auto!important;
padding-inline:0!important;
justify-content:center!important;
gap:42px!important;
}
.pemda-news-category-nav a{
flex:0 0 auto!important;
min-width:94px!important;
max-width:150px!important;
padding:10px 12px!important;
font-size:13.5px!important;
line-height:1.15!important;
}
.pemda-news-category-nav a.active{
min-width:142px!important;
max-width:142px!important;
padding:11px 18px!important;
}
}
@media (min-width:861px) and (max-width:1250px){
.pemda-news-category-nav .pemda-container{
width:min(1120px,calc(100% - 56px))!important;
max-width:1120px!important;
justify-content:center!important;
gap:24px!important;
}
.pemda-news-category-nav a{
min-width:82px!important;
max-width:130px!important;
padding:9px 10px!important;
font-size:12.5px!important;
}
.pemda-news-category-nav a.active{
min-width:126px!important;
max-width:126px!important;
padding:10px 16px!important;
}
}
/* ========================================================================
Pemda v1.0.141 — Berita category nav edge alignment
Keep compact pills, but align the category row exactly to the same desktop
content boundaries as the hero: left = Baca Selengkapnya edge, right =
Berita Terkait outer edge. The links are distributed across that width.
======================================================================== */
@media (min-width:1251px){
.pemda-news-category-nav .pemda-container{
width:min(1510px,calc(100% - 150px))!important;
max-width:1510px!important;
margin-inline:auto!important;
padding-inline:0!important;
justify-content:space-between!important;
gap:18px!important;
}
.pemda-news-category-nav a{
flex:0 0 auto!important;
min-width:92px!important;
max-width:132px!important;
padding:9px 11px!important;
font-size:13px!important;
line-height:1.15!important;
}
.pemda-news-category-nav a.active{
min-width:136px!important;
max-width:136px!important;
padding:10px 16px!important;
}
}
@media (min-width:861px) and (max-width:1250px){
.pemda-news-category-nav .pemda-container{
width:min(1120px,calc(100% - 56px))!important;
max-width:1120px!important;
margin-inline:auto!important;
padding-inline:0!important;
justify-content:space-between!important;
gap:12px!important;
}
.pemda-news-category-nav a{
flex:0 0 auto!important;
min-width:76px!important;
max-width:116px!important;
padding:8px 9px!important;
font-size:12px!important;
}
.pemda-news-category-nav a.active{
min-width:122px!important;
max-width:122px!important;
padding:9px 14px!important;
}
}
/* v1.0.142 — Menu Berita via WordPress categories + custom menu icons */
html body .pemda-mega-close{
width:40px!important;
height:40px!important;
display:grid!important;
place-items:center!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#fff!important;
font-size:31px!important;
line-height:1!important;
font-weight:400!important;
border-radius:50%!important;
}
html body .pemda-mega-close:hover,
html body .pemda-mega-close:focus-visible{
background:rgba(255,255,255,.12)!important;
outline:none!important;
}
.pemda-mega-icon img{
display:block!important;
width:32px!important;
height:32px!important;
object-fit:contain!important;
}
@media(max-width:860px){
html body .pemda-mega-close{width:36px!important;height:36px!important;font-size:28px!important}
}
/* ========================================================================
Pemda v1.0.143 — Homepage header container parity
Homepage header and mega menu now use the exact same desktop left/right
container lock as inner pages. Homepage body sections remain untouched.
======================================================================== */
@media (min-width:861px){
body.home .pemda-header .pemda-header-inner,
body.home .pemda-header .pemda-mega-shell{
width:min(1280px,calc(100% - 96px))!important;
max-width:1280px!important;
margin-inline:auto!important;
}
}
/* ========================================================================
v1.0.145 — Mobile drawer Jabar-like proportions
Keeps the existing menu data/accordion behavior, only corrects spacing,
logo scale, separators, social buttons and footer proportions on phones.
======================================================================== */
@media (max-width:560px){
html body .pemda-mobile-drawer{
padding:0 22px 18px!important;
background:var(--pemda-green)!important;
}
html body .pemda-mobile-drawer-top{
height:70px!important;
min-height:70px!important;
border-bottom:1px solid rgba(255,255,255,.13)!important;
}
html body .pemda-mobile-drawer-brand .pemda-brand-emblem,
html body .pemda-mobile-drawer-brand .pemda-brand-emblem svg,
html body .pemda-mobile-drawer-brand .pemda-brand-img{
width:40px!important;
height:40px!important;
max-width:40px!important;
max-height:40px!important;
object-fit:contain!important;
}
html body .pemda-mobile-drawer-close{
width:42px!important;
height:42px!important;
}
html body .pemda-mobile-drawer-close .pemda-icon{
width:28px!important;
height:28px!important;
stroke-width:2.25!important;
}
html body .pemda-mobile-language{
min-height:72px!important;
padding:0 2px!important;
border-bottom:1px solid rgba(255,255,255,.14)!important;
}
html body .pemda-mobile-language>span:first-child{
gap:12px!important;
}
html body .pemda-mobile-language .pemda-icon{
width:24px!important;
height:24px!important;
}
html body .pemda-mobile-caret .pemda-icon{
width:20px!important;
height:20px!important;
}
html body .pemda-mobile-menu-list{
padding-top:8px!important;
}
html body .pemda-mobile-menu-item{
border-bottom:0!important;
}
html body .pemda-mobile-menu-trigger{
min-height:66px!important;
padding:0 2px!important;
border:0!important;
}
html body .pemda-mobile-submenu{
padding:0 0 12px 8px!important;
}
html body .pemda-mobile-submenu a{
padding:10px 8px!important;
border-top:1px solid rgba(255,255,255,.08)!important;
}
html body .pemda-mobile-drawer-bottom{
margin-top:auto!important;
padding-top:20px!important;
border-top:1px solid rgba(255,255,255,.14)!important;
}
html body .pemda-mobile-social-title{
gap:10px!important;
margin:0 0 18px!important;
font-size:18px!important;
line-height:1.2!important;
}
html body .pemda-mobile-social-title .pemda-icon{
width:20px!important;
height:20px!important;
}
html body .pemda-mobile-socials{
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:10px!important;
margin:0 0 20px!important;
align-items:center!important;
justify-items:center!important;
}
html body .pemda-mobile-socials a{
width:44px!important;
height:44px!important;
min-width:44px!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:5px!important;
background:transparent!important;
}
html body .pemda-mobile-socials .pemda-icon,
html body .pemda-mobile-socials a .pemda-social-custom-icon{
width:20px!important;
height:20px!important;
}
html body .pemda-mobile-drawer-bottom p{
max-width:330px!important;
margin:0 auto!important;
font-size:12px!important;
line-height:1.55!important;
text-align:center!important;
color:rgba(255,255,255,.96)!important;
}
}
/* ========================================================================
Pemda v1.0.146 — Mega menu uploaded icons centered inside icon holder
Uploaded menu icons no longer fill the whole shape; they are scaled down
and centered consistently like the Jabar-style reference.
======================================================================== */
html body .pemda-mega-icon{
overflow:hidden!important;
}
html body .pemda-mega-icon img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:30px!important;
max-height:30px!important;
object-fit:contain!important;
object-position:center center!important;
margin:auto!important;
border-radius:0!important;
}
@media (max-width:860px){
html body .pemda-mega-icon img{
max-width:28px!important;
max-height:28px!important;
}
}
/* ========================================================================
Pemda v1.0.147 — Custom SERVICE icons centered inside their holders
This targets service icons (not WordPress menu icons). Uploaded service
images stay fully visible and are scaled down inside the circular holder.
======================================================================== */
/* Single Layanan hero: keep a white circular holder and center the uploaded icon. */
html body.single-pemda_service .pemda-service-single-v111 .pemda-service-single-badge.has-custom{
display:grid!important;
place-items:center!important;
overflow:hidden!important;
background:#fff!important;
border:3px solid rgba(255,255,255,.96)!important;
border-radius:50%!important;
padding:0!important;
box-sizing:border-box!important;
}
html body.single-pemda_service .pemda-service-single-v111 .pemda-service-single-badge.has-custom img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:64%!important;
max-height:64%!important;
object-fit:contain!important;
object-position:center center!important;
border-radius:0!important;
background:transparent!important;
margin:auto!important;
}
/* Layanan listing cards: uploaded service icons also sit centered, not edge-to-edge. */
html body .pemda-layanan-card-icon img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:64%!important;
max-height:64%!important;
object-fit:contain!important;
object-position:center center!important;
margin:auto!important;
border-radius:0!important;
}
/* Homepage service list: same treatment for uploaded service icon images. */
html body .pemda-service-item i{
display:grid!important;
place-items:center!important;
overflow:hidden!important;
}
html body .pemda-service-item i img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:76%!important;
max-height:76%!important;
object-fit:contain!important;
object-position:center center!important;
margin:auto!important;
border-radius:0!important;
}
@media(max-width:820px){
html body.single-pemda_service .pemda-service-single-v111 .pemda-service-single-badge.has-custom img{
max-width:62%!important;
max-height:62%!important;
}
}
/* v1.0.183 — remove decorative vertical stripe pattern only from mega menu and footer. */
.pemda-mega-pattern,
.pemda-footer-pattern{
display:none !important;
background:none !important;
}
/* v1.0.185 — compact mobile footer bottom spacing. */
@media (max-width: 860px){
.pemda-footer,
.pemda-news-page + .pemda-footer{
padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
}
.pemda-copyright{
margin-bottom:0!important;
}
}
/* Pemda v1.0.195 — authenticated complaint/member flow. */
.pemda-complaint-login-note,.pemda-complaint-track-login{display:flex;align-items:center;gap:14px;padding:16px 18px;margin:18px 0;border:1px solid rgba(16,168,120,.24);border-radius:14px;background:rgba(16,168,120,.07);color:#0b5f46}.pemda-complaint-login-note svg{width:22px;height:22px;flex:0 0 auto}.pemda-complaint-login-note p{margin:0}.pemda-complaint-track-login{justify-content:space-between;flex-wrap:wrap}.pemda-complaint-track-login .pemda-complaint-btn{padding:10px 18px}
.pemda-member-body{margin:0;background:#f5f7fb;color:#0f2943;font-family:inherit}.pemda-member-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.pemda-member-sidebar{background:#fff;border-right:1px solid #e8edf3;padding:26px 20px;display:flex;flex-direction:column;gap:24px}.pemda-member-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0f2943;font-weight:800;font-size:20px}.pemda-member-brand img{width:48px;height:48px;object-fit:contain}.pemda-member-nav{display:grid;gap:8px}.pemda-member-nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;text-decoration:none;color:#40566e;font-weight:600}.pemda-member-nav a:hover,.pemda-member-nav a.is-active{background:#e9f8f2;color:#07875e}.pemda-member-main{min-width:0;padding:30px}.pemda-member-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.pemda-member-user{display:flex;align-items:center;gap:12px}.pemda-member-user img{width:44px;height:44px;border-radius:50%;object-fit:cover}.pemda-member-card{background:#fff;border:1px solid #edf1f5;border-radius:16px;padding:24px;box-shadow:0 8px 28px rgba(15,41,67,.04)}.pemda-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pemda-member-stat strong{display:block;font-size:30px;margin-top:8px}.pemda-member-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.pemda-member-action{display:block;border:1px solid #e5ebf1;border-radius:14px;padding:20px;text-decoration:none;color:#0f2943}.pemda-member-action:hover{border-color:#10a878;background:#f3fbf8}.pemda-member-table{width:100%;border-collapse:collapse}.pemda-member-table th,.pemda-member-table td{padding:14px 12px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:top}.pemda-member-badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef3f7;font-size:12px;font-weight:700}.pemda-member-badge.is-baru{background:#e9f2ff;color:#1769c2}.pemda-member-badge.is-diproses{background:#fff4df;color:#a46500}.pemda-member-badge.is-selesai{background:#e7f8ef;color:#087c4c}.pemda-member-badge.is-ditolak{background:#feecef;color:#b4233c}.pemda-member-form{display:grid;gap:16px;max-width:720px}.pemda-member-form label{display:grid;gap:7px;font-weight:600}.pemda-member-form input,.pemda-member-form textarea{width:100%;box-sizing:border-box;border:1px solid #dce4ec;border-radius:10px;padding:12px 14px;font:inherit}.pemda-member-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#10a878;color:#fff;text-decoration:none;padding:12px 18px;font-weight:700;cursor:pointer}.pemda-member-empty{text-align:center;padding:36px;color:#718096}.pemda-member-mobile-toggle{display:none}.pemda-member-alert{margin-bottom:18px;padding:13px 16px;border-radius:10px;background:#e9f8f2;color:#076b4d}.pemda-member-section-title{margin:0 0 18px;font-size:24px}.pemda-member-table-wrap{overflow:auto}
@media(max-width:900px){.pemda-member-shell{grid-template-columns:1fr}.pemda-member-sidebar{position:static;border-right:0;border-bottom:1px solid #e8edf3}.pemda-member-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.pemda-member-main{padding:20px}.pemda-member-grid{grid-template-columns:1fr}.pemda-member-actions{grid-template-columns:1fr}}
@media(max-width:520px){.pemda-member-nav{grid-template-columns:1fr}.pemda-member-topbar{align-items:flex-start;flex-direction:column}.pemda-member-main{padding:16px}.pemda-member-card{padding:18px}.pemda-member-table{min-width:700px}}
/* Strict pre-activation frontend: header + footer only. */
.pemda-license-locked-spacer{min-height:calc(100vh - 92px);background:#fff}
@media(max-width:560px){.pemda-license-locked-spacer{min-height:calc(100vh - 66px)}}
/* Header brand copy: portal name + tagline beside uploaded logo on desktop. */
@media (min-width:861px){
.pemda-header .pemda-brand{display:flex;align-items:center;}
.pemda-header .pemda-header-brand-copy{display:flex;flex-direction:column;min-width:0;}
}