/* Tema Gunungsari - variabel --brand/--accent/--gold diisi dari commons/style.blade.php */
:root{--bg:#F4F8F9;--card:#fff;--ink:#10242A;--line:#DCE5E8;--muted:#52666B;--soft:#E4ECEE}
html[data-theme=dark]{--accent:#6FD0DC;--bg:#0E1B1F;--card:#16272C;--ink:#E6F0F2;--line:#2A3E44;--muted:#9FB6BB;--soft:#223940}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);margin:0}
a{color:inherit}a:hover{text-decoration:underline}
.gs-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.gs-muted{color:var(--muted)}
/* Header */
.gs-head{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.gs-bar{max-width:1160px;margin:0 auto;padding:12px 24px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between}
.gs-brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.gs-brand:hover{text-decoration:none}
.gs-brand img{border-radius:10px;object-fit:contain}
.gs-brand b{display:block;font-size:17px;font-weight:800;line-height:1.2}.gs-brand small{font-size:12px;color:var(--muted)}
.gs-tools{display:flex;gap:8px;align-items:center}
.gs-tools button{min-width:40px;height:40px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;cursor:pointer}
.gs-btn{background:var(--brand);color:#fff!important;padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px}.gs-btn:hover{text-decoration:none;opacity:.9}
.gs-nav.navbar{margin:0;min-height:0;border:0;background:transparent;flex:1 1 auto}
.gs-nav .navbar-nav>li>a{color:var(--ink);font-weight:600;font-size:14px;padding:8px 8px;background:transparent;border-bottom:2px solid transparent}
.gs-nav .navbar-nav>li>a:hover,.gs-nav .navbar-nav>li:hover>a{color:var(--accent);border-bottom-color:var(--accent);background:transparent}
.gs-nav .navbar-toggle{border-color:var(--line)}.gs-nav .icon-bar{background:var(--ink)}
.gs-nav .navbar-nav>li.gs-active>a{color:var(--accent);border-bottom-color:var(--accent)}
/* Hero */
.gs-hero{background:var(--brand);color:#fff;padding:96px 0 112px}
.gs-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px;align-items:center}
.gs-hello{font-size:22px;font-weight:700;color:var(--gold);margin-bottom:8px}
.gs-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#BFE3E8;margin-bottom:14px}
.gs-hero h1{margin:0 0 14px;font-size:46px;line-height:1.1;font-weight:800;color:#fff}
.gs-hero p{margin:0 0 22px;font-size:17px;line-height:1.6;color:#DDF0F3;max-width:480px}
.gs-search{position:relative;max-width:520px;margin:0 0 22px}
.gs-search-in{display:flex;align-items:center;gap:10px;background:var(--card);color:var(--ink);border-radius:14px;padding:6px 6px 6px 16px}
.gs-search-in:focus-within{box-shadow:0 0 0 3px var(--gold)}
.gs-search input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;background:transparent;color:inherit;padding:10px 0}
.gs-search button{border:0;background:var(--brand);color:#fff;font-weight:700;border-radius:10px;padding:10px 18px;cursor:pointer}
.gs-sg{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--card);color:var(--ink);border-radius:14px;box-shadow:0 16px 36px rgba(0,0,0,.22);padding:8px;z-index:20}
.gs-search:focus-within .gs-sg{display:block}
.gs-sgh{font-size:12px;font-weight:700;color:var(--muted);padding:8px 12px 4px;text-transform:uppercase;letter-spacing:.06em}
.gs-sge{padding:12px;font-size:14px;color:var(--muted)}
.sgi{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;font-weight:600}
.sgi:hover{background:var(--soft);text-decoration:none}.sgi small{font-size:12px;color:var(--muted);font-weight:700}
.gs-soc{display:flex;flex-wrap:wrap;gap:10px}
.gs-soc a{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.gs-soc a:hover{background:rgba(255,255,255,.15);text-decoration:none}
.gs-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;color:#fff}
.gs-quick a{position:relative;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:16px 38px 16px 16px;display:flex;align-items:center;gap:14px;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .25s cubic-bezier(.22,.8,.3,1),background .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease}
.gs-quick a>div{min-width:0}
.gs-quick b{display:block;font-size:15px;font-weight:700;line-height:1.25}
.gs-quick small{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:#CFE8EC;transition:color .25s ease}
.gs-quick span{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;transition:background .25s ease,color .25s ease}
.gs-arr{position:absolute;right:16px;top:50%;margin-top:-10px;font-size:20px;opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .25s ease}
.gs-quick a:hover,.gs-quick a:focus-visible{text-decoration:none;transform:translateY(-3px);background:var(--card);border-color:var(--card);color:var(--ink);box-shadow:0 14px 28px rgba(0,0,0,.2)}
.gs-quick a:hover small,.gs-quick a:focus-visible small{color:var(--muted)}
.gs-quick a:hover span,.gs-quick a:focus-visible span{background:var(--brand);color:#fff}
.gs-quick a:hover .gs-arr,.gs-quick a:focus-visible .gs-arr{opacity:1;transform:none;color:var(--accent)}
.gs-quick a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.gs-quick a,.gs-arr{transition:none}.gs-quick a:hover{transform:none}}
/* Seksi */
.gs-sec{padding-top:72px;padding-bottom:0}
.gs-h2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:24px}
.gs-h2 h2{margin:0 0 6px;font-size:28px;font-weight:800}.gs-h2 p{margin:0;color:var(--muted);font-size:16px}
.gs-h2>a,.gs-h2r>a{color:var(--accent);font-weight:700}
.gs-h2r{display:flex;align-items:center;gap:10px}
.gs-h2r button{width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid var(--accent);background:var(--card);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0}
.gs-h2r>a{margin-left:8px}
.gs-h2s{margin:0 0 6px;font-size:28px;font-weight:800}.gs-sec-sub{margin:0 0 24px;color:var(--muted);font-size:16px}
/* Siaga & IDM */
.gs-siaga{background:#B3261E;color:#fff;padding:12px 24px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.gs-siaga[hidden]{display:none}
.gs-siaga span{background:var(--card);color:#B3261E;border-radius:6px;padding:2px 10px;font-size:12px}.gs-siaga a{text-decoration:underline}
.gs-idm-wrap{margin-top:-32px;position:relative;z-index:2}
.gs-idm{background:#F6B352;background:var(--gold);color:#10242A;border-radius:16px;padding:20px 24px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;font-weight:800;font-size:18px;box-shadow:0 10px 24px rgba(16,36,42,.12)}
.gs-idm:hover{text-decoration:none;color:#10242A}.gs-idm span:last-child{font-size:15px}
/* Grid & kartu */
.gs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:start}
.gs-span2{grid-column:span 2;min-width:300px}
.gs-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}
.gs-box24{padding:24px}
.gs-box h3{margin:0 0 4px;font-size:20px;font-weight:800}
.gs-sub{margin:0 0 14px;font-size:14px;color:var(--muted)}
.gs-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;margin-top:18px}
.gs-kpis>div{background:var(--bg);border-radius:12px;padding:16px}
.gs-kpis b{display:block;font-size:26px;font-weight:800;color:var(--accent)}.gs-kpis span{font-size:14px;color:var(--muted)}
.gs-jrow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}.gs-jrow>span:first-child{font-weight:600}
.gs-btnblock{display:block;margin-top:16px;background:var(--brand);color:#fff!important;text-align:center;border-radius:10px;padding:12px;font-weight:700}.gs-btnblock:hover{text-decoration:none;opacity:.9}
.gs-lbl{font-size:13px;font-weight:600;display:block}
.gs-in{display:block;width:100%;margin:6px 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px;background:var(--card);color:var(--ink)}
.gs-btnfull{width:100%;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:12px;font-weight:700;font-family:inherit;cursor:pointer}.gs-btnfull:hover{opacity:.9}
.gs-btnauto{width:auto;padding:12px 24px;margin-top:20px}
.gs-det{border-top:1px solid var(--line);padding:14px 0}
.gs-det>summary{font-weight:700;cursor:pointer;font-size:15px;list-style:none}.gs-det>summary::-webkit-details-marker{display:none}
.gs-det>summary::after{content:"+";float:right;font-weight:800}.gs-det[open]>summary::after{content:"–"}
.gs-det>div{margin-top:8px;font-size:14px;line-height:1.6;color:var(--muted)}
.gs-more>summary{display:inline-block;margin-top:16px;padding:12px 20px;border-radius:999px;border:1.5px solid var(--accent);color:var(--accent);font-weight:700;cursor:pointer;background:var(--card);list-style:none}
.gs-more>summary::-webkit-details-marker{display:none}.gs-more>summary::after{content:" ▾"}.gs-more[open]>summary::after{content:" ▴"}
/* Agenda & progres */
.gs-ag{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line);color:var(--ink)}.gs-ag:hover{text-decoration:none}
.gs-agd{min-width:54px;text-align:center;background:var(--soft);border-radius:10px;padding:8px 0;color:var(--accent);font-weight:800;font-size:13px;align-self:flex-start}
.gs-agt{font-weight:600;font-size:15px}.gs-agm{font-size:13px;color:var(--muted)}
.gs-pbi{padding:14px 0;border-top:1px solid var(--line)}
.gs-pbi .gs-rt{font-weight:600;font-size:15px}.gs-pbi .gs-rt b{color:var(--accent);font-weight:800}
.gs-pbi small{display:block;font-size:13px;color:var(--muted);margin:2px 0 8px}
.gs-more-link{display:inline-block;margin-top:10px;font-weight:700;color:var(--accent)}
/* Statistik */
.gs-st-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.gs-st-tabs label,.gs-sv label{display:inline-block;margin:0;padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:14px;cursor:pointer;background:var(--card)}
#s1:checked~.gs-st-tabs label[for=s1],#s2:checked~.gs-st-tabs label[for=s2],#s3:checked~.gs-st-tabs label[for=s3],.gs-svr:checked+label{background:var(--brand);border-color:var(--brand);color:#fff}
#s1:focus-visible~.gs-st-tabs label[for=s1],#s2:focus-visible~.gs-st-tabs label[for=s2],#s3:focus-visible~.gs-st-tabs label[for=s3],.gs-svr:focus-visible+label{outline:3px solid var(--gold);outline-offset:2px}
.gs-pn{display:none}
#s1:checked~.gs-st-panels .gs-pn1,#s2:checked~.gs-st-panels .gs-pn2,#s3:checked~.gs-st-panels .gs-pn3{display:block}
.gs-sb{display:grid;grid-template-columns:minmax(120px,200px) 1fr 70px;gap:14px;align-items:center;padding:8px 0}
.gs-sb>span:first-child{font-size:14px;font-weight:600}.gs-sb>span:last-child{font-size:14px;font-weight:800;color:var(--accent);text-align:right}
.gs-sb>div{height:8px;border-radius:99px;background:var(--soft)}.gs-sb>div>i{display:block;height:8px;border-radius:99px;background:var(--accent)}
/* Survey */
.gs-survey{padding:32px;text-align:center}.gs-survey h2{margin:0 0 6px;font-size:24px;font-weight:800}.gs-survey p{margin:0 0 20px;color:var(--muted)}
.gs-sv{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
#svMsg{margin-top:12px;font-size:14px;color:var(--muted)}#svThanks{font-weight:800;font-size:20px;color:var(--accent)}#svThanks[hidden]{display:none}
/* Tab (CSS saja) */
.gs-r{position:absolute;opacity:0;pointer-events:none}
.gs-tabs{display:flex;flex-wrap:wrap;gap:4px;width:calc(100% - 48px);max-width:1112px;margin:56px auto 0;border-bottom:1px solid var(--line)}
.gs-tabs label{padding:14px 22px;font-weight:800;font-size:16px;cursor:pointer;border-bottom:3px solid transparent;margin:0 0 -1px;color:var(--muted)}
#t1:checked~.gs-tabs label[for=t1],#t2:checked~.gs-tabs label[for=t2],#t3:checked~.gs-tabs label[for=t3]{color:var(--accent);border-bottom-color:var(--brand)}
#t1:focus-visible~.gs-tabs label[for=t1],#t2:focus-visible~.gs-tabs label[for=t2],#t3:focus-visible~.gs-tabs label[for=t3]{outline:3px solid var(--gold);outline-offset:-3px}
.gs-tp{display:none}
#t1:checked~.gs-panels .gs-tp1,#t2:checked~.gs-panels .gs-tp2,#t3:checked~.gs-panels .gs-tp3{display:block}
.gs-tp>section:first-child{padding-top:40px}
.gs-tb .gs-sec{margin-left:auto;margin-right:auto}
/* Berita, galeri, lapak */
.gs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}
.gs-card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:block;color:var(--ink)}
.gs-card:hover{text-decoration:none;border-color:var(--accent)}
.gs-thumb{height:150px;background:var(--soft)}.gs-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gs-cb{padding:18px}.gs-cb small{display:block;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:6px}
.gs-cb h3{margin:0;font-size:16px;font-weight:700;line-height:1.4}
.gs-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.gs-g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.gs-g4{grid-template-columns:1fr}}
.gs-gi{display:block;color:var(--ink)}.gs-gth{aspect-ratio:4/3;background:var(--soft);border-radius:14px;overflow:hidden}
.gs-gth img{width:100%;height:100%;object-fit:cover;display:block}.gs-gt{font-size:14px;font-weight:600;margin-top:8px;line-height:1.4}
.gs-lp{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:block;color:var(--ink)}.gs-lp:hover{text-decoration:none;border-color:var(--accent)}
.gs-lp .gs-lph{aspect-ratio:4/3;background:var(--soft)}.gs-lp .gs-lph img{width:100%;height:100%;object-fit:cover;display:block}
.gs-lp .gs-lpb{padding:16px}.gs-lpb small{display:block;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:4px}
.gs-lpb b{display:block;font-weight:700}.gs-lpb span{font-size:14px;color:var(--muted);display:block;margin-top:2px}
/* Aparatur */
.gs-apt{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.gs-apc{flex:0 0 calc((100% - 80px)/5);scroll-snap-align:start;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:center}
@media(max-width:900px){.gs-apc{flex-basis:calc((100% - 40px)/3)}}@media(max-width:480px){.gs-apc{flex-basis:calc((100% - 20px)/2)}}
.gs-aph{aspect-ratio:1/1;background:var(--soft)}.gs-aph img{width:100%;height:100%;object-fit:cover;display:block}
.gs-apb2{padding:14px}.gs-apn{display:block;font-weight:700}.gs-apr{display:block;font-size:13px;color:var(--accent);font-weight:600;margin-top:2px}
/* APBDes */
.gs-apb{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:start}
.gs-apb .gs-box{padding:22px}.gs-apb .gs-box h3{margin:0 0 6px;font-size:18px}
.gs-row{padding:14px 0;border-top:1px solid var(--line)}
.gs-rt{display:flex;justify-content:space-between;gap:12px;font-weight:600;font-size:15px}.gs-rt b{color:var(--accent);font-weight:800}
.gs-pb{height:8px;border-radius:99px;background:var(--soft);margin:8px 0;overflow:hidden}.gs-pb i{display:block;height:100%;background:var(--accent);border-radius:99px}
.gs-row small{font-size:13px;color:var(--muted)}
/* Footer */
.gs-foot{background:#0B2A30;color:#C5D8DC;margin-top:80px;padding:48px 0 24px}
.gs-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px;line-height:1.7}
.gs-foot h4{color:#fff;font-weight:800;font-size:18px;margin:0 0 8px}
.gs-foot a{color:#C5D8DC}
.gs-flogin{display:grid;gap:10px;align-content:start}
.gs-flogin a{display:block;background:rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;font-weight:700;color:#fff}.gs-flogin a:hover{text-decoration:none;background:rgba(255,255,255,.2)}
.gs-fsoc{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.gs-fsoc a{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(197,216,220,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.gs-fsoc a:hover{background:rgba(255,255,255,.12);text-decoration:none}
.gs-copy{margin-top:32px;padding-top:20px;border-top:1px solid #1F4048;font-size:13px;color:#8FB0B6}
.gs-wa{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:#0F8A47;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.gs-wa:hover{text-decoration:none}
/* Halaman dalam (bawaan Natra) */
.gs-inner{background:var(--card);color:var(--ink);border-radius:16px;margin-top:24px;padding:20px}
.catg_titile,.breadcrumb,.scrollToTop,.slick-prev,.slick-next,.angle_left,.angle_right{background-color:var(--brand)!important;border-color:var(--brand)}
.single_bottom_rightbar>h2,.nav-tabs,.single_page_area>h2{border-color:var(--brand)}
.pagination_area ul li a{color:var(--accent);border-color:var(--brand);background:var(--card)}
.pagination_area ul li a:hover,.pagination_area ul li.active a{background:var(--brand);color:#fff}
.bold_line span,.labels_nav li a:hover,.nav-tabs>li>a:hover{background-color:var(--brand)}
.nav-tabs>li.active>a,.media-heading a:hover,.catg_titile a:hover{color:var(--accent)}
@media(max-width:900px){.gs-hero{padding:72px 0 88px}}
@media(max-width:600px){.gs-hero h1{font-size:34px}.gs-hero{padding:56px 0 72px}}

/* ===== Font: satu keluarga (Plus Jakarta Sans) di seluruh tema ===== */
html,body,body :where(*):not(.fa):not(.glyphicon):not(code):not(pre):not(kbd):not(samp){font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6{font-weight:800;color:inherit}
.fa,.fa:before,.glyphicon{font-family:FontAwesome!important}
.glyphicon{font-family:'Glyphicons Halflings'!important}
.navbar-default .navbar-nav>li>a{text-transform:none}

/* ===== Dropdown menu: warna tema + transisi halus ===== */
.gs-nav .navbar-nav>li>.dropdown-menu,.gs-nav .dropdown-menu{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;margin-top:6px;min-width:200px;box-shadow:0 16px 36px rgba(16,36,42,.16)}
.gs-nav .dropdown-menu>li>a{color:var(--ink);padding:9px 12px;border-radius:8px;font-weight:600;font-size:14px;border:0;background:transparent;transition:background .2s ease,color .2s ease,padding-left .2s ease}
.gs-nav .dropdown-menu>li>a:hover,.gs-nav .dropdown-menu>li>a:focus{background:var(--soft);color:var(--accent);padding-left:16px;border:0}
.gs-nav .navbar-nav>li>a{transition:color .2s ease,border-color .2s ease}
@media(min-width:1200px){
 .gs-nav .dropdown>.dropdown-menu{display:block!important;visibility:hidden;opacity:0;transform:translateY(10px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity .25s cubic-bezier(.22,.8,.3,1),transform .25s cubic-bezier(.22,.8,.3,1),visibility 0s linear .25s}
 .gs-nav .dropdown:hover>.dropdown-menu,.gs-nav .dropdown:focus-within>.dropdown-menu,.gs-nav .dropdown.open>.dropdown-menu{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
 .gs-nav .dropdown-menu .dropdown>.dropdown-menu{left:100%;top:-6px;margin-top:0;transform:translateX(10px)}
 .gs-nav .dropdown-menu .dropdown:hover>.dropdown-menu,.gs-nav .dropdown-menu .dropdown:focus-within>.dropdown-menu{transform:none}
}
@media(prefers-reduced-motion:reduce){.gs-nav .dropdown>.dropdown-menu,.gs-nav .dropdown-menu>li>a{transition:none!important}}

/* ===== Footer: hilangkan garis merah ===== */
#footer.gs-foot{border-top:0;float:none;display:block;clear:both;margin-top:80px;width:100%}

/* ===== Tombol WhatsApp & back-to-top tidak bertumpuk ===== */
.scrollToTop{right:23px;bottom:25px;width:50px;height:50px;line-height:46px;font-size:26px;border-radius:50%;border:0;box-shadow:0 8px 20px rgba(0,0,0,.2);color:#fff!important}
.scrollToTop:hover,.scrollToTop:focus{background-color:var(--brand)!important;color:#fff!important;opacity:.9}
.gs-has-wa .scrollToTop{bottom:92px}

/* Ringkasan penduduk: kartu setinggi Jam Layanan, isi komposisi */
.gs-eq{align-items:stretch}
.gs-eq>.gs-span2>.gs-box{height:100%;display:flex;flex-direction:column}
.gs-gender{margin-top:auto;padding-top:22px}
.gs-gh{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:10px}
.gs-gbar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--soft)}
.gs-gbar i{display:block;height:100%;width:0;transition:width .8s cubic-bezier(.22,.8,.3,1)}
.gs-gbar i:first-child{background:var(--accent)}.gs-gbar i:last-child{background:var(--gold)}
.gs-gleg{display:flex;flex-wrap:wrap;gap:6px 22px;margin:10px 0 0;font-size:14px;color:var(--muted)}
.gs-gleg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.gs-gleg b{color:var(--ink);font-weight:800;margin-left:4px}
.gs-dl{background:var(--accent)}.gs-dp{background:var(--gold)}
.gs-kpis2{margin-top:16px}.gs-kpis2 b{font-size:22px}
@media(max-width:700px){.gs-span2{grid-column:auto}}

/* ===== Header: satu baris di desktop, tombol Tampilan, hamburger < 1200px ===== */
.gs-bar{flex-wrap:nowrap;gap:16px}
.gs-brand{flex:0 0 auto}.gs-tools{flex:0 0 auto;position:relative}
.gs-nav.navbar{flex:1 1 auto;min-width:0}
.gs-nav .navbar-nav>li>a{white-space:nowrap}
.gs-viewbtn{min-width:40px;height:40px;padding:0 10px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:800;font-size:14px;cursor:pointer}
.gs-viewbtn:hover,.gs-viewbtn[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
.gs-pop{position:absolute;right:0;top:calc(100% + 12px);width:250px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 16px 36px rgba(16,36,42,.18);z-index:80}
.gs-pop[hidden]{display:none}
.gs-pop-t{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px}.gs-pop-t:not(:first-child){margin-top:14px}
.gs-seg{display:flex;gap:6px}
.gs-seg button{flex:1;height:38px;padding:0 8px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.gs-seg button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.gs-btn{white-space:nowrap}
@media(max-width:1199px){
 .gs-bar{flex-wrap:wrap}
 .gs-brand{order:1}.gs-tools{order:2;margin-left:auto}.gs-nav.navbar{order:3;flex:0 0 auto;position:static}
 .gs-nav .navbar-header,.gs-nav .navbar-toggle{display:block}
 .gs-nav .navbar-toggle{float:none;margin:0;width:44px;height:40px;border-radius:999px;background:var(--card)}
 .gs-nav .navbar-collapse.collapse{display:none!important}
 .gs-nav .navbar-collapse.collapse.in{display:block!important;position:absolute;left:0;right:0;top:100%;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(16,36,42,.12);padding:8px 24px 16px;max-height:75vh;overflow-y:auto;z-index:70}
 .gs-nav .navbar-nav{float:none;margin:0}.gs-nav .navbar-nav>li{float:none}
 .gs-nav .navbar-nav>li>a{padding:12px 4px;border-bottom:1px solid var(--line)}
 .gs-nav .dropdown-menu{position:static;float:none;display:none;box-shadow:none;border:0;background:var(--bg);margin:0 0 6px}
 .gs-nav .open>.dropdown-menu{display:block}
}
@media(max-width:560px){.gs-brand small{display:none}.gs-btn{padding:9px 12px;font-size:13px}}

/* =====================================================================
   v0.2.0 - efek tab, accordion, aparatur, lapak, halaman dalam
   ===================================================================== */
@keyframes gsRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes gsFade{from{opacity:0}to{opacity:1}}
@keyframes gsShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* --- Tab: garis bawah bergeser + isi masuk berurutan --- */
.gs-tabs label{position:relative;border-bottom:0;transition:color .25s ease}
.gs-tabs label::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,.8,.3,1)}
.gs-tabs label:hover{color:var(--ink)}
#t1:checked~.gs-tabs label[for=t1]::after,#t2:checked~.gs-tabs label[for=t2]::after,#t3:checked~.gs-tabs label[for=t3]::after{transform:scaleX(1)}
.gs-tp>section{animation:gsRise .55s cubic-bezier(.22,.8,.3,1) both}
.gs-tp>section:nth-child(2){animation-delay:.08s}
.gs-tp>section:nth-child(3){animation-delay:.16s}
.gs-pn{animation:gsFade .35s ease both}
#s1:checked~.gs-st-panels .gs-pn1,#s2:checked~.gs-st-panels .gs-pn2,#s3:checked~.gs-st-panels .gs-pn3{animation:gsRise .4s cubic-bezier(.22,.8,.3,1) both}
.gs-sb>div>i{transition:width .8s cubic-bezier(.22,.8,.3,1)}

/* --- Accordion --- */
.gs-det{transition:background .25s ease}
.gs-det>summary{transition:color .2s ease;padding-right:4px}
.gs-det>summary:hover{color:var(--accent)}
.gs-det>summary::after,.gs-more>summary::after{transition:transform .3s ease}
.gs-det[open]>summary::after{content:"–"}
.gs-closing>summary::after{content:"+"!important}
.gs-det>div{overflow:hidden}
.gs-more>summary{transition:background .2s ease,color .2s ease,border-color .2s ease}
.gs-more>summary:hover{background:var(--brand);color:#fff;border-color:var(--brand)}

/* --- Skeleton --- */
.gs-skel{background:linear-gradient(90deg,var(--soft) 25%,var(--bg) 50%,var(--soft) 75%);background-size:200% 100%;animation:gsShimmer 1.4s linear infinite;border-radius:16px;border:0}
.gs-skel-lp{aspect-ratio:4/5}.gs-skel-gl{aspect-ratio:4/3}.gs-skel-row{height:56px;margin:10px 0}.gs-skel-bar{height:14px;margin:14px 0;border-radius:99px}
.gs-apc.gs-skel{aspect-ratio:4/5}

/* --- Aparatur: kartu foto penuh + progres --- */
.gs-apt{gap:18px;padding:4px 2px 14px;margin:0 -2px}
.gs-apc{position:relative;flex:0 0 calc((100% - 72px)/5);aspect-ratio:4/5;border:0;border-radius:20px;background:linear-gradient(160deg,var(--brand),#0A3F49);text-align:left;box-shadow:0 8px 22px rgba(16,36,42,.12);transition:transform .35s cubic-bezier(.22,.8,.3,1),box-shadow .35s ease}
@media(max-width:900px){.gs-apc{flex-basis:calc((100% - 36px)/3)}}
@media(max-width:480px){.gs-apc{flex-basis:calc((100% - 18px)/2)}}
.gs-apc:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(16,36,42,.22)}
.gs-aph{position:absolute;inset:0;aspect-ratio:auto;background:transparent;display:flex;align-items:center;justify-content:center}
.gs-aph img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.22,.8,.3,1)}
.gs-apc:hover .gs-aph img{transform:scale(1.07)}
.gs-ini{font-size:44px;font-weight:800;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-bottom:34px}
.gs-apc::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,28,34,.92) 0%,rgba(6,28,34,.5) 36%,rgba(6,28,34,0) 62%);pointer-events:none}
.gs-apb2{position:absolute;left:0;right:0;bottom:0;padding:16px 14px;z-index:2}
.gs-apn{display:block;color:#fff;font-weight:800;font-size:15px;line-height:1.25}
.gs-apr{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;line-height:1.2;color:#fff;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 10px;border-radius:999px}
.gs-kades{outline:3px solid var(--gold);outline-offset:-3px}
.gs-kades .gs-apr{background:var(--gold);color:#10242A}
.gs-apfoot{display:flex;align-items:center;gap:16px;margin-top:6px}
.gs-approg{position:relative;flex:1;height:4px;border-radius:99px;background:var(--soft);overflow:hidden}
.gs-approg i{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:99px;background:var(--brand);transition:left .25s ease,width .25s ease}
#apCount{font-size:13px;font-weight:600;white-space:nowrap}

/* --- Lapak --- */
.gs-lp{position:relative;border-radius:18px;transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s ease,border-color .3s ease}
.gs-lp:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(16,36,42,.15)}
.gs-lp .gs-lph{position:relative;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gs-lp .gs-lph img{transition:transform .7s cubic-bezier(.22,.8,.3,1)}
.gs-lp:hover .gs-lph img{transform:scale(1.08)}
.gs-lpic{font-size:44px;color:var(--muted);opacity:.5}
.gs-lpcat,.gs-lpdisc{position:absolute;top:12px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.03em}
.gs-lpcat{left:12px;background:rgba(255,255,255,.93);color:#10242A}
.gs-lpdisc{right:12px;background:#B3261E;color:#fff}
.gs-lp .gs-lpb{padding:16px 16px 18px}
.gs-lpb b{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gs-lpb small{display:block;margin:4px 0 0;font-size:12.5px;font-weight:600;color:var(--muted)}
.gs-lpp{margin-top:10px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.gs-lpp strong{font-size:18px;font-weight:800;color:var(--accent)}
.gs-lpp s{font-size:13px;color:var(--muted)}
.gs-lpgo{display:block;margin-top:12px;font-size:13px;font-weight:700;color:var(--accent);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.gs-lp:hover .gs-lpgo,.gs-lp:focus-visible .gs-lpgo{opacity:1;transform:none}
@media(hover:none){.gs-lpgo{opacity:1;transform:none}}

/* --- Halaman dalam: dasar --- */
.gs-inner{background:transparent!important;border-radius:0;margin-top:28px;padding:0 15px}
.gs-inner .content_left{padding:0;margin:0}
.gs-inner .content_bottom{padding:0;margin:0}

/* --- Daftar berita --- */
.gs-ptitle{margin:0 0 6px;font-size:32px;font-weight:800;line-height:1.2;color:var(--ink)}
.gs-psub{margin:0 0 24px;color:var(--muted);font-size:16px}
.gs-lcard{display:flex;gap:22px;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:18px;color:var(--ink);transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s ease,border-color .3s ease}
.gs-lcard:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,36,42,.12);border-color:var(--accent)}
.gs-lthumb{position:relative;flex:0 0 270px;min-height:190px;background:var(--soft);overflow:hidden}
.gs-lthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.8,.3,1)}
.gs-lcard:hover .gs-lthumb img{transform:scale(1.06)}
.gs-lbody{flex:1;min-width:0;padding:20px 22px 18px 0;display:flex;flex-direction:column}
.gs-lcat{align-self:flex-start;background:var(--soft);color:var(--accent);font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.gs-lbody h2{margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gs-lcard:hover h2{color:var(--accent)}
.gs-lex{margin:0 0 14px;color:var(--muted);font-size:15px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gs-lmeta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted);align-items:center}
.gs-lmeta i{margin-right:4px}
.gs-lmore{margin-left:auto;color:var(--accent);font-weight:800}
@media(max-width:700px){.gs-lcard{flex-direction:column;gap:0}.gs-lthumb{flex:none;min-height:0;aspect-ratio:16/9}.gs-lbody{padding:16px 18px}.gs-lmore{margin-left:0;width:100%}}

/* --- Detail artikel --- */
.gs-article{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;color:var(--ink);animation:gsRise .5s cubic-bezier(.22,.8,.3,1) both}
.gs-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:22px 36px 0;font-size:13px;color:var(--muted)}
.gs-crumb a{color:var(--muted);font-weight:600}.gs-crumb a:hover{color:var(--accent);text-decoration:none}
.gs-crumb i{font-size:14px;opacity:.6}.gs-crumb span{color:var(--ink);font-weight:600}
.gs-ahead{padding:20px 36px 0}
.gs-chip{display:inline-block;background:var(--soft);color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.gs-chip:hover{text-decoration:none;background:var(--brand);color:#fff}
.gs-ahead h1{margin:0 0 20px;font-size:38px;line-height:1.2;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.gs-ameta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:14px;color:var(--muted);padding-bottom:22px;border-bottom:1px solid var(--line)}
.gs-ameta i{margin-right:6px}
.gs-who{display:inline-flex;align-items:center;gap:10px}.gs-who b{color:var(--ink);font-weight:700}
.gs-av{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.gs-abody{padding:28px 36px 8px}
.gs-himg{display:block;margin:0 0 30px;border-radius:18px;overflow:hidden;background:var(--soft);box-shadow:0 10px 28px rgba(16,36,42,.12)}
.gs-himg img{width:100%;max-height:520px;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.8,.3,1)}
.gs-himg:hover img{transform:scale(1.03)}
.gs-prose{font-size:17.5px;line-height:1.9;color:var(--ink);overflow-wrap:anywhere}
.gs-prose>*:first-child{margin-top:0}
.gs-prose p{margin:0 0 1.2em}
.gs-prose h1,.gs-prose h2,.gs-prose h3,.gs-prose h4{margin:1.7em 0 .6em;font-weight:800;line-height:1.3;color:var(--ink)}
.gs-prose h2{font-size:26px}.gs-prose h3{font-size:22px}.gs-prose h4{font-size:19px}
.gs-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.gs-prose img{max-width:100%;height:auto!important;border-radius:14px;margin:.4em 0}
.gs-prose ul,.gs-prose ol{margin:0 0 1.2em;padding-left:1.5em}
.gs-prose ul{list-style:disc}.gs-prose ol{list-style:decimal}.gs-prose li{margin-bottom:.4em}
.gs-prose blockquote{margin:1.5em 0;padding:16px 22px;border:0;border-left:4px solid var(--brand);background:var(--soft);border-radius:0 14px 14px 0;font-size:inherit;color:var(--ink)}
.gs-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 1.2em}
.gs-prose td,.gs-prose th{border:1px solid var(--line);padding:8px 12px}.gs-prose th{background:var(--soft)}
.gs-prose iframe,.gs-prose video{max-width:100%;border-radius:14px}
.gs-ainfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin-bottom:26px}
.gs-ainfo>div{display:flex;gap:14px;align-items:center;background:var(--soft);border-radius:14px;padding:14px 16px;font-weight:700;font-size:14px}
.gs-ainfo>div>i{width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.gs-ainfo small{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.gs-doc{display:flex;align-items:center;gap:14px;background:var(--soft);border-radius:14px;padding:16px 18px;margin:24px 0}
.gs-doc>i{font-size:22px;color:var(--accent)}
.gs-doc>div{flex:1;min-width:0}.gs-doc small{display:block;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase}
.gs-doc>div a{font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.gs-doc .gs-dl{width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff!important;display:flex;align-items:center;justify-content:center;flex:none}
.gs-agal{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:26px 0 8px}
.gs-agal a{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--soft)}
.gs-agal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.8,.3,1)}
.gs-agal a:hover img{transform:scale(1.07)}
.gs-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:22px 36px;margin-top:18px;border-top:1px solid var(--line)}
.gs-share-t{font-weight:800;font-size:14px;margin-right:6px}
.gs-share a{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-size:18px;transition:transform .25s cubic-bezier(.22,.8,.3,1),box-shadow .25s ease}
.gs-share a:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.2)}
.gs-share .fb{background:#1877F2}.gs-share .wa{background:#0F8A47}.gs-share .tw{background:#14171A}.gs-share .tg{background:#229ED9}.gs-share .em{background:#6B7280}.gs-share .pr{background:var(--brand)}
@media print{.gs-share,.gs-cmwrap,.gs-crumb,#header,#footer,.gs-wa,.scrollToTop{display:none!important}}

/* --- Komentar --- */
.gs-cmwrap{padding:28px 36px 36px;background:var(--bg);border-top:1px solid var(--line)}
.gs-cmh{margin:0 0 18px;font-size:20px;font-weight:800;color:var(--ink)}
.gs-cmh i{color:var(--accent);margin-right:8px}
.gs-cmh span{display:inline-block;margin-left:6px;background:var(--brand);color:#fff;border-radius:999px;font-size:12px;padding:2px 9px;vertical-align:middle}
.gs-cm{display:flex;gap:14px;margin-bottom:16px}
.gs-cav{width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.gs-cav2{background:var(--gold);color:#10242A;width:36px;height:36px;font-size:13px}
.gs-cmb{flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.gs-cmt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.gs-cmt b{font-weight:800}.gs-cmt small{color:var(--muted);font-size:12.5px}
.gs-cmt em{font-style:normal;font-size:11px;font-weight:800;background:var(--soft);color:var(--accent);border-radius:999px;padding:2px 8px;text-transform:uppercase}
.gs-cmb p{margin:6px 0 0;line-height:1.7;color:var(--ink)}
.gs-reply{margin:14px 0 0}.gs-reply .gs-cmb{background:var(--bg)}
.gs-cmformwrap{margin-top:30px}
.gs-cmn{background:var(--soft);color:var(--ink);border-radius:12px;padding:12px 16px;margin-bottom:14px;font-weight:600;border-left:4px solid var(--brand)}
.gs-cmn.err{border-left-color:#B3261E}
.gs-cmg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gs-cmg label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin:0}
.gs-cmw{grid-column:1/-1}
.gs-cmf input[type=text],.gs-cmf textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;background:var(--card);color:var(--ink);box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.gs-cmf input:focus,.gs-cmf textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,93,107,.18)}
.gs-cmcap{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.gs-cmcap img{border-radius:10px;height:44px;cursor:pointer}
.gs-cmcap input{width:auto!important;flex:1;min-width:160px;margin:0!important}
.gs-cmref{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.gs-cmsend{margin-top:16px;background:var(--brand);color:#fff;border:0;border-radius:12px;padding:13px 28px;font-weight:800;font-family:inherit;cursor:pointer;transition:transform .2s ease,opacity .2s ease}
.gs-cmsend:hover{opacity:.92;transform:translateY(-2px)}
@media(max-width:700px){.gs-cmg{grid-template-columns:1fr}.gs-ahead,.gs-abody,.gs-crumb,.gs-share,.gs-cmwrap{padding-left:20px;padding-right:20px}.gs-ahead h1{font-size:28px}.gs-prose{font-size:16.5px}}

/* --- Sidebar (widget bawaan Natra) --- */
.gs-inner .single_bottom_rightbar{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:0 0 20px;padding:0 0 18px;overflow:hidden;box-shadow:none}
.gs-inner .single_bottom_rightbar>h2{margin:0 0 14px;padding:16px 18px;font-size:15px;font-weight:800;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);text-transform:none;letter-spacing:0}
.gs-inner .single_bottom_rightbar>h2 a{color:inherit}
.gs-inner .single_bottom_rightbar>h2 i{color:var(--accent)}
.gs-inner .single_bottom_rightbar>*:not(h2){margin-left:18px;margin-right:18px}
.gs-inner .single_bottom_rightbar a:not(.btn){color:var(--ink)}
.gs-inner .single_bottom_rightbar a:not(.btn):hover{color:var(--accent);text-decoration:none}
.gs-inner .sidebar-latest li a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-weight:600}
.gs-inner .single_bottom_rightbar .btn{display:block;border:0;border-radius:12px;padding:12px;font-weight:800;margin-bottom:8px;transition:opacity .2s ease,transform .2s ease}
.gs-inner .single_bottom_rightbar .btn:hover{opacity:.92;transform:translateY(-2px)}
.gs-inner .single_bottom_rightbar .btn-primary{background:var(--brand);color:#fff}
.gs-inner .single_bottom_rightbar .btn-success{background:var(--gold);color:#10242A}
.gs-inner .single_bottom_rightbar table{width:calc(100% - 36px);font-size:14px}
.gs-inner .single_bottom_rightbar td,.gs-inner .single_bottom_rightbar th{padding:6px 4px}
.gs-inner .single_bottom_rightbar img{border-radius:10px}
.gs-inner .nav-tabs{border-bottom:1px solid var(--line)}
.gs-inner .nav-tabs>li>a{border:0;border-radius:10px 10px 0 0;color:var(--muted);font-weight:700}
.gs-inner .nav-tabs>li.active>a,.gs-inner .nav-tabs>li.active>a:hover{background:var(--soft);color:var(--accent);border:0}
.gs-inner #jam{border:0;border-radius:18px;padding:16px;margin:0 0 20px;background:var(--brand);color:#fff}
.gs-inner .pagination>li>a,.gs-inner .pagination>li>span{border-radius:10px!important;margin:0 3px;border:1px solid var(--line);color:var(--accent);background:var(--card)}
.gs-inner .pagination>li.active>a,.gs-inner .pagination>li>a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.gs-inner .pagination>li.disabled>span{opacity:.5}

@media(prefers-reduced-motion:reduce){
 .gs-tp>section,.gs-pn,.gs-article,.gs-skel{animation:none!important}
 .gs-tabs label::after,.gs-apc,.gs-aph img,.gs-lp,.gs-lp .gs-lph img,.gs-lcard,.gs-lthumb img,.gs-himg img,.gs-agal img,.gs-share a,.gs-approg i{transition:none!important}
 .gs-apc:hover,.gs-lp:hover,.gs-lcard:hover{transform:none}
}
.gs-apc.gs-skel::after{display:none}
.gs-apc.gs-skel:hover{transform:none;box-shadow:0 8px 22px rgba(16,36,42,.12)}

/* =====================================================================
   v0.3.0 - sidebar kartu seragam, jam, ikon SVG, artikel
   ===================================================================== */
.gs-ico{width:1em;height:1em;fill:currentColor;stroke:none;vertical-align:-.125em;flex:none}
.gs-soc a .gs-ico,.gs-fsoc a .gs-ico{font-size:20px}
.gs-wa .gs-ico{font-size:28px}
.gs-share a .gs-ico{font-size:19px}
@keyframes gsPulse{70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/* --- kartu widget --- */
.gs-side{display:block}
.gs-w{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:0 0 20px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease;color:var(--ink)}
.gs-w:hover{box-shadow:0 10px 26px rgba(16,36,42,.08)}
.gs-wh{display:flex;align-items:center;gap:12px;padding:16px 18px 0}
.gs-wi{width:36px;height:36px;border-radius:11px;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.gs-wh h3{margin:0;padding:0;border:0;background:transparent;font-size:16px;font-weight:800;line-height:1.25;color:var(--ink);text-transform:none}
.gs-wh h3::before,.gs-wh h3::after{display:none!important}
.gs-wh h3 a{color:inherit}.gs-wh h3 a:hover{color:var(--accent);text-decoration:none}
.gs-wb{padding:14px 18px 18px}
.gs-wmore{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:700;font-size:14px;color:var(--accent)!important}
.gs-wmore:hover{text-decoration:none}.gs-wmore i{transition:transform .2s ease}.gs-wmore:hover i{transform:translateX(3px)}
.gs-wbtn{display:block;margin-top:12px;background:var(--brand);color:#fff!important;text-align:center;border-radius:12px;padding:12px;font-weight:800;font-size:14px;transition:opacity .2s ease,transform .2s ease}
.gs-wbtn:hover{opacity:.92;transform:translateY(-2px);text-decoration:none}
.gs-wbtn-2{background:var(--soft);color:var(--accent)!important}
.gs-btnrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gs-btnrow .gs-wbtn:only-child{grid-column:1/-1}
.gs-empty{text-align:center;color:var(--muted);padding:14px 0;font-size:14px}
.gs-empty i{display:block;font-size:30px;opacity:.45;margin-bottom:6px}.gs-empty b{display:block;color:var(--ink)}.gs-empty small{font-size:13px}
.gs-muted2{color:var(--muted)}

/* --- jam --- */
.gs-clock{position:relative;margin:0 0 20px;border-radius:20px;padding:20px 22px;color:#fff;background:linear-gradient(145deg,var(--brand),#073B45);overflow:hidden;box-shadow:0 12px 28px rgba(11,93,107,.25)}
.gs-clock::after{content:"";position:absolute;right:-44px;top:-44px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.08)}
.gs-ck-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;opacity:.92}
.gs-ck-tz{background:rgba(255,255,255,.18);padding:2px 10px;border-radius:999px;font-size:11px;letter-spacing:.06em}
.gs-ck-time{display:flex;align-items:baseline;gap:8px;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.gs-ck-time b{font-size:46px;line-height:1;font-weight:800;letter-spacing:-.02em;color:#fff}
.gs-ck-time small{font-size:20px;font-weight:700;opacity:.7}
.gs-ck-date{font-size:14px;opacity:.9}
.gs-ck-st{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:rgba(255,255,255,.14);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}
.gs-ck-st i{width:9px;height:9px;border-radius:50%;background:#9AA7AB;flex:none}
.gs-ck-st.is-open i{background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:gsPulse 1.8s infinite}
.gs-ck-st.is-closed i{background:#F87171}

/* --- portal masuk --- */
.gs-mbtn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink)!important;margin-bottom:10px;transition:transform .25s cubic-bezier(.22,.8,.3,1),box-shadow .25s ease,border-color .25s ease}
.gs-mbtn:last-child{margin-bottom:0}
.gs-mbtn:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 22px rgba(16,36,42,.12);border-color:var(--brand)}
.gs-mic{width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.gs-mtx{flex:1;min-width:0}.gs-mtx b{display:block;font-size:15px;font-weight:800}.gs-mtx small{display:block;font-size:12.5px;color:var(--muted)}
.gs-mbtn>.fa{font-size:20px;color:var(--muted);transition:transform .2s ease,color .2s ease}.gs-mbtn:hover>.fa{transform:translateX(3px);color:var(--accent)}
.gs-mbtn-main{background:var(--brand);border-color:var(--brand);color:#fff!important}
.gs-mbtn-main .gs-mic{background:rgba(255,255,255,.18);color:#fff}
.gs-mbtn-main .gs-mtx small,.gs-mbtn-main>.fa,.gs-mbtn-main:hover>.fa{color:rgba(255,255,255,.85)}

/* --- tab pil (CSS saja) --- */
.gs-pt>input{position:absolute;opacity:0;pointer-events:none}
.gs-pills{display:flex;gap:4px;padding:4px;background:var(--soft);border-radius:999px;margin-bottom:14px}
.gs-pills label{flex:1;margin:0;text-align:center;padding:8px 6px;border-radius:999px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.gs-pills label:hover{color:var(--ink)}
.gs-pane{display:none}
.gs-pt>input:nth-of-type(1):checked~.gs-pills label:nth-of-type(1){background:var(--card);color:var(--accent);box-shadow:0 2px 8px rgba(16,36,42,.12)}
.gs-pt>input:nth-of-type(1):focus-visible~.gs-pills label:nth-of-type(1){outline:3px solid var(--gold);outline-offset:1px}
.gs-pt>input:nth-of-type(1):checked~.gs-panes>.gs-pane:nth-of-type(1){display:block;animation:gsFade .35s ease both}
.gs-pt>input:nth-of-type(2):checked~.gs-pills label:nth-of-type(2){background:var(--card);color:var(--accent);box-shadow:0 2px 8px rgba(16,36,42,.12)}
.gs-pt>input:nth-of-type(2):focus-visible~.gs-pills label:nth-of-type(2){outline:3px solid var(--gold);outline-offset:1px}
.gs-pt>input:nth-of-type(2):checked~.gs-panes>.gs-pane:nth-of-type(2){display:block;animation:gsFade .35s ease both}
.gs-pt>input:nth-of-type(3):checked~.gs-pills label:nth-of-type(3){background:var(--card);color:var(--accent);box-shadow:0 2px 8px rgba(16,36,42,.12)}
.gs-pt>input:nth-of-type(3):focus-visible~.gs-pills label:nth-of-type(3){outline:3px solid var(--gold);outline-offset:1px}
.gs-pt>input:nth-of-type(3):checked~.gs-panes>.gs-pane:nth-of-type(3){display:block;animation:gsFade .35s ease both}

/* --- daftar artikel / agenda --- */
.gs-nl{margin:0;padding:0;list-style:none}
.gs-ni{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line);color:var(--ink)!important;text-align:left}
.gs-nl li:first-child .gs-ni{border-top:0;padding-top:0}
.gs-ni:hover{text-decoration:none}.gs-ni:hover .gs-nt b{color:var(--accent)}
.gs-nth{flex:0 0 64px;height:64px;border-radius:12px;overflow:hidden;background:var(--soft)}
.gs-nth img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.gs-ni:hover .gs-nth img{transform:scale(1.08)}
.gs-nt{min-width:0}
.gs-nt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4;font-weight:700;text-align:left;color:var(--ink);transition:color .2s ease}
.gs-nt small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted)}
.gs-nt small i{margin:0 3px 0 8px}.gs-nt small i:first-child{margin-left:0}
.gs-agb{flex:0 0 52px;text-align:center;background:var(--soft);border-radius:12px;padding:8px 0;color:var(--accent);align-self:flex-start}
.gs-agb b{display:block;font-size:20px;line-height:1.1;font-weight:800}.gs-agb small{display:block;font-size:11px;font-weight:800;letter-spacing:.05em}
.gs-chips{display:flex;flex-wrap:wrap;gap:8px}
.gs-chips a{padding:7px 14px;border-radius:999px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:700;transition:background .2s ease,color .2s ease}
.gs-chips a:hover{background:var(--brand);color:#fff;text-decoration:none}

/* --- galeri mosaik --- */
.gs-mos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gs-mos a{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:var(--soft)}
.gs-mos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.8,.3,1)}
.gs-mos a:hover img{transform:scale(1.08)}
.gs-mos span{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 8px;font-size:12px;font-weight:700;line-height:1.3;color:#fff;background:linear-gradient(to top,rgba(6,28,34,.88),rgba(6,28,34,0));opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.gs-mos a:hover span,.gs-mos a:focus-visible span{opacity:1;transform:none}
@media(hover:none){.gs-mos span{opacity:1;transform:none}}

/* --- slider aparatur (sidebar) --- */
.gs-slide{position:relative}
.gs-sl-track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px}
.gs-sl-track::-webkit-scrollbar{display:none}
.gs-sl-item{flex:0 0 100%;scroll-snap-align:center;min-width:0}
.gs-apm{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,var(--brand),#0A3F49)}
.gs-apm img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.gs-apm::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,28,34,.92),rgba(6,28,34,0) 58%);pointer-events:none}
.gs-apm-t{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px;color:#fff}
.gs-apm-t b{display:block;font-size:16px;font-weight:800;line-height:1.25;color:#fff}
.gs-apm-t span{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:999px;color:#fff}
.gs-apm-t em{display:inline-block;margin:6px 0 0 6px;font-style:normal;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--gold);color:#10242A}
.gs-apm-t em.ok{background:#4ADE80}
.gs-sl-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.gs-sl-nav button{width:36px;height:36px;padding:0;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--accent);cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}
.gs-sl-nav button:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.gs-sl-dots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted)}
.gs-sl-dots i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:width .25s ease,background .25s ease;cursor:pointer}
.gs-sl-dots i.on{width:20px;border-radius:99px;background:var(--brand)}

/* --- statistik & pengunjung --- */
.gs-bigstat{background:var(--soft);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.gs-bigstat b{display:block;font-size:30px;line-height:1.1;font-weight:800;color:var(--accent)}.gs-bigstat span{font-size:13px;color:var(--muted);font-weight:600}
.gs-sbar{margin-bottom:12px}.gs-sbar-h{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:6px}.gs-sbar-h b{font-weight:800}
.gs-pbar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}.gs-pbar i{display:block;height:100%;border-radius:99px;background:var(--brand)}
.gs-pbar i.c2{background:var(--gold)}
.gs-vis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gs-vis>div{background:var(--soft);border-radius:14px;padding:12px 14px}
.gs-vis b{display:block;font-size:22px;line-height:1.1;font-weight:800;color:var(--ink)}
.gs-vis span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}
.gs-vis-t{grid-column:1/-1;background:var(--brand)!important}.gs-vis-t b,.gs-vis-t span{color:#fff}
.gs-live{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:gsPulse 1.8s infinite}

/* --- keuangan --- */
.gs-keu-ctl{display:grid;gap:8px;margin-bottom:14px}
.gs-pills2{display:flex;flex-wrap:wrap;gap:6px}
.gs-pills2 button{border:1.5px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease,border-color .2s ease}
.gs-pills2 button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.gs-ab{padding:12px 0;border-top:1px solid var(--line)}
.gs-ab-h{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}
.gs-ab-h em{font-style:normal;color:var(--accent);font-weight:800}
.gs-ab .gs-pbar{margin:7px 0 6px}.gs-ab small{display:block;font-size:12px;line-height:1.5}

/* --- jam kerja & komentar & sosmed & peta --- */
.gs-jk{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;font-size:14px}
.gs-jk span{font-weight:600}.gs-jk b{font-weight:700;color:var(--muted)}.gs-jk b.off{color:#B3261E}
.gs-jk em{font-style:normal;font-size:10.5px;font-weight:800;margin-left:6px;background:var(--brand);color:#fff;border-radius:999px;padding:2px 8px;vertical-align:1px}
.gs-jk.now{background:var(--soft)}.gs-jk.now b{color:var(--ink)}
.gs-cmi{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink)!important}
.gs-wb>.gs-cmi:first-child{border-top:0;padding-top:0}
.gs-cmi:hover{text-decoration:none}
.gs-cav{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.gs-cmx{min-width:0;font-size:13.5px;line-height:1.5}
.gs-cmx b{font-weight:800;margin-right:6px}.gs-cmx small{color:var(--muted);font-size:12px}
.gs-cmx span{display:block;color:var(--ink);overflow-wrap:anywhere}
.gs-sosg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gs-sc{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--soft);color:var(--ink)!important;font-weight:700;font-size:14px;transition:background .25s ease,color .25s ease,transform .25s ease}
.gs-sc .gs-ico{font-size:20px}
.gs-sc:hover{text-decoration:none;color:#fff!important;transform:translateY(-2px)}
.gs-sc-facebook:hover{background:#1877F2}.gs-sc-instagram:hover{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.gs-sc-whatsapp:hover{background:#0F8A47}.gs-sc-youtube:hover{background:#E00000}.gs-sc-x:hover,.gs-sc-tiktok:hover{background:#111}
.gs-sc-telegram:hover{background:#229ED9}.gs-sc-link:hover{background:var(--brand)}
.gs-mapbox{height:210px;border-radius:14px;overflow:hidden;background:var(--soft)}
.gs-office{width:100%;border-radius:14px;margin-top:14px;display:block}
.gs-info{margin:14px 0 0;padding:0;list-style:none}
.gs-info li{display:flex;gap:12px;padding:8px 0;font-size:14px;line-height:1.5}
.gs-info i{width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}
.gs-info a{color:var(--ink)}.gs-info a:hover{color:var(--accent)}

/* --- artikel: ukuran judul, foto, tabel --- */
.gs-ahead h1{font-size:clamp(24px,2.6vw,32px)!important;line-height:1.25!important;letter-spacing:-.005em}
.gs-himg{margin-bottom:26px}
.gs-himg img{max-height:340px!important;aspect-ratio:16/9;width:100%;object-fit:cover}
.gs-prose .gs-tw{overflow-x:auto;margin:0 0 1.3em;border:1px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch}
.gs-prose table{display:table!important;width:100%!important;max-width:none!important;table-layout:auto!important;border-collapse:collapse;margin:0!important;font-size:15px;line-height:1.5}
.gs-prose td,.gs-prose th{width:auto!important;height:auto!important;padding:9px 14px!important;vertical-align:top;border:0!important;border-top:1px solid var(--line)!important}
.gs-prose tr:first-child td,.gs-prose tr:first-child th,.gs-prose thead th{border-top:0!important;background:var(--soft);font-weight:800}
.gs-prose tbody tr:nth-child(even) td{background:var(--bg)}
.gs-prose td:first-child,.gs-prose th:first-child{width:1%!important;white-space:nowrap;text-align:center}
.gs-prose td p,.gs-prose th p{margin:0}
.gs-prog{position:fixed;left:0;top:0;width:100%;height:3px;z-index:99;pointer-events:none}
.gs-prog i{display:block;height:100%;width:0;background:var(--gold);transition:width .12s linear}
.gs-toc{background:var(--soft);border-radius:14px;padding:14px 18px;margin:0 0 24px;font-size:14.5px}
.gs-toc[hidden]{display:none}
.gs-toc b{display:block;margin-bottom:6px;font-weight:800}
.gs-toc ul{margin:0;padding:0;list-style:none}.gs-toc li{padding:4px 0}.gs-toc li.sub{padding-left:16px}
.gs-toc a{color:var(--accent);font-weight:600}
.gs-rel{padding:6px 36px 28px;border-top:1px solid var(--line)}
.gs-rel h3{margin:22px 0 14px;font-size:20px;font-weight:800;color:var(--ink)}
.gs-rel-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px}
.gs-rel-g a{display:block;color:var(--ink)}
.gs-rel-g a:hover{text-decoration:none}.gs-rel-g a:hover b{color:var(--accent)}
.gs-rel-i{display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--soft);margin-bottom:10px}
.gs-rel-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.gs-rel-g a:hover img{transform:scale(1.06)}
.gs-rel-g b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.4;font-weight:700;transition:color .2s ease}
.gs-rel-g small{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)}
@media(max-width:700px){.gs-rel{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.gs-live,.gs-ck-st.is-open i{animation:none}.gs-mbtn,.gs-sc,.gs-wbtn,.gs-mos img,.gs-nth img,.gs-rel-g img{transition:none!important}}

/* =====================================================================
   v0.3.1 - ikon terisi, tab geser, halaman tabel, mobile
   ===================================================================== */
/* --- sosmed hero & footer: kotak kaca, ikon terisi, warna merek saat hover --- */
.gs-soc{gap:12px}
.gs-soc a,.gs-fsoc a{width:48px;height:48px;border-radius:15px;border:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .3s cubic-bezier(.22,.8,.3,1),background .25s ease,color .25s ease,box-shadow .25s ease}
.gs-soc a:hover,.gs-fsoc a:hover{transform:translateY(-4px) scale(1.04);background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.28);text-decoration:none}
.gs-fsoc a{border-radius:14px;width:44px;height:44px;font-size:19px}
.gs-s-facebook:hover{color:#1877F2!important}.gs-s-instagram:hover{color:#E1306C!important}.gs-s-whatsapp:hover{color:#25D366!important}
.gs-s-youtube:hover{color:#FF0000!important}.gs-s-x:hover,.gs-s-tiktok:hover{color:#111!important}.gs-s-telegram:hover{color:#229ED9!important}.gs-s-link:hover{color:var(--brand)!important}
.gs-soc a .gs-ico,.gs-fsoc a .gs-ico{font-size:inherit}

/* --- tab pil dengan indikator yang bergeser + daftar masuk berurutan --- */
.gs-pills{position:relative;isolation:isolate}
.gs-pills::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px - (var(--n,3) - 1) * 4px) / var(--n,3));border-radius:999px;background:var(--card);box-shadow:0 2px 10px rgba(16,36,42,.16);transform:translateX(calc(var(--i,0) * (100% + 4px)));transition:transform .45s cubic-bezier(.22,.8,.3,1)}
.gs-pills label{position:relative;background:transparent!important;box-shadow:none!important}
.gs-pt>input:nth-of-type(1):checked~.gs-pills{--i:0}.gs-pt>input:nth-of-type(2):checked~.gs-pills{--i:1}.gs-pt>input:nth-of-type(3):checked~.gs-pills{--i:2}
.gs-pt>input:nth-of-type(1):checked~.gs-pills label:nth-of-type(1),.gs-pt>input:nth-of-type(2):checked~.gs-pills label:nth-of-type(2),.gs-pt>input:nth-of-type(3):checked~.gs-pills label:nth-of-type(3){color:var(--accent)!important}
.gs-pt>input:nth-of-type(1):checked~.gs-panes>.gs-pane:nth-of-type(1),.gs-pt>input:nth-of-type(2):checked~.gs-panes>.gs-pane:nth-of-type(2),.gs-pt>input:nth-of-type(3):checked~.gs-panes>.gs-pane:nth-of-type(3){animation:gsPane .5s cubic-bezier(.22,.8,.3,1) both}
@keyframes gsPane{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.gs-pane .gs-nl>li{animation:gsPane .5s cubic-bezier(.22,.8,.3,1) both}
.gs-pane .gs-nl>li:nth-child(2){animation-delay:.05s}.gs-pane .gs-nl>li:nth-child(3){animation-delay:.1s}.gs-pane .gs-nl>li:nth-child(4){animation-delay:.15s}
.gs-pane .gs-nl>li:nth-child(5){animation-delay:.2s}.gs-pane .gs-nl>li:nth-child(n+6){animation-delay:.25s}

/* --- halaman isi (informasi publik, DPT, lembaga, dll) --- */
.gs-inner .single_page_area{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 32px;margin-bottom:20px;color:var(--ink);animation:gsRise .5s cubic-bezier(.22,.8,.3,1) both}
.gs-inner .post_titile{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line);font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.25;color:var(--ink);text-transform:none}
.gs-inner .post_titile::before,.gs-inner .post_titile::after{display:none}
.gs-inner .single_page_area .box-body{padding:0;margin:0}
.gs-inner .table-responsive{border:1px solid var(--line);border-radius:14px;overflow-x:auto;margin-bottom:16px;-webkit-overflow-scrolling:touch}
.gs-inner .table{width:100%;max-width:none;margin:0;border:0;border-collapse:collapse;font-size:14.5px;line-height:1.5;color:var(--ink);background:transparent}
.gs-inner .table>thead>tr>th{background:var(--soft);color:var(--ink);font-weight:800;font-size:13px;letter-spacing:.02em;text-transform:none;padding:12px 14px;border:0;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.gs-inner .table>tbody>tr>td{padding:11px 14px;border:0;border-top:1px solid var(--line);vertical-align:middle;background:transparent}
.gs-inner .table>tbody>tr:first-child>td{border-top:0}
.gs-inner .table-striped>tbody>tr:nth-of-type(odd)>td{background:transparent}
.gs-inner .table-striped>tbody>tr:nth-of-type(even)>td{background:var(--bg)}
.gs-inner .table>tbody>tr:hover>td{background:var(--soft)}
.gs-inner .table-bordered{border:0}.gs-inner .table-bordered>thead>tr>th,.gs-inner .table-bordered>tbody>tr>td{border-left:0;border-right:0}
.gs-inner .table td.text-wrap{white-space:normal!important;min-width:220px}
.gs-inner .table td .btn,.gs-inner .table td .btn-xs,.gs-inner .table td .btn-sm{border-radius:10px;font-weight:700;border:0;padding:6px 12px;font-size:13px}
.gs-inner .table .btn-primary,.gs-inner .table .btn-info{background:var(--brand);color:#fff}
.gs-inner .table .btn-success{background:var(--gold);color:#10242A}
.gs-inner .dataTables_wrapper{font-size:14px;color:var(--ink)}
.gs-inner .dataTables_wrapper .row{margin:0 0 12px}
.gs-inner .dataTables_length select,.gs-inner .dataTables_filter input{border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:8px 12px;height:auto;box-shadow:none;margin:0 6px}
.gs-inner .dataTables_filter input{min-width:200px}
.gs-inner .dataTables_filter input:focus,.gs-inner .dataTables_length select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,93,107,.16)}
.gs-inner .dataTables_info{color:var(--muted);padding-top:10px}
.gs-inner .dataTables_processing{background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink)}
.gs-inner table.dataTable thead .sorting,.gs-inner table.dataTable thead .sorting_asc,.gs-inner table.dataTable thead .sorting_desc{background-position:right 8px center;background-repeat:no-repeat;padding-right:26px}
.gs-inner .form-control{border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);box-shadow:none;height:auto;padding:9px 12px}
.gs-inner .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,93,107,.16)}

/* --- mobile: hindari meluber, ukuran sentuh, urutan rapi --- */
html{max-width:100%;overflow-x:visible}
img,video,iframe,embed{max-width:100%}
.gs-hero-in>*,.gs-g2>*,.gs-tp>section>*{min-width:0}
@media(max-width:991px){
 .gs-inner{margin-top:18px;padding:0 14px}
 .gs-inner .col-md-4,.gs-inner .col-lg-4{margin-top:8px}
 .gs-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0 18px;align-items:start}
 .gs-clock,.gs-masuk{margin-bottom:18px}
}
@media(max-width:767px){
 .gs-wrap{padding-left:16px;padding-right:16px}
 .gs-bar{padding:10px 16px;gap:10px}
 .gs-brand img{width:38px;height:38px}
 .gs-brand b{font-size:15px}
 .gs-tools button,.gs-viewbtn{min-width:44px;height:44px}
 .gs-btn{padding:11px 14px;font-size:13px}
 .gs-pop{position:fixed;left:16px;right:16px;top:70px;width:auto}
 .gs-hero{padding:44px 0 64px}
 .gs-hero h1{font-size:32px}
 .gs-soc a{width:46px;height:46px}
 .gs-ahead,.gs-abody,.gs-crumb,.gs-share,.gs-cmwrap,.gs-rel{padding-left:18px;padding-right:18px}
 .gs-article{border-radius:18px}
 .gs-ahead h1{font-size:24px!important}
 .gs-himg img{max-height:240px!important}
 .gs-prose{font-size:16px;line-height:1.8}
 .gs-prose h2{font-size:21px}.gs-prose h3{font-size:18px}
 .gs-ameta{gap:6px 14px;font-size:13px}
 .gs-inner .single_page_area{padding:20px 16px;border-radius:18px}
 .gs-inner .table>thead>tr>th,.gs-inner .table>tbody>tr>td{padding:10px 10px;font-size:13.5px}
 .gs-inner .dataTables_filter,.gs-inner .dataTables_length{text-align:left;float:none}
 .gs-inner .dataTables_filter input{width:calc(100% - 12px);min-width:0;margin:6px 0 0}
 .gs-inner .dataTables_paginate{float:none;text-align:center;margin-top:8px}
 .gs-inner .pagination>li>a,.gs-inner .pagination>li>span{padding:8px 12px}
 .gs-clock{padding:18px}.gs-ck-time b{font-size:40px}
 .gs-w{border-radius:16px}.gs-wh{padding:14px 16px 0}.gs-wb{padding:12px 16px 16px}
 .gs-wa{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 .scrollToTop{right:14px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
 .gs-lcard{border-radius:16px}
 .gs-rel-g{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
 .gs-brand b{font-size:14px}
 .gs-hero h1{font-size:28px}
 .gs-rel-g{grid-template-columns:1fr}
 .gs-pills label{font-size:12px;padding:8px 4px}
 .gs-btn{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.gs-pills::before,.gs-soc a,.gs-fsoc a{transition:none!important}.gs-pane,.gs-pane .gs-nl>li,.gs-inner .single_page_area{animation:none!important}}

/* =====================================================================
   v0.4.0 - responsif: masthead + bar menu menempel (< 1200px), menu
   accordion, tablet 2 kolom, penjaga luapan, area sentuh >= 44px
   ===================================================================== */
html{scroll-padding-top:76px;-webkit-text-size-adjust:100%}
html{overflow-x:visible!important}body{max-width:100%;overflow-x:clip!important}
img,video,svg{max-width:100%}img{height:auto}
.gs-prose iframe[src*="youtube"],.gs-prose iframe[src*="youtu.be"]{width:100%;height:auto;aspect-ratio:16/9;border:0}
.gs-prose img{border-radius:12px}
.gs-navrow{display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0}
.gs-mast{flex:0 0 auto}
.gs-menu-cta,.gs-tg-t{display:none}
.gs-sub-tg{display:none}
@media(min-width:1200px){.gs-navrow>.gs-tools{margin-left:0}}

@media(max-width:1199px){
 #header.gs-head,#header.gs-head .gs-bar,.gs-head,.gs-head .gs-bar{display:contents!important;position:static!important}
 .gs-mast{display:block;background:linear-gradient(135deg,var(--brand),#073B45);color:#fff;padding:16px max(24px,calc((100% - 1112px)/2));padding-top:max(16px,env(safe-area-inset-top,0px))}
 .gs-mast .gs-brand{color:#fff;gap:14px}
 .gs-mast .gs-brand img{width:56px;height:56px;padding:5px;background:#fff;border-radius:16px}
 .gs-mast .gs-brand b{font-size:22px;color:#fff}
 .gs-mast .gs-brand small{display:block;color:#BFE3E8;font-size:13px}
 .gs-navrow{position:sticky;top:0;z-index:60;background:var(--card);border-bottom:1px solid var(--line);padding:8px max(16px,calc((100% - 1112px)/2));gap:10px;box-shadow:0 4px 14px rgba(16,36,42,.06)}
 .gs-navrow .gs-nav.navbar{flex:0 0 auto;order:0;position:static}
 .gs-navrow .gs-tools{margin-left:auto;position:static;order:1}
 .gs-nav .navbar-toggle{display:inline-flex;align-items:center;gap:10px;float:none;margin:0;width:auto;height:44px;padding:0 16px 0 14px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);position:static}
 .gs-nav .navbar-toggle .gs-bars{display:block;width:18px}
 .gs-nav .navbar-toggle .icon-bar{display:block;width:18px;height:2px;margin:0;border-radius:2px;background:var(--ink)}
 .gs-nav .navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
 .gs-nav .navbar-toggle .gs-tg-t{display:block;font-size:14px;font-weight:800;color:var(--ink)}
 .gs-nav .navbar-collapse.collapse.in{padding:6px max(16px,calc((100% - 1112px)/2)) 18px;max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overscroll-behavior:contain;border-radius:0 0 18px 18px}
 .gs-nav .navbar-nav>li{position:relative}
 .gs-nav .navbar-nav>li>a{display:flex;align-items:center;min-height:48px;padding:12px 56px 12px 4px;font-size:15px;font-weight:700;white-space:normal}
 .gs-nav .navbar-nav>li>a:hover,.gs-nav .navbar-nav>li:hover>a{border-bottom-color:var(--line);color:var(--accent)}
 .gs-nav .dropdown-menu{background:var(--bg);border-radius:12px;padding:4px 14px;margin:2px 0 8px;min-width:0;width:auto}
 .gs-nav .dropdown-menu>li>a{display:block;min-height:44px;padding:12px 0;border-radius:0;border-bottom:1px solid var(--line);white-space:normal}
 .gs-nav .dropdown-menu>li:last-child>a{border-bottom:0}
 .gs-nav .dropdown-menu>li>a:hover,.gs-nav .dropdown-menu>li>a:focus{padding-left:0;background:transparent}
 .gs-nav .dropdown-menu .dropdown-menu{margin:0 0 6px 10px;padding:0 0 0 10px;background:transparent;border-left:2px solid var(--line);border-radius:0}
 .gs-nav li.dropdown>.dropdown-menu{display:none!important;visibility:visible;opacity:1;transform:none;pointer-events:auto}
 .gs-nav li.dropdown.open>.dropdown-menu{display:block!important}
 .gs-sub-tg{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:2px;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;padding:0}
 .gs-sub-tg::before{content:"";width:9px;height:9px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s ease}
 .gs-nav li.open>.gs-sub-tg::before{transform:translateY(2px) rotate(-135deg)}
 .gs-nav li.open>.gs-sub-tg,.gs-sub-tg:hover{color:var(--accent);background:var(--soft)}
 .gs-nav .dropdown-menu .gs-sub-tg{top:0}
 .gs-pop{position:absolute;right:max(16px,calc((100% - 1112px)/2));left:auto;top:calc(100% + 8px);width:min(280px,calc(100vw - 32px))}
 .gs-quick{grid-template-columns:1fr 1fr}
 .gs-seg button{height:44px}
}
@media(max-width:767px){
 .gs-mast{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top,0px))}
 .gs-mast .gs-brand img{width:48px;height:48px;border-radius:14px}
 .gs-mast .gs-brand b{font-size:19px}
 .gs-mast .gs-brand small{display:block;font-size:12px}
 .gs-navrow{padding:8px 16px}
 .gs-navrow .gs-tools .gs-btn{display:none}
 .gs-menu-cta{display:block;padding-top:14px}
 .gs-menu-cta .gs-btn{display:block;text-align:center;padding:14px;font-size:15px}
 .gs-quick{grid-template-columns:1fr}
 .gs-soc a,.gs-fsoc a{width:46px;height:46px}
}
@media(min-width:600px) and (max-width:767px){.gs-quick{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.gs-mast .gs-brand b{font-size:17px}}
@media(hover:none){.gs-nav .navbar-nav>li>a:hover{background:transparent}}
@media(prefers-reduced-motion:reduce){.gs-sub-tg::before{transition:none}}

/* v0.4.0 - spesifisitas menu mobile (menimpa Bootstrap & gaya desktop) */
@media(max-width:1199px){
 .gs-nav .navbar-nav>li>.dropdown-menu,.gs-nav .navbar-nav .open .dropdown-menu{background:var(--bg);border:0;box-shadow:none;border-radius:12px;padding:4px 14px;margin:2px 0 8px}
 .gs-nav .navbar-nav .dropdown-menu>li>a{padding:12px 0;min-height:44px;background:transparent}
 .gs-nav .navbar-nav .dropdown-menu .dropdown-menu{background:transparent;border-left:2px solid var(--line);border-radius:0;padding:0 0 0 10px;margin:0 0 6px 6px}
 .gs-nav .navbar-nav>li.gs-menu-cta>a.gs-btn{display:block;min-height:0;padding:14px;border:0;background:var(--brand);color:#fff;text-align:center;border-radius:999px}
}
/* v0.4.0 - desktop sempit: menu tetap satu baris */
@media(min-width:1200px) and (max-width:1359px){
 .gs-nav .navbar-nav>li>a{padding:8px 5px;font-size:13.5px}
 .gs-navrow{gap:10px}.gs-brand b{font-size:16px}.gs-btn{padding:10px 14px}
}
@media(min-width:1200px){.gs-nav .navbar-nav{display:flex;flex-wrap:nowrap}.gs-nav .navbar-nav>li{float:none}}
/* v0.4.0 - header tidak lagi float (margin konten tidak menembus ke atas header) */
#header.gs-head{float:none;width:auto;clear:both}
@media(min-width:1200px){#header.gs-head{display:block;position:sticky;top:0}}
main{display:flow-root}

/* =====================================================================
   v0.4.1 - halaman Pemerintah Desa: kepala desa tampil besar, kartu foto
   modern, status kehadiran sebagai lencana, ikon sosial SVG
   ===================================================================== */
.gs-phead{margin:0 0 26px}
.gs-pkick{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--soft);padding:6px 14px;border-radius:999px;margin-bottom:12px}
.gs-psub{margin:0;color:var(--muted);font-size:16px;line-height:1.6;max-width:560px}
.gs-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:20px;align-items:stretch}
.gs-pcard{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s ease,border-color .3s ease}
.gs-pcard:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(16,36,42,.14);border-color:var(--brand)}
.gs-pph{position:relative;aspect-ratio:4/5;background:linear-gradient(180deg,var(--soft),var(--card));overflow:hidden}
.gs-pph img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s ease}
.gs-pcard:hover .gs-pph img{transform:scale(1.05)}
.gs-pbd{padding:16px 16px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}
.gs-pbd h3{margin:0;font-size:16px;line-height:1.35;font-weight:800;color:var(--ink);text-transform:none}
.gs-prl{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:var(--accent);background:var(--soft);padding:5px 12px;border-radius:999px}
.gs-pst{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.94);color:#10242A;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.gs-pst i{width:8px;height:8px;border-radius:50%;background:#9AA7AB;flex:none}
.gs-pst-ok i{background:#16A34A}.gs-pst-warn i{background:#F59E0B}.gs-pst-muted i{background:#9AA7AB}
.gs-pso-row{display:flex;gap:8px;justify-content:center;margin-top:auto;padding-top:6px}
.gs-pso{width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--ink)!important;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .25s ease,color .25s ease,transform .25s ease}
.gs-pso:hover{text-decoration:none;color:#fff!important;transform:translateY(-3px)}
.gs-pso-facebook:hover{background:#1877F2}.gs-pso-instagram:hover{background:#E1306C}.gs-pso-youtube:hover{background:#E00000}.gs-pso-x:hover,.gs-pso-tiktok:hover{background:#111}.gs-pso-telegram:hover{background:#229ED9}.gs-pso-whatsapp:hover{background:#0F8A47}
.gs-pfeat-wrap:not(:empty){margin:0 0 24px}
.gs-pfeat{flex-direction:row;background:linear-gradient(135deg,var(--brand),#073B45);border:0;color:#fff;border-radius:26px;box-shadow:0 18px 40px rgba(11,93,107,.25)}
.gs-pfeat:hover{border-color:transparent;transform:translateY(-4px)}
.gs-pfeat .gs-pph{flex:0 0 min(320px,38%);aspect-ratio:4/5;background:rgba(255,255,255,.1)}
.gs-pfeat .gs-pbd{align-items:flex-start;justify-content:center;text-align:left;padding:32px 36px;gap:12px}
.gs-pfeat .gs-pbd h3{font-size:clamp(24px,3vw,34px);line-height:1.15;color:#fff}
.gs-pfeat .gs-prl{background:var(--gold);color:#10242A;font-size:14px;padding:7px 16px}
.gs-pfeat .gs-pso-row{justify-content:flex-start;margin-top:12px}
.gs-pfeat .gs-pso{background:rgba(255,255,255,.16);color:#fff!important;width:44px;height:44px}
.gs-pcard.gs-skel{aspect-ratio:4/6;border:0;background:linear-gradient(90deg,var(--soft) 25%,var(--card) 50%,var(--soft) 75%);background-size:200% 100%;animation:gsSh 1.3s infinite linear}
@keyframes gsSh{to{background-position:-200% 0}}
@media(max-width:767px){
 .gs-pgrid{grid-template-columns:repeat(2,1fr);gap:12px}
 .gs-pbd{padding:12px 10px 14px}.gs-pbd h3{font-size:14px}.gs-prl{font-size:11.5px;padding:4px 10px}
 .gs-pso{width:44px;height:44px}
 .gs-pfeat{flex-direction:column;border-radius:22px}
 .gs-pfeat .gs-pph{flex:none;width:100%;aspect-ratio:1/1}
 .gs-pfeat .gs-pbd{align-items:center;text-align:center;padding:20px 18px 24px}
 .gs-pfeat .gs-pso-row{justify-content:center}
}
@media(max-width:340px){.gs-pgrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gs-pcard,.gs-pph img,.gs-pso{transition:none}.gs-pcard.gs-skel{animation:none}.gs-pcard:hover{transform:none}}
@media(max-width:767px){
 .gs-pso-row{flex-wrap:wrap;gap:6px}
 .gs-pso{width:40px;height:40px;font-size:17px}
 .gs-pfeat .gs-pso{width:44px;height:44px}
 .gs-pst{left:8px;top:8px;font-size:11px;padding:4px 9px;max-width:calc(100% - 16px)}
}

/* =====================================================================
   v0.4.2 - Lembaga/Kelompok, SOTK, Produk Hukum & Informasi Publik
   ===================================================================== */
/* --- Lembaga / kelompok --- */
.gs-kel{display:block}
.gs-khero{display:grid;grid-template-columns:auto 1fr;gap:20px 24px;align-items:center;background:linear-gradient(135deg,var(--brand),#073B45);color:#fff;border-radius:24px;padding:28px;margin:0 0 22px;box-shadow:0 16px 36px rgba(11,93,107,.22)}
.gs-klogo{width:112px;height:112px;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}
.gs-klogo img{max-width:100%;max-height:100%;object-fit:contain}
.gs-klogo b{display:none;font-size:44px;font-weight:800;color:var(--brand)}.gs-klogo.gs-noimg b{display:block}
.gs-khero .gs-pkick{background:rgba(255,255,255,.16);color:#fff}
.gs-khero .gs-ptitle{color:#fff;margin:0 0 10px;font-size:clamp(24px,3vw,34px)}
.gs-kchips{display:flex;flex-wrap:wrap;gap:8px}
.gs-kchips span{background:rgba(255,255,255,.16);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}
.gs-kdl{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:0}
.gs-kdl>div{background:rgba(255,255,255,.12);border-radius:16px;padding:14px 16px}
.gs-kdl dt{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#BFE3E8;margin:0 0 4px}
.gs-kdl dd{margin:0;font-size:15px;line-height:1.5;color:#fff;word-break:break-word}.gs-kdl .gs-muted{color:#BFE3E8}
.gs-ksec{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;margin:0 0 22px}
.gs-kh{margin:0 0 16px;font-size:20px;font-weight:800;color:var(--ink);display:flex;align-items:baseline;gap:10px}
.gs-kh small{font-size:13px;font-weight:700;color:var(--muted)}
.gs-kpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}
.gs-kpc{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.gs-kpc:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(16,36,42,.1);border-color:var(--brand)}
.gs-kpc h3{margin:0;font-size:16px;font-weight:800;line-height:1.35;color:var(--ink)}
.gs-kpc p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}.gs-kpc p i{color:var(--accent);margin-right:4px}
.gs-ksk{height:140px;border-radius:22px;margin:0 0 18px;background:linear-gradient(90deg,var(--soft) 25%,var(--card) 50%,var(--soft) 75%);background-size:200% 100%;animation:gsSh 1.3s infinite linear}
.gs-kel .gs-ksec .table-responsive{border:0}
/* --- SOTK --- */
.gs-vt{display:inline-flex;gap:4px;padding:4px;background:var(--soft);border-radius:999px;margin:0 0 18px}
.gs-vt button{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:800 14px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.gs-vt button[aria-pressed=true]{background:var(--card);color:var(--accent);box-shadow:0 2px 8px rgba(16,36,42,.12)}
.gs-vt button i{margin-right:6px}
.gs-sotk-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;margin:0 0 22px}
.gs-sotk-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
#container-sotk{min-width:980px}
.gs-sotk-hint{margin:10px 0 0;font-size:13px;color:var(--muted);text-align:center}
.gs-sotk-card [hidden]{display:none!important}
.gs-tree,.gs-tree ul{list-style:none;margin:0;padding:0}
.gs-tree ul{margin:0 0 0 22px;padding-left:18px;border-left:2px solid var(--line)}
.gs-tree li{position:relative;padding:6px 0}
.gs-tree ul>li::before{content:"";position:absolute;left:-18px;top:34px;width:16px;border-top:2px solid var(--line)}
.gs-tn{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:10px 14px 10px 10px;transition:border-color .25s ease,box-shadow .25s ease}
.gs-tn:hover{border-color:var(--brand);box-shadow:0 8px 20px rgba(16,36,42,.08)}
.gs-tn img{width:48px;height:48px;border-radius:14px;object-fit:cover;object-position:top;background:var(--soft);flex:none}
.gs-tn span{min-width:0}.gs-tn b{display:block;font-size:14.5px;line-height:1.3;color:var(--ink)}.gs-tn small{display:block;font-size:12.5px;font-weight:700;color:var(--accent)}
.gs-tree>li>.gs-tn{background:linear-gradient(135deg,var(--brand),#073B45);border:0}.gs-tree>li>.gs-tn b{color:#fff}.gs-tree>li>.gs-tn small{color:var(--gold)}
/* --- toolbar filter, tombol Lihat, judul tabel --- */
.gs-toolbar{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 18px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:16px}
.gs-toolbar label{flex:1 1 200px;min-width:0;margin:0;display:flex;flex-direction:column;gap:6px}
.gs-toolbar label span{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.gs-toolbar select{width:100%;height:44px;border-radius:12px;border:1.5px solid var(--line);background-color:var(--card);color:var(--ink);padding:0 12px;font-weight:600}
.gs-toolbar select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(246,179,82,.45);outline:0}
.gs-lihat{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--brand);color:#fff;font:800 13.5px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:transform .2s ease,opacity .2s ease}
.gs-lihat:hover{opacity:.92;transform:translateY(-2px)}
td.gs-ttl{min-width:220px;white-space:normal!important;line-height:1.5}
.swal2-popup{max-width:94vw}.swal2-popup iframe{max-width:100%}
@media(max-width:767px){
 .gs-khero{grid-template-columns:1fr;text-align:center;justify-items:center;padding:22px 18px;border-radius:22px}
 .gs-klogo{width:96px;height:96px}.gs-kchips{justify-content:center}.gs-kdl{text-align:left;width:100%}
 .gs-ksec{padding:16px;border-radius:18px}
 .gs-sotk-card{padding:12px;border-radius:18px}
 .gs-tree ul{margin-left:12px;padding-left:12px}.gs-tree ul>li::before{left:-12px;width:10px}
 .gs-vt{display:flex}.gs-vt button{flex:1}
 .gs-toolbar{padding:12px}
}
@media(prefers-reduced-motion:reduce){.gs-kpc,.gs-tn,.gs-lihat,.gs-vt button{transition:none}.gs-ksk{animation:none}}

/* =====================================================================
   v0.4.3 - sambutan kepala desa di kartu besar (1 paragraf + tombol)
   ===================================================================== */
.gs-psm{width:100%;max-width:620px;margin-top:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:18px 22px;text-align:left;animation:gsFade .5s ease both}
.gs-psm-k{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.gs-psm p{margin:0 0 14px;font-size:15.5px;line-height:1.7;color:#E6F3F5;font-weight:500}
.gs-psm-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--gold);color:#10242A!important;font-weight:800;font-size:14px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease}
.gs-psm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.25)}
.gs-psm-btn i{transition:transform .2s ease}.gs-psm-btn:hover i{transform:translateX(3px)}
@media(max-width:991px){.gs-psm{max-width:none;padding:16px 18px;border-radius:18px}}
@media(max-width:767px){.gs-pfeat .gs-psm{margin-top:4px}.gs-psm p{font-size:14.5px}.gs-psm-btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.gs-psm,.gs-psm-btn,.gs-psm-btn i{animation:none;transition:none}}

/* =====================================================================
   v0.4.4 - dropdown desktop: jembatan hover + jeda sebelum menutup
   (menu tidak lagi hilang saat kursor melintasi celah ke submenu)
   ===================================================================== */
@media(min-width:1200px){
 .gs-nav .navbar-nav>li>.dropdown-menu::before{content:"";position:absolute;left:-6px;right:-6px;top:-12px;height:12px}
 .gs-nav .dropdown-menu .dropdown>.dropdown-menu::before{content:"";position:absolute;left:-14px;top:0;bottom:0;width:14px}
 .gs-nav .dropdown>.dropdown-menu{pointer-events:auto;transition:opacity .2s ease .28s,transform .2s ease .28s,visibility 0s linear .48s}
 .gs-nav .dropdown:hover>.dropdown-menu,.gs-nav .dropdown:focus-within>.dropdown-menu,.gs-nav .dropdown.open>.dropdown-menu{transition:opacity .22s cubic-bezier(.22,.8,.3,1),transform .22s cubic-bezier(.22,.8,.3,1),visibility 0s}
 .gs-nav .dropdown-menu .dropdown>.dropdown-menu{margin-left:2px}
}
@media(min-width:1200px) and (prefers-reduced-motion:reduce){.gs-nav .dropdown>.dropdown-menu{transition:none!important}}

/* =====================================================================
   v0.4.4 - halaman Statistik Penduduk
   ===================================================================== */
.gs-stbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;margin:0 0 20px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:18px}
.gs-stf{display:flex;flex-direction:column;gap:6px;margin:0;min-width:160px}
.gs-stf span{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.gs-stf select{height:44px;min-width:160px;border-radius:12px;border:1.5px solid var(--line);background-color:var(--card);color:var(--ink);padding:0 12px;font-weight:600}
.gs-stf select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(246,179,82,.45);outline:0}
.gs-stbar .gs-vt{margin:0}
.gs-stact{display:flex;gap:8px;margin-left:auto}
.gs-stact .gs-lihat,.gs-sttools .gs-lihat{min-height:44px}
.gs-lihat-2{background:var(--soft);color:var(--accent)!important}
.gs-lihat-2:hover{background:var(--brand);color:#fff!important}
.gs-lihat{text-decoration:none!important}
.gs-ksec #container{min-height:320px}
.gs-ksec .highcharts-container{max-width:100%!important}
.gs-ksec .table{margin-bottom:0}
.gs-sttools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.gs-stup{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);background:var(--soft);padding:8px 14px;border-radius:999px}
.gs-stbtns{display:flex;flex-wrap:wrap;gap:8px}
.gs-inner .uibutton.special{float:none}
@media(max-width:767px){
 .gs-stbar{padding:12px;gap:12px}
 .gs-stf,.gs-stf select{width:100%}
 .gs-stbar .gs-vt{width:100%}.gs-stbar .gs-vt button{flex:1}
 .gs-stact{margin-left:0;width:100%}.gs-stact .gs-lihat{flex:1}
 .gs-sttools{flex-direction:column;align-items:stretch}.gs-stbtns .gs-lihat{flex:1}
}

/* =====================================================================
   v0.5.0 - judul lebih kecil, widget sidebar, Status IDM, Data DPT, bagan SOTK
   ===================================================================== */

/* --- ukuran judul halaman --- */
.gs-ptitle{font-size:clamp(22px,2.2vw,28px);line-height:1.25}
.gs-khero .gs-ptitle{font-size:clamp(22px,2.4vw,30px)}
.gs-inner .post_titile{font-size:clamp(19px,1.8vw,23px);line-height:1.3;padding-bottom:12px;margin-bottom:16px}
.gs-ahead h1{font-size:clamp(22px,2.3vw,28px)!important}
.gs-inner .text-h3{font-size:clamp(19px,1.8vw,23px)}
.gs-psub{font-size:15px}
/* judul gaya lama (Arsip, Galeri, Lapak, Pembangunan, Pengaduan) */
.gs-inner .single_category h2{margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--line);font-size:clamp(19px,1.8vw,23px);font-weight:800;line-height:1.3;text-transform:none;color:var(--ink)}
.gs-inner .single_category .bold_line,.gs-inner .single_category .solid_line{display:none}
.gs-inner .single_category .title_text{background:transparent;display:inline;padding:0;top:0;color:inherit}
@media(max-width:700px){.gs-ahead h1{font-size:22px!important}}

/* --- widget profil desa (daftar kunci : nilai) --- */
.gs-kv{margin:0}
.gs-kv>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px}
.gs-kv>div:last-child{border-bottom:0}
.gs-kv dt{flex:0 1 52%;font-weight:600;color:var(--muted)}
.gs-kv dd{margin:0;flex:1 1 auto;min-width:0;text-align:right;font-weight:700;color:var(--ink);overflow-wrap:anywhere}

/* --- widget sinergi program --- */
.gs-sp{display:grid;grid-template-columns:repeat(var(--c,3),minmax(0,1fr));gap:10px;align-items:center}
.gs-sp a{display:flex;align-items:center;justify-content:center;min-height:64px;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:14px}
.gs-sp img{max-width:100%;max-height:72px;object-fit:contain;transition:transform .25s ease}
.gs-sp a:hover img{transform:scale(1.07)}

/* --- tabel gaya baru (IDM & DPT) --- */
.gs-idm-table,.gs-dpt-table{width:100%;margin:0;font-size:14px;border-collapse:separate;border-spacing:0}
.gs-idm-table th,.gs-dpt-table th{background:var(--soft);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:11px 12px;border:0!important;vertical-align:middle;white-space:nowrap}
.gs-idm-table td,.gs-dpt-table td{padding:11px 12px;border:0!important;border-bottom:1px solid var(--line)!important;vertical-align:top;color:var(--ink)}
.gs-idm-table tbody tr:hover td,.gs-dpt-table tbody tr:hover td{background:var(--bg)}
.gs-dpt-table tfoot td{background:var(--soft);font-weight:800;border-bottom:0!important}
.gs-dpt-table tbody td{vertical-align:middle}

/* --- Status IDM --- */
.gs-idm-hero{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,var(--brand),#073B45);color:#fff;border-radius:22px;padding:26px 30px;margin:0 0 18px}
.gs-idm-main small{display:block;font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;opacity:.85}
.gs-idm-main b{display:block;margin:6px 0 12px;font-size:clamp(34px,5vw,50px);line-height:1.1;font-weight:800;letter-spacing:-.02em}
.gs-idm-badge{display:inline-block;padding:6px 16px;border-radius:999px;background:#52666B;border:2px solid rgba(255,255,255,.55);color:#fff;font-size:14px;font-weight:800}
.gs-idm-meter{position:relative;height:14px;margin-top:8px}
.gs-idm-seg{display:flex;height:100%;border-radius:99px;overflow:hidden}
.gs-idm-seg span{display:block;height:100%}
.gs-idm-ptr{position:absolute;left:0;top:-6px;width:4px;height:26px;margin-left:-2px;border-radius:3px;background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.35);transition:left .9s cubic-bezier(.22,.8,.3,1)}
.gs-idm-scale{position:relative;height:20px;margin:10px 0 14px;font-size:11.5px;font-weight:700;opacity:.9}
.gs-idm-scale span{position:absolute;transform:translateX(-50%)}
.gs-idm-mini{display:flex;flex-wrap:wrap;gap:10px 32px}
.gs-idm-mini small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.gs-idm-mini b{font-size:18px;font-weight:800}
.gs-idm-dim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.gs-idm-dim article{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.gs-idm-ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--soft);color:var(--accent);font-size:20px}
.gs-idm-dim small{display:block;font-size:12.5px;font-weight:700;color:var(--muted)}
.gs-idm-dim b{font-size:24px;line-height:1.2;font-weight:800;color:var(--ink)}
.gs-idm-bar{grid-column:1/-1;height:10px;border-radius:99px;background:var(--soft);overflow:hidden}
.gs-idm-bar i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .9s cubic-bezier(.22,.8,.3,1)}
.gs-idm-loc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.gs-idm-loc>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.gs-idm-loc dt{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.gs-idm-loc dd{margin:2px 0 0;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.gs-idm-ind{min-width:180px;font-weight:700}
.gs-idm-ket{min-width:220px;color:var(--muted)}
.gs-idm-grp td{background:var(--soft)!important;font-weight:800}
.gs-sk{display:inline-block;min-width:34px;padding:3px 10px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:800}
.gs-sk-lo{background:#FDE7E4;color:#9C1C12}.gs-sk-md{background:#FFF1CC;color:#7A5400}.gs-sk-hi{background:#DDF3E6;color:#14683A}
html[data-theme=dark] .gs-sk-lo{background:#4A211E;color:#FFB4AB}
html[data-theme=dark] .gs-sk-md{background:#4A3A12;color:#FFD97A}
html[data-theme=dark] .gs-sk-hi{background:#173A28;color:#9BE0B8}
.gs-idm-err{text-align:center;color:var(--muted)}
.gs-idm-err i{display:block;margin-bottom:8px;font-size:34px;color:#B3261E}
.gs-idm-err p{margin:0}

/* --- Data DPT --- */
.gs-dpt-kpi{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin:0 0 18px}
.gs-dpt-kpi article{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.gs-dpt-kpi small{font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.gs-dpt-kpi b{font-size:clamp(26px,3vw,34px);line-height:1.1;font-weight:800;color:var(--accent)}
.gs-dpt-kpi article>span{font-size:13px;font-weight:700;color:var(--muted)}
.gs-dpt-kpi .gs-dpt-total{background:linear-gradient(135deg,var(--brand),#073B45);border:0}
.gs-dpt-total small,.gs-dpt-kpi .gs-dpt-total>span{color:rgba(255,255,255,.85)}
.gs-dpt-kpi .gs-dpt-total b{color:#fff}
.gs-dpt-split{grid-column:1/-1;display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--soft)}
.gs-dpt-split i{display:block;width:0;height:100%;transition:width .9s cubic-bezier(.22,.8,.3,1)}
.gs-dpt-split i:first-child{background:var(--brand)}
.gs-dpt-split i:last-child{background:var(--gold)}

/* --- Bagan SOTK (HTML/CSS) --- */
.gs-oct{display:flex;justify-content:center;min-width:max-content;padding:6px 14px 18px}
.gs-oct ul{position:relative;display:flex;justify-content:center;margin:0;padding:22px 0 0;list-style:none}
.gs-oct>ul{align-items:flex-start;gap:28px;padding-top:0}
.gs-oct li{position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 8px 0;list-style:none}
.gs-oct li::before,.gs-oct li::after{content:"";position:absolute;top:0;right:50%;width:50%;height:22px;border-top:2px solid var(--line)}
.gs-oct li::after{right:auto;left:50%;border-left:2px solid var(--line)}
.gs-oct li:only-child::before,.gs-oct li:only-child::after{display:none}
.gs-oct li:only-child{padding-top:0}
.gs-oct li:first-child::before,.gs-oct li:last-child::after{border:0 none}
.gs-oct li:last-child::before{border-right:2px solid var(--line);border-radius:0 10px 0 0}
.gs-oct li:first-child::after{border-radius:10px 0 0 0}
.gs-oct li>ul::before{content:"";position:absolute;top:0;left:50%;height:22px;border-left:2px solid var(--line)}
.gs-oct>ul>li{padding-top:0}
.gs-oct>ul>li::before,.gs-oct>ul>li::after{display:none}
.gs-oct ul.gs-oc-g{display:grid;grid-template-columns:repeat(var(--cols,3),max-content);justify-content:center;gap:10px;margin-top:22px;padding:14px;border:2px dashed var(--line);border-radius:16px;background:var(--bg)}
.gs-oct ul.gs-oc-g::before{top:-24px;height:24px}
.gs-oct ul.gs-oc-g>li{padding:0}
.gs-oct ul.gs-oc-g>li::before,.gs-oct ul.gs-oc-g>li::after{display:none}
.gs-ocn{width:164px;padding:10px 8px 11px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--oc,var(--brand));border-radius:14px;text-align:center;box-shadow:0 2px 8px rgba(16,36,42,.06);transition:box-shadow .25s ease,transform .25s ease}
.gs-ocn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,36,42,.12)}
.gs-ocn img{display:block;width:52px;height:52px;margin:0 auto 8px;border-radius:14px;object-fit:cover;object-position:top;background:var(--soft)}
.gs-ocn b{display:block;font-size:12.5px;line-height:1.3;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.gs-ocn small{display:block;margin-top:3px;font-size:11px;line-height:1.3;font-weight:700;color:var(--accent);overflow-wrap:anywhere}
.gs-ocn-root{width:196px;background:linear-gradient(135deg,var(--brand),#073B45);border:0;border-top:3px solid var(--gold)}
.gs-ocn-root img{width:60px;height:60px}
.gs-ocn-root b{font-size:13.5px;color:#fff}
.gs-ocn-root small{color:var(--gold)}
.gs-ocrow{display:flex;align-items:center}
.gs-ocm{position:relative;width:64px;margin:0 34px;padding:10px 6px;border-radius:12px;background:var(--gold);color:#10242A;font-size:12.5px;font-weight:800;text-align:center}
.gs-ocm-l::after,.gs-ocm-r::before{content:"";position:absolute;top:50%;width:34px;border-top:2px dashed var(--line)}
.gs-ocm-l::after{left:100%}
.gs-ocm-r::before{right:100%}
@media(prefers-reduced-motion:reduce){.gs-idm-ptr,.gs-idm-bar i,.gs-dpt-split i,.gs-ocn,.gs-sp img{transition:none}}

@media(max-width:800px){
 .gs-idm-hero{grid-template-columns:1fr;gap:20px;padding:22px 18px;border-radius:18px}
 .gs-idm-dim{grid-template-columns:1fr}
 .gs-idm-loc{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gs-dpt-kpi{grid-template-columns:1fr 1fr}
 .gs-dpt-kpi .gs-dpt-total{grid-column:1/-1}
}

/* =====================================================================
   v0.6.0 - Beranda: Aparatur sampai Footer (mockup Beranda Desa Gunungsari)
   Warna memakai variabel tema (--brand/--accent/--gold/--card/--soft/--line)
   sehingga mode gelap dan warna kustom tetap berlaku.
   ===================================================================== */
.gs-m{padding:56px 0}
.gs-m-alt{background:var(--card)}
.gs-m-pb{padding-bottom:56px}
.gs-m [hidden]{display:none!important}
.gs-m a:hover{text-decoration:none}
.gs-m button:focus-visible,.gs-m a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.gs-m-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.gs-m-hd h2{margin:0;font-size:26px;font-weight:800;line-height:1.2}
.gs-m-sub{margin:4px 0 0;color:var(--muted);font-size:15px}
.gs-m-hr{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.gs-m-more{color:var(--accent);font-weight:700;font-size:14px}
.gs-m-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}
a.gs-m-card{display:block;color:inherit}
a.gs-m-card:hover{border-color:var(--accent)}

/* tab pil, chip, tombol */
.gs-m-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--soft);border-radius:999px;margin-bottom:20px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.gs-m-tabs::-webkit-scrollbar{display:none}
.gs-m-tabs button{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;font:inherit;font-weight:700;font-size:14px;color:var(--muted);white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease}
.gs-m-tabs button:hover{color:var(--ink)}
.gs-m-tabs button.on{background:var(--card);color:var(--accent);box-shadow:0 2px 8px rgba(16,36,42,.12)}
.gs-m-tabs{position:relative}
.gs-m-tabs .gs-m-ind{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:var(--card);box-shadow:0 2px 8px rgba(16,36,42,.12);pointer-events:none;opacity:0;transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1)}
.gs-m-tabs.has-ind button{position:relative;z-index:1}
.gs-m-tabs.has-ind button.on{background:transparent;box-shadow:none}
/* Potensi: pergantian kartu halus */
.gs-m-pc{transition:opacity .18s ease,transform .18s ease}
.gs-m-pc.is-swap{opacity:0;transform:translateY(6px)}
.gs-m-pc.is-in{opacity:0;transform:translateY(-6px);transition:none}
.gs-retry{padding:16px;margin:0}.gs-retry-btn{margin-left:6px;padding:6px 14px;border:1.5px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font:inherit;font-weight:700;font-size:13px;cursor:pointer}.gs-retry-btn:hover{background:var(--accent);color:#fff}
.gs-m-tabs-sm{margin-bottom:10px}.gs-m-tabs-sm button{min-height:36px}
.gs-m-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--soft);font-size:13.5px;font-weight:700;color:var(--accent)}
.gs-m-dot{width:9px;height:9px;border-radius:50%;background:#1E9E5A;flex:none}
.gs-m-chip.is-closed .gs-m-dot{background:#9AA7AB}
.gs-m-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--gold);color:#10242A!important;font-weight:800;font-size:14px;align-self:flex-start;border:0;transition:opacity .2s ease}
.gs-m-btn:hover{opacity:.9}
.gs-m-btn-dk{background:var(--brand);color:#fff!important}
.gs-m-cat{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}

/* foto / siluet */
.gs-m-ph{display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);overflow:hidden}
.gs-m-ph img{width:100%;height:100%;object-fit:cover;display:block}
.gs-m-ph svg{width:55%;height:auto}.gs-m-ph svg path,.gs-m-ph svg circle{fill:currentColor;opacity:.4}
.gs-m-pt{aspect-ratio:4/5}.gs-m-pt img{object-position:center top}

/* Aparatur */
.gs-m-kades{display:grid;grid-template-columns:260px 1fr;background:var(--brand);border:0;color:#fff;margin-bottom:20px}
.gs-m-kph{background:rgba(255,255,255,.14);color:#fff;min-height:300px}.gs-m-kph img{object-position:center top}
.gs-m-kb{padding:32px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.gs-m-kb small{font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}
.gs-m-kb b{font-size:26px;line-height:1.25}
.gs-m-kb p{margin:0;color:#DDEEF1;font-size:15px;line-height:1.6;max-width:520px}
.gs-m-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gs-m-track::-webkit-scrollbar{display:none}
.gs-m-ap,.gs-m-skel-ap{flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start}
.gs-m-skel-ap{aspect-ratio:4/6}
.gs-m-apb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.gs-m-apb b{font-size:14.5px;line-height:1.3}
.gs-m-jb{font-size:12.5px;font-weight:700;color:var(--accent);background:var(--soft);padding:3px 10px;border-radius:999px}
.gs-m-ok{font-size:12px;font-weight:700;color:#14683A;background:#DDF3E6;padding:2px 10px;border-radius:999px}
.gs-m-ok.is-warn{color:#8A5A00;background:#FDF0D5}
.gs-m-ok.is-muted{color:var(--muted);background:var(--soft)}
.gs-m-ctl{display:flex;align-items:center;gap:8px;margin-top:20px}
.gs-m-ar{width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:border-color .2s ease}
.gs-m-ar:hover{border-color:var(--accent)}
.gs-m-bar{position:relative;flex:1;height:6px;margin-left:8px;border-radius:99px;background:var(--line);overflow:hidden}
.gs-m-bar i{position:absolute;top:0;bottom:0;left:0;width:34%;border-radius:99px;background:var(--accent);transition:left .25s ease,width .25s ease}
.gs-m-cnt{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}

/* Potensi */
.gs-m-pot{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.gs-m-pimg{height:230px;width:100%}.gs-m-pimg i{font-size:44px;opacity:.5}
.gs-m-pc .gs-m-apb b{font-size:18px}.gs-m-pc .gs-m-apb b a:hover{color:var(--accent)}
.gs-m-sub2{font-size:14px;color:var(--muted)}.gs-m-sub2 a{color:var(--accent);font-weight:700}
.gs-m-empty{padding:32px;gap:10px}
.gs-m-skel-pot{height:330px;border-radius:0}
.gs-m-cta{padding:32px;display:flex;flex-direction:column;gap:12px;justify-content:center;background:var(--gold);border:0;color:#10242A}
.gs-m-cta{position:relative;isolation:isolate;gap:10px;align-items:flex-start;background:linear-gradient(135deg,#F9C46E 0%,var(--gold) 55%,#EFA43A 100%)}
.gs-m-cta::before,.gs-m-cta::after{content:'';position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.gs-m-cta::before{width:220px;height:220px;right:-70px;top:-70px;background:rgba(255,255,255,.28)}
.gs-m-cta::after{width:150px;height:150px;right:30px;bottom:-80px;background:rgba(11,93,107,.14)}
.gs-m-cta b{font-size:22px;line-height:1.3}.gs-m-cta p{margin:0;font-size:15px}
.gs-m-cta-ic{width:46px;height:46px;border-radius:14px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 6px 14px rgba(11,93,107,.25)}
.gs-m-cta-ey{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(16,36,42,.7)}
.gs-m-cta-ul{list-style:none;margin:2px 0 6px;padding:0;display:grid;gap:7px;font-size:14px;font-weight:600}
.gs-m-cta-ul li{position:relative;padding-left:26px}
.gs-m-cta-ul li::before{content:'';position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
.gs-m-cta-ac{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:4px}
.gs-m-cta-lk{font-weight:800;font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.gs-m-cta-lk:hover{text-decoration-thickness:2px}
.gs-m-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px}
.gs-m-tl{padding:16px 18px;display:flex;gap:14px;align-items:center}
.gs-m-tl i{width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.gs-m-tl b{display:block;font-size:15px}.gs-m-tl span{font-size:13px;color:var(--muted)}

/* Transparansi */
.gs-m-apbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.gs-m-rg{display:flex;align-items:center;gap:16px;padding:20px}
.gs-m-ring{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--accent) 0 var(--p,0%),var(--soft) 0);display:flex;align-items:center;justify-content:center;flex:none}
.gs-m-ring i{width:62px;height:62px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:13px}
.gs-m-rg>div:last-child{min-width:0}
.gs-m-rg small{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.gs-m-rg b{display:block;font-size:17px;overflow-wrap:anywhere}
.gs-m-rg em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
#apbRincian{margin-top:4px}
.gs-m-two{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}
.gs-m-bx{padding:22px}.gs-m-bx h3{margin:0 0 14px;font-size:17px;font-weight:800}
.gs-m-bx>.gs-m-more{display:inline-block;margin-top:4px}
.gs-m-pj{margin-bottom:16px}
.gs-m-pjt{display:flex;justify-content:space-between;gap:12px}.gs-m-pjt b{font-size:14.5px}.gs-m-pjt span{font-size:13px;font-weight:700;color:var(--muted);flex:none}
.gs-m-pb2{height:8px;border-radius:99px;background:var(--soft);margin-top:8px;overflow:hidden}
.gs-m-pb2 i{display:block;height:100%;border-radius:99px;background:var(--accent)}
.gs-m-pj small{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}
.gs-m-ann{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line);color:inherit}
[data-panel]>.gs-m-ann:first-child{border-top:0}
.gs-m-ann .d{flex:none;width:52px;text-align:center;background:var(--soft);border-radius:12px;padding:6px 0;font-size:11px;font-weight:800;color:var(--accent);line-height:1.3}
.gs-m-ann .d b{display:block;font-size:18px}
.gs-m-ann span{font-size:14px;font-weight:700;line-height:1.4;min-width:0}
.gs-m-ann span small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--muted)}
a.gs-m-ann:hover span{color:var(--accent)}

/* Berita */
.gs-m-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.gs-m-cats button{min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font:inherit;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.gs-m-cats button:hover{border-color:var(--accent);color:var(--ink)}
.gs-m-cats button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.gs-m-news{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:stretch}
.gs-m-news>.gs-m-big:only-child{grid-column:1/-1}
.gs-m-big{display:flex;flex-direction:column}.gs-m-big .gs-m-ph{position:relative}.gs-m-big .gs-m-ph img{position:absolute;inset:0}.gs-m-big .gs-m-ph{height:auto;min-height:240px;flex:1 1 auto}.gs-m-big .gs-m-apb{flex:none;padding:20px}.gs-m-big .gs-m-apb b{font-size:20px;line-height:1.35}
.gs-m-big small,.gs-m-li small{font-size:12px;font-weight:700;color:var(--muted)}
.gs-m-li,a.gs-m-li{display:flex;gap:14px;padding:12px;margin-bottom:0;align-items:center}
.gs-m-news>.gs-m-list{display:flex;flex-direction:column;gap:12px}
.gs-m-news>.gs-m-list>.gs-m-li{flex:1 1 0}
.gs-m-li>div:last-child{min-width:0}
.gs-m-list>.gs-m-li:last-child{margin-bottom:0}
.gs-m-li .gs-m-ph{width:104px;height:84px;flex:none;border-radius:12px}
.gs-m-li b{display:block;font-size:14.5px;line-height:1.35;margin-top:2px}
a.gs-m-card:hover b{color:var(--accent)}

/* Video & Galeri */
.gs-m-vg{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.gs-m-vg-solo{grid-template-columns:1fr}
.gs-m-vid{background:#10242A center/cover no-repeat;border:0;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;color:#fff;padding:22px;position:relative}
a.gs-m-vid:hover{border:0}
.gs-m-vid b{font-size:17px;position:relative}.gs-m-vid small{color:#CFE3E7;font-size:13px;position:relative}
.gs-m-play{position:absolute;left:50%;top:42%;width:72px;height:72px;margin:-36px 0 0 -36px;padding:0;border:0;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}
.gs-m-vid:hover .gs-m-play{transform:scale(1.06)}
.gs-m-play i{border-left:22px solid #10242A;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.gs-m-vf{position:absolute;inset:0;width:100%;height:100%;border:0}
.gs-m-vid.is-playing{padding:0}
.gs-m-mos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}
.gs-m-vg-solo .gs-m-mos{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}
.gs-m-mos>p{grid-column:1/-1}
.gs-m-gi{position:relative;display:flex;align-items:flex-end;min-height:150px;border-radius:16px;overflow:hidden;background:var(--soft);color:#fff}
.gs-m-gi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.8,.3,1)}
.gs-m-gi:hover img{transform:scale(1.06)}
.gs-m-gi::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,28,34,.82),rgba(6,28,34,0) 65%)}
.gs-m-gi span{position:relative;z-index:1;padding:12px 14px;font-size:13px;font-weight:700;line-height:1.3;text-transform:uppercase}
.gs-m-skel-gl{min-height:150px}

/* Layanan */
.gs-m-lay{display:grid;grid-template-columns:1fr 1.4fr}
.gs-m-lay .l{padding:30px;background:var(--brand);color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:center}
.gs-m-lay .l .gs-m-chip{background:rgba(255,255,255,.14);color:#fff;align-self:flex-start}
.gs-m-lay .l b{font-size:22px;line-height:1.3}
.gs-m-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:30px}
.gs-m-steps>div{display:flex;flex-direction:column;gap:8px}
.gs-m-steps i{width:40px;height:40px;border-radius:50%;background:var(--soft);color:var(--accent);font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center}
.gs-m-steps b{font-size:15px}.gs-m-steps span{font-size:13.5px;color:var(--muted)}
.gs-m-lay+.gs-m-sv{margin-top:20px}
.gs-m-sv h2{font-size:22px}

/* mode gelap */
html[data-theme=dark] .gs-m-ok{color:#6FD9A0;background:rgba(30,158,90,.18)}
html[data-theme=dark] .gs-m-ok.is-warn{color:#F6C566;background:rgba(246,181,82,.16)}
html[data-theme=dark] .gs-m-ok.is-muted{color:var(--muted);background:var(--soft)}

/* Footer */
body:has(.gs-m-last) #footer.gs-foot{margin-top:0}
#footer.gs-foot{background:#073B45;background:color-mix(in srgb,var(--brand) 62%,#000);color:#CFE3E7;padding:52px 0 0}
.gs-f2{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:32px;font-size:14px;line-height:1.6}
.gs-f2 h4{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.gs-f2 a{display:block;padding:6px 0;color:#E6F0F2}
.gs-f2 p{margin:0 0 8px}
.gs-f2-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.gs-f2-brand b{display:block;color:#fff;font-size:16px}
.gs-f2-lg{width:48px;height:48px;border-radius:12px;background:var(--gold);display:flex;align-items:center;justify-content:center;flex:none}
.gs-f2-lg img{width:36px;height:36px;object-fit:contain}
.gs-f2 .gs-f2-soc{display:flex;gap:8px;flex-wrap:wrap}
.gs-f2 .gs-f2-soc a{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);font-size:13px;font-weight:700;color:#fff}
.gs-f2 .gs-f2-soc a:hover{background:rgba(255,255,255,.2);text-decoration:none}
.gs-f2 .gs-f2-adm{display:flex;gap:16px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14)}
.gs-f2 .gs-f2-adm a{display:inline;font-size:12.5px;color:#9FC0C6}
.gs-f2-jam{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.gs-f2-jam b{color:#fff}
.gs-f2 .gs-f2-rute{margin-top:8px;color:var(--gold);font-weight:700}
.gs-f2-cp{position:relative;margin-top:36px;padding-top:18px;padding-bottom:18px;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.gs-f2-cp::before{content:"";position:absolute;top:0;left:24px;right:24px;border-top:1px solid rgba(255,255,255,.14)}
.gs-f2-cp a{color:#E6F0F2;text-decoration:underline}

/* responsif */
@media(max-width:991px){
 .gs-f2{grid-template-columns:1fr 1fr}
 .gs-m-pot,.gs-m-vg{grid-template-columns:1fr}
 .gs-m-vg-solo .gs-m-mos{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
 .gs-m-ap,.gs-m-skel-ap{flex-basis:calc((100% - 32px)/3)}
 .gs-m-news,.gs-m-two,.gs-m-lay{grid-template-columns:1fr}
}
@media(max-width:700px){
 .gs-m{padding:44px 0}.gs-m-pb{padding-bottom:44px}
 .gs-m-hd h2{font-size:22px}
 .gs-m-kades{grid-template-columns:1fr}
 .gs-m-kph{min-height:0;aspect-ratio:4/3}.gs-m-kph img{object-position:center 20%}
 .gs-m-kb{padding:22px}.gs-m-kb b{font-size:22px}
 .gs-m-steps{grid-template-columns:1fr;padding:22px}
 .gs-m-lay .l{padding:24px}
 .gs-m-big .gs-m-ph{height:220px;min-height:0;flex:none}
 .gs-m-bx{padding:18px}
 .gs-f2-cp::before{left:16px;right:16px}
}
@media(max-width:560px){
 .gs-m-ap,.gs-m-skel-ap{flex-basis:calc((100% - 16px)/2)}
 .gs-f2{grid-template-columns:1fr}
 .gs-m-cta{padding:24px}
}
@media(prefers-reduced-motion:reduce){.gs-m-tabs .gs-m-ind,.gs-m-pc,.gs-m-tabs button,.gs-m-cats button,.gs-m-gi img,.gs-m-play,.gs-m-bar i{transition:none}.gs-m-gi:hover img{transform:none}}

/* Kartu Jam Layanan: status buka/tutup, jam diringkas, aksi cepat */
.gs-jl{display:flex;flex-direction:column;--jl-ok:#1B7F4B;--jl-ok-bg:#E6F4EC;--jl-warn:#9A6200;--jl-warn-bg:#FFF4DD;--jl-off:#8A3B2E;--jl-off-bg:#FCEDEA}
html[data-theme=dark] .gs-jl{--jl-ok:#6BD39B;--jl-ok-bg:rgba(107,211,155,.14);--jl-warn:#F6B352;--jl-warn-bg:rgba(246,179,82,.16);--jl-off:#F4A596;--jl-off-bg:rgba(244,165,150,.14)}
.gs-jl-st{display:flex;align-items:center;gap:12px;margin:2px 0 6px;padding:14px 16px;border-radius:14px;background:var(--jl-ok-bg);color:var(--jl-ok)}
.gs-jl-st[hidden]{display:none}
.gs-jl-st[data-s=soon]{background:var(--jl-warn-bg);color:var(--jl-warn)}
.gs-jl-st[data-s=closed]{background:var(--jl-off-bg);color:var(--jl-off)}
.gs-jl-dot{width:12px;height:12px;border-radius:50%;background:currentColor;flex:none;box-shadow:0 0 0 4px rgba(127,127,127,.2)}
@supports (color:color-mix(in srgb,red 50%,blue)){.gs-jl-dot{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 22%,transparent)}}
.gs-jl-st b{display:block;font-size:16px;font-weight:800;line-height:1.25}
.gs-jl-st span{font-size:13px;color:var(--ink);opacity:.85}
.gs-jl-rows{margin-top:6px}
.gs-jl .gs-jrow{align-items:center;padding:11px 10px}
.gs-jl-rows .gs-jrow:first-child{border-top:0}
.gs-jl .gs-jl-row.is-today{background:var(--soft);border-radius:10px;border-top-color:transparent;font-weight:700}
.gs-jl .gs-jl-row.is-today+.gs-jrow{border-top-color:transparent}
.gs-jl-t{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}
.is-today .gs-jl-t{color:var(--ink)}
.gs-jl-row.is-off .gs-jl-t{color:var(--jl-off)}
.gs-jl-me{margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;font-style:normal;vertical-align:1px}
.gs-jl-more{display:flex;align-items:center;gap:6px;align-self:flex-start;margin:6px 0 0;padding:6px 4px;border:0;background:none;color:var(--brand);font:inherit;font-weight:700;cursor:pointer}
html[data-theme=dark] .gs-jl-more{color:var(--accent)}
.gs-jl-more i{transition:transform .2s}
.gs-jl-more[aria-expanded=true] i{transform:rotate(180deg)}
.gs-jl-libur{display:flex;gap:10px;margin:12px 0 0;padding:10px 14px;border-radius:12px;background:var(--jl-warn-bg);font-size:13.5px;line-height:1.5}
.gs-jl-libur i{color:var(--jl-warn);margin-top:3px}
.gs-jl-act{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:16px}
.gs-jl-b{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:14px}
.gs-jl-b:hover{border-color:var(--brand);text-decoration:none}
.gs-jl-act .gs-btnblock{grid-column:1/-1;margin-top:0}
.gs-jl-map{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;font-weight:700;color:var(--brand)}
html[data-theme=dark] .gs-jl-map{color:var(--accent)}
.gs-jl-b:focus-visible,.gs-jl-more:focus-visible,.gs-jl-map:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@keyframes gsJlIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.gs-jl-row.gs-jl-in{animation:gsJlIn .34s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(var(--i,0)*40ms)}
.gs-jl-act{transition:none}
@media(prefers-reduced-motion:reduce){.gs-jl-more i{transition:none}.gs-jl-row.gs-jl-in{animation:none}}
.gs-m-apb .gs-m-more{display:inline-block;margin-top:10px}

/* v0.6.6 - Header mobile menyatu dengan masthead, menu & submenu halus, daftar berita utuh */
@media(max-width:900px){
 .gs-m-news>.gs-m-list>.gs-m-li{flex:0 0 auto}
 .gs-m-li b{overflow:visible;display:block}
}
@media(max-width:1199px){
 /* Bar menu: warna & gradien sama dengan masthead */
 .gs-navrow{background:linear-gradient(135deg,var(--brand),#073B45);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 6px 16px rgba(7,59,69,.22)}
 .gs-navrow .gs-nav .navbar-toggle,.gs-navrow .gs-tools>.gs-viewbtn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);color:#fff;transition:background .2s ease,border-color .2s ease}
 .gs-navrow .gs-nav .navbar-toggle:hover,.gs-navrow .gs-nav .navbar-toggle[aria-expanded=true],.gs-navrow .gs-tools>.gs-viewbtn:hover,.gs-navrow .gs-tools>.gs-viewbtn[aria-expanded=true]{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);color:#fff}
 .gs-navrow .gs-nav .navbar-toggle .icon-bar{background:#fff}
 .gs-navrow .gs-nav .navbar-toggle .gs-tg-t{color:#fff}
 .gs-navrow .gs-tools .gs-btn{background:#fff;color:var(--brand)!important}
 .gs-navrow .gs-nav .navbar-toggle .icon-bar{transition:transform .28s cubic-bezier(.22,.8,.3,1),opacity .2s ease}
 .gs-navrow .gs-nav .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .gs-navrow .gs-nav .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2){opacity:0}
 .gs-navrow .gs-nav .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

 /* Panel menu: selalu dirender, dianimasikan buka/tutup */
 .gs-navrow .gs-nav .navbar-collapse.collapse,.gs-navrow .gs-nav .navbar-collapse.collapse.in,.gs-navrow .gs-nav .navbar-collapse.collapsing{display:block!important;position:absolute;left:0;right:0;top:100%;height:auto!important;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;overflow-y:auto;transition:opacity .28s cubic-bezier(.22,.8,.3,1),transform .28s cubic-bezier(.22,.8,.3,1),visibility 0s linear .28s}
 .gs-navrow .gs-nav .navbar-collapse.collapse.in{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}

 /* Submenu: tinggi dianimasikan (max-height diatur JS) */
 .gs-nav .navbar-nav li.dropdown>.dropdown-menu{display:block!important;overflow:hidden;max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;visibility:hidden;transition:max-height .34s cubic-bezier(.22,.8,.3,1),opacity .25s ease,padding .34s cubic-bezier(.22,.8,.3,1),margin .34s cubic-bezier(.22,.8,.3,1),visibility 0s linear .34s}
 .gs-nav .navbar-nav li.dropdown.open>.dropdown-menu{display:block!important;visibility:visible;opacity:1;padding-top:4px;padding-bottom:4px;margin-top:2px;margin-bottom:8px;transition-delay:0s}
 .gs-nav .navbar-nav .dropdown-menu .dropdown-menu,.gs-nav .navbar-nav .dropdown-menu li.dropdown.open>.dropdown-menu{padding-left:10px}
}
@media(max-width:1199px) and (prefers-reduced-motion:reduce){
 .gs-navrow .gs-nav .navbar-collapse,.gs-nav .navbar-nav li.dropdown>.dropdown-menu,.gs-navrow .gs-nav .navbar-toggle .icon-bar{transition:none!important}
}
@media(max-width:1199px){
 .gs-navrow .gs-nav .navbar-collapse.collapse,.gs-navrow .gs-nav .navbar-collapse.collapsing{background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(16,36,42,.12);padding:6px max(16px,calc((100% - 1112px)/2)) 18px;max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);border-radius:0 0 18px 18px;z-index:70}
}

/* Popover opsi tampilan: tetap terbaca di atas kartu terang/gelap */
.gs-pop .gs-seg button{background:var(--card);border-color:var(--line);color:var(--ink)}
.gs-pop .gs-seg button:hover{border-color:var(--accent)}
.gs-pop .gs-seg button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}

/* ===== v0.6.7: hero foto, sambutan kades, progres pembangunan ===== */
/* Hero berlatar foto (pergantian otomatis) */
.gs-hero-foto{position:relative}
.gs-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--brand)}
.gs-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.4s ease}
.gs-hero-bg img.on{opacity:1;animation:gsKb 12s ease-out forwards}
.gs-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,44,.92) 0%,rgba(7,62,74,.74) 42%,rgba(7,62,74,.24) 100%),linear-gradient(0deg,rgba(4,36,44,.7) 0%,rgba(4,36,44,0) 38%)}
.gs-hero-foto .gs-hero-grid{position:relative;z-index:1}
.gs-hero-foto h1{text-shadow:0 2px 24px rgba(0,0,0,.35)}
.gs-hero-ctl{position:absolute;left:0;right:0;bottom:48px;z-index:1;pointer-events:none}
.gs-hero-dots{display:flex;gap:8px;pointer-events:auto}
.gs-hero-dots button{width:10px;height:10px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.5);cursor:pointer;transition:width .3s ease,background .3s ease}
.gs-hero-dots button.on{width:34px;background:var(--gold)}
.gs-hero-dots button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@keyframes gsKb{from{transform:scale(1.02)}to{transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.gs-hero-bg img{transition:none}.gs-hero-bg img.on{animation:none;transform:none}}

/* Kartu sambutan Kepala Desa: foto latar + gradasi + kontur + tanda kutip */
.gs-m-kades{position:relative;isolation:isolate;border-radius:26px;box-shadow:0 18px 44px rgba(11,93,107,.26);grid-template-columns:300px 1fr}
.gs-m-kades::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--gs-kbg,none) center/cover no-repeat,var(--brand)}
.gs-m-kades::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 420' preserveAspectRatio='xMidYMid slice' fill='none' stroke='%23fff' stroke-opacity='.14' stroke-width='1.2'%3E%3Cpath d='M-20 390C150 330 260 420 420 360S700 280 1020 360'/%3E%3Cpath d='M-20 330C150 270 260 360 420 300S700 220 1020 300'/%3E%3Cpath d='M-20 270C150 210 260 300 420 240S700 160 1020 240'/%3E%3Cpath d='M-20 210C150 150 260 240 420 180S700 100 1020 180'/%3E%3Cpath d='M-20 150C150 90 260 180 420 120S700 40 1020 120'/%3E%3C/svg%3E") center/cover no-repeat,
 linear-gradient(100deg,var(--brand) 20%,rgba(11,93,107,.64) 100%)}
@supports (background:color-mix(in srgb,red,blue)){
 .gs-m-kades::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 420' preserveAspectRatio='xMidYMid slice' fill='none' stroke='%23fff' stroke-opacity='.14' stroke-width='1.2'%3E%3Cpath d='M-20 390C150 330 260 420 420 360S700 280 1020 360'/%3E%3Cpath d='M-20 330C150 270 260 360 420 300S700 220 1020 300'/%3E%3Cpath d='M-20 270C150 210 260 300 420 240S700 160 1020 240'/%3E%3Cpath d='M-20 210C150 150 260 240 420 180S700 100 1020 180'/%3E%3Cpath d='M-20 150C150 90 260 180 420 120S700 40 1020 120'/%3E%3C/svg%3E") center/cover no-repeat,
  linear-gradient(100deg,var(--brand) 20%,color-mix(in srgb,var(--brand) 62%,transparent) 100%)}
}
.gs-m-kfw{position:relative;z-index:1;margin:32px 0 32px 32px}
.gs-m-kfw::before{content:"";position:absolute;inset:0;transform:translate(12px,12px);border:2px solid var(--gold);border-radius:20px}
.gs-m-kfw .gs-m-kph{position:relative;height:100%;border-radius:20px;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.gs-m-kades .gs-m-kb{position:relative;z-index:1;padding:40px 44px 40px 46px}
.gs-m-kades .gs-m-kb::before{content:"\201C";position:absolute;right:30px;top:-8px;font:800 220px/1 Georgia,serif;color:var(--gold);opacity:.16;pointer-events:none}
.gs-m-kades .gs-m-kb b{font-size:30px}
.gs-m-kades .gs-m-kb b::after{content:"";display:block;width:56px;height:4px;border-radius:9px;background:var(--gold);margin-top:14px}
.gs-m-kades .gs-m-kb p{font-size:16.5px;line-height:1.75;font-style:italic}
@media(max-width:700px){
 /* v0.6.10: aturan 300px 1fr di atas menimpa versi mobile -> paksa 1 kolom */
 .gs-m-kades{grid-template-columns:minmax(0,1fr);border-radius:22px}
 .gs-m-kfw{margin:22px 22px 0;max-width:260px;justify-self:center;width:calc(100% - 12px)}
 .gs-m-kfw .gs-m-kph{height:auto;aspect-ratio:4/5;min-height:0}
 .gs-m-kfw .gs-m-kph img{object-position:center top}
 .gs-m-kades .gs-m-kb{padding:34px 22px 28px;text-align:center;align-items:center}
 .gs-m-kades .gs-m-kb b{font-size:24px}
 .gs-m-kades .gs-m-kb b::after{margin:12px auto 0}
 .gs-m-kades .gs-m-kb p{font-size:15.5px;line-height:1.7;max-width:none;text-align:left}
 .gs-m-kades .gs-m-kb .gs-m-btn{align-self:stretch;justify-content:center;text-align:center}
 .gs-m-kades .gs-m-kb::before{font-size:110px;right:14px;top:-4px}
}

/* Progres Pembangunan */
.gs-pr-hd{margin-top:64px}
.gs-pr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.gs-pr-st{display:flex;gap:14px;align-items:center;padding:16px 18px}
.gs-pr-st>i{flex:none;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--accent);font-size:20px}
.gs-pr-st b{display:block;font-size:22px;line-height:1.1;font-weight:800;color:var(--ink)}
.gs-pr-st small{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.gs-pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.gs-pr-card{position:relative;display:flex;flex-direction:column;overflow:visible;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.gs-pr-card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,93,107,.16)}
.gs-pr-th{position:relative;height:160px;overflow:hidden;border-radius:18px 18px 0 0;background:var(--soft)}
.gs-pr-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.gs-pr-card:hover .gs-pr-th img{transform:scale(1.06)}
.gs-pr-th::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,36,44,.5),rgba(4,36,44,0) 55%);pointer-events:none}
.gs-pr-badge{position:absolute;z-index:2;left:14px;top:14px;display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:800;padding:5px 12px;border-radius:99px;background:#fff;color:#0B5D6B}
.gs-pr-badge i{width:8px;height:8px;border-radius:50%;background:currentColor}
.gs-pr-badge.awal{color:#7A4A00}.gs-pr-badge.awal i{background:#E8962A}
.gs-pr-badge.selesai{color:#14683A;background:#DDF3E6}
.gs-pr-ring{position:absolute;z-index:2;right:16px;top:132px;width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--c,var(--brand)) calc(var(--p)*1%),var(--soft) 0);display:flex;align-items:center;justify-content:center;border:4px solid var(--card);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.gs-pr-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--card)}
.gs-pr-ring b{position:relative;font-size:16px;font-weight:800;color:var(--ink)}
.gs-pr-ring b sup{font-size:9px;margin-left:1px;vertical-align:top;position:relative;top:2px}
.gs-pr-bd{padding:22px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.gs-pr-bd h3{margin:0;padding-right:62px;font-size:16.5px;line-height:1.35;font-weight:800;color:var(--ink)}
.gs-pr-loc{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:600;color:var(--muted)}
.gs-pr-ms{margin-top:6px}
.gs-pr-tr{position:relative;height:10px;border-radius:99px;background:var(--soft)}
.gs-pr-fl{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:linear-gradient(90deg,var(--brand),#2AA7B8);transition:width 1.3s cubic-bezier(.2,.8,.2,1)}
.gs-pr-fl.awal{background:linear-gradient(90deg,#E8962A,var(--gold))}
.gs-pr-fl.selesai{background:linear-gradient(90deg,#14683A,#3FBF7A)}
.gs-pr-fl::after{content:"";position:absolute;right:-3px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#fff;border:4px solid var(--brand);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.gs-pr-fl.awal::after{border-color:#E8962A}.gs-pr-fl.selesai::after{border-color:#14683A}
.gs-pr-tk{position:absolute;top:0;bottom:0;width:2px;background:var(--card)}
.gs-pr-lb{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;font-weight:700;color:var(--muted)}
.gs-pr-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line)}
.gs-pr-meta span{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:var(--ink);background:var(--soft);padding:5px 11px;border-radius:99px}
.gs-pr-meta .fa{color:var(--accent)}
.gs-pr-sk{min-height:330px}
.gs-pr-two{margin-top:22px}
.gs-pr-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.gs-pr-cta>div{flex:1;min-width:220px}
.gs-pr-cta h3{margin-bottom:6px}
.gs-pr-cta p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
@media(max-width:980px){.gs-pr-stats{grid-template-columns:1fr 1fr}.gs-pr-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.gs-pr-stats,.gs-pr-grid{grid-template-columns:1fr}.gs-pr-hd{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.gs-pr-fl,.gs-pr-th img,.gs-pr-card{transition:none}}

/* ===== v0.6.7: halaman daftar Pembangunan ===== */
.gs-pbl-hero{position:relative;overflow:hidden;border-radius:26px;color:#fff;background:linear-gradient(110deg,rgba(4,36,44,.55),rgba(11,93,107,0) 70%),var(--brand);box-shadow:0 18px 44px rgba(11,93,107,.22)}
.gs-pbl-topo{position:absolute;inset:0;width:100%;height:100%;opacity:.6;pointer-events:none}
.gs-pbl-hin{position:relative;padding:38px 40px 92px}
.gs-pbl-crumb{font-size:13px;font-weight:600;color:#CBE9ED;margin-bottom:12px}
.gs-pbl-crumb a{color:inherit}.gs-pbl-crumb a:hover{text-decoration:underline}
.gs-pbl-eyb{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.gs-pbl-hin h1{margin:0 0 8px;font-size:clamp(26px,3.2vw,38px);line-height:1.15;font-weight:800;color:#fff}
.gs-pbl-hin p{margin:0;max-width:620px;font-size:16px;line-height:1.6;color:#DDF0F3}
.gs-pbl-stats{position:relative;z-index:2;margin:-52px 22px 0}
.gs-pbl-stats .gs-pr-st{box-shadow:0 10px 24px rgba(16,36,42,.1)}
.gs-pbl-tools{margin-top:22px;padding:14px;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;overflow:visible}
.gs-pbl-srch{flex:1 1 260px;display:flex;align-items:center;gap:10px;margin:0;background:var(--bg);border:1.5px solid var(--line);border-radius:999px;padding:0 18px;color:var(--muted)}
.gs-pbl-srch:focus-within{border-color:var(--accent)}
.gs-pbl-srch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);padding:12px 0;box-shadow:none}
.gs-pbl-chips{display:flex;gap:6px;flex-wrap:wrap}
.gs-pbl-chips button{border:1.5px solid var(--line);background:var(--card);color:var(--muted);font:inherit;font-weight:700;font-size:13px;padding:8px 14px;border-radius:99px;cursor:pointer}
.gs-pbl-chips button:hover{border-color:var(--accent);color:var(--accent)}
.gs-pbl-chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.gs-pbl-cnt{margin:18px 2px 14px;font-size:14px;font-weight:600;color:var(--muted)}.gs-pbl-cnt b{color:var(--ink)}
.gs-pbl .gs-pr-th{height:200px}
.gs-pbl .gs-pr-ring{top:168px}
.gs-pbl-yr{position:absolute;z-index:2;right:14px;top:14px;font-size:12px;font-weight:800;padding:5px 11px;border-radius:99px;background:rgba(0,0,0,.42);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gs-pbl-ket{margin:0;font-size:13.5px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gs-pbl-more{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-weight:800;font-size:14px;color:var(--accent)}
.gs-pbl-more .fa{transition:transform .2s ease}.gs-pr-card:hover .gs-pbl-more .fa{transform:translateX(4px)}
.gs-pbl-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:var(--muted)}
.gs-pbl-empty b{display:block;font-size:18px;color:var(--ink);margin-bottom:6px}
.gs-pbl-pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:32px 0 48px}
.gs-pbl-pager button{min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.gs-pbl-pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.gs-pbl-pager button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.gs-pbl-pager button:disabled{opacity:.4;cursor:default}
@media(max-width:980px){.gs-pbl-stats{margin-left:14px;margin-right:14px}}
@media(max-width:620px){.gs-pbl-hin{padding:28px 22px 80px}.gs-pbl-stats{margin:-48px 0 0}}

/* Dropdown kustom (dipakai filter Pembangunan) */
.gs-dd{position:relative}
.gs-dd-btn{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 14px 0 16px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.gs-dd-btn>.fa{color:var(--accent);font-size:15px}
.gs-dd-btn:hover{border-color:var(--accent)}
.gs-dd-btn:focus-visible,.gs-dd.open .gs-dd-btn{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(11,93,107,.14)}
.gs-dd-chev{width:16px;height:16px;flex:none;color:var(--muted);transition:transform .25s ease}
.gs-dd.open .gs-dd-chev{transform:rotate(180deg)}
.gs-dd-list{position:absolute;z-index:40;top:calc(100% + 8px);left:0;min-width:100%;width:max-content;max-width:min(300px,86vw);max-height:320px;overflow:auto;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 44px rgba(16,36,42,.18);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top left;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.gs-dd.open .gs-dd-list{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.gs-dd:last-child .gs-dd-list{left:auto;right:0;transform-origin:top right}
.gs-dd-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px;border-radius:12px;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;outline:0;white-space:nowrap}
.gs-dd-list li svg{width:16px;height:16px;flex:none;opacity:0;color:var(--accent)}
.gs-dd-list li:hover,.gs-dd-list li:focus{background:var(--soft)}
.gs-dd-list li.on{color:var(--accent);background:var(--soft)}
.gs-dd-list li.on svg{opacity:1}
@media(max-width:620px){.gs-pbl-tools .gs-dd{flex:1 1 calc(50% - 8px)}.gs-pbl-tools .gs-dd-btn{width:100%}.gs-pbl-tools .gs-dd-val{flex:1;text-align:left}.gs-dd-list{max-width:calc(100vw - 48px)}}
@media(prefers-reduced-motion:reduce){.gs-dd-list,.gs-dd-chev,.gs-dd-btn{transition:none}}
/* Foto proyek belum ada */
.gs-pr-th.nofoto img{object-fit:cover;filter:saturate(.85)}
.gs-pbl-nf{position:absolute;z-index:2;left:14px;bottom:12px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;background:rgba(0,0,0,.42);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* ===== Halaman Pemerintah Desa (v0.6.8) ===== */
.gs-gv-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.gs-gv-pills span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:13.5px;font-weight:600;color:#E6F6F8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gs-gv-pills b{font-weight:800;color:#fff}
.gs-gv-pills .ok i{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.25)}
.gs-gv-feat{position:relative;z-index:2;margin:-60px 22px 0}
.gs-gv-feat.empty{display:none}
.gs-gv-kd{position:relative;display:grid;grid-template-columns:minmax(240px,330px) 1fr;background:var(--card);border:1px solid var(--line);border-radius:30px;box-shadow:0 22px 50px rgba(16,36,42,.14);overflow:hidden}
.gs-gv-kd::before{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0,transparent 68%);opacity:.22;pointer-events:none}
.gs-gv-kd::after{content:"";position:absolute;right:46px;bottom:-120px;width:260px;height:260px;border-radius:50%;border:2px solid var(--soft);box-shadow:0 0 0 22px var(--bg);pointer-events:none;opacity:.8}
.gs-gv-kd-sk{height:360px;border:0}
.gs-gv-kph{position:relative;background:var(--soft);min-height:100%}
.gs-gv-arch{position:absolute;inset:0;overflow:hidden;background:var(--soft)}
.gs-gv-arch img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.gs-gv-kph .gs-pst{left:50%;top:auto;bottom:14px;transform:translateX(-50%);z-index:2}
.gs-gv-kbd{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:36px 44px 36px 40px;min-width:0}
.gs-gv-kk{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.gs-gv-kbd h2{margin:0;font-size:clamp(26px,3.2vw,40px);line-height:1.12;font-weight:800;color:var(--ink);text-transform:none}
.gs-gv-jb{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;line-height:1.35;color:var(--accent)}
.gs-gv-jb::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none}
.gs-gv-jb-lg{font-size:14px;padding:7px 16px 7px 13px;border-radius:99px;background:var(--soft);color:var(--ink)}
.gs-gv-kbd .gs-pso-row{justify-content:flex-start;margin-top:2px;padding:0}
#gvSambutan{width:100%;max-width:640px}
#gvSambutan:empty{display:none}
.gs-gv-q{position:relative;margin:8px 0 18px;padding:2px 0 2px 26px;border:0;border-left:4px solid var(--gold);border-radius:2px;animation:gsFade .5s ease both}
.gs-gv-q>i{position:absolute;left:-17px;top:-4px;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#10242A;display:flex;align-items:center;justify-content:center;font-size:13px}
.gs-gv-qk{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px 18px}
.gs-gv-q p{margin:0;font-size:16px;line-height:1.75;color:var(--ink);font-weight:500;font-style:normal;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.gs-gv-kbd .gs-psm-btn{background:var(--brand);color:#fff!important}
.gs-gv-tools{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between}
.gs-gv-tools .gs-pbl-srch{background:var(--card);height:52px;flex:1 1 280px;max-width:460px}
.gs-gv-tools .gs-m-tabs{margin-bottom:0}
.gs-gv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:56px}
.gs-gv-card{position:relative;border-radius:26px;overflow:hidden;background:var(--soft);isolation:isolate;transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s ease}
.gs-gv-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(16,36,42,.18)}
.gs-gv-ph{position:relative;aspect-ratio:3/4;background:linear-gradient(180deg,var(--soft),var(--line))}
.gs-gv-ph img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .7s ease}
.gs-gv-card:hover .gs-gv-ph img{transform:scale(1.06)}
.gs-gv-ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(0deg,rgba(4,36,44,.55),rgba(4,36,44,0));pointer-events:none}
.gs-gv-card .gs-pst{left:12px;top:12px;z-index:2}
.gs-gv-lb{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;padding:12px 14px 13px;border-radius:20px;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 20px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:5px;align-items:flex-start}
html[data-theme=dark] .gs-gv-lb{background:rgba(22,39,44,.92)}
.gs-gv-lb h3{margin:0;font-size:15px;line-height:1.3;font-weight:800;color:var(--ink);text-transform:none}
.gs-gv-lb .gs-gv-jb{font-size:12px}
.gs-gv-lb .gs-pso-row{margin:4px 0 0;padding:0;gap:6px;justify-content:flex-start}
.gs-gv-lb .gs-pso{width:34px;height:34px;border-radius:50%;font-size:15px}
.gs-gv-card.gs-skel{aspect-ratio:3/4;background:linear-gradient(90deg,var(--soft) 25%,var(--card) 50%,var(--soft) 75%);background-size:200% 100%;animation:gsSh 1.3s infinite linear}
.gs-gv-retry{margin-top:12px;border:0;border-radius:99px;background:var(--brand);color:#fff;font:inherit;font-weight:800;padding:10px 22px;cursor:pointer}
.gs-gv .gs-pbl-empty{grid-column:1/-1}
@media(max-width:1100px){.gs-gv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.gs-gv-feat{margin-left:14px;margin-right:14px}.gs-gv-kd{grid-template-columns:minmax(200px,280px) 1fr}.gs-gv-kbd{padding:28px 28px 28px 24px}}
@media(max-width:767px){
 .gs-gv-feat{margin:-52px 0 0}
 .gs-gv-kd{grid-template-columns:1fr;border-radius:26px}
 .gs-gv-kph{min-height:0;aspect-ratio:4/3.4}
 .gs-gv-kd::after{display:none}
 .gs-gv-kbd{align-items:center;text-align:center;padding:24px 20px 28px}
 .gs-gv-kbd .gs-pso-row{justify-content:center}
 .gs-gv-q{text-align:left;padding-left:22px}.gs-gv-q p{font-size:15px}
 #gvSambutan{display:flex;flex-direction:column;align-items:stretch}
 .gs-gv-kbd .gs-psm-btn{width:100%;justify-content:center}
 .gs-gv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .gs-gv-card{border-radius:22px}
 .gs-gv-lb{left:7px;right:7px;bottom:7px;padding:10px 11px 11px;border-radius:17px}
 .gs-gv-lb h3{font-size:13.5px}.gs-gv-lb .gs-gv-jb{font-size:11.5px}
}
@media(max-width:340px){.gs-gv-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gs-gv-card,.gs-gv-ph img{transition:none}.gs-gv-card:hover{transform:none}.gs-gv-card.gs-skel{animation:none}.gs-gv-q{animation:none}}

/* ===== Halaman Status SDGs Desa (v0.6.9) ===== */
.gs-sd [hidden]{display:none!important}
.gs-sd-hero{margin-top:0}
.gs-sd-hin{position:relative;display:flex;flex-wrap:wrap;gap:32px 48px;align-items:center;justify-content:space-between;padding:40px 44px 104px}
.gs-sd-txt{flex:1 1 440px;min-width:0}
.gs-sd-hin h1{margin:0 0 12px;font-size:clamp(28px,3.4vw,40px);line-height:1.15;font-weight:800;color:#fff}
.gs-sd-hin p{margin:0;max-width:560px;font-size:16px;line-height:1.7;color:#DDF0F3}
.gs-sd-score{flex:0 0 auto;display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:22px 28px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gs-sd-ring{position:relative;flex:none;width:132px;height:132px}
.gs-sd-ring svg{display:block;width:100%;height:100%}
#sdRing{transition:stroke-dasharray 1.1s cubic-bezier(.2,.8,.2,1)}
.gs-sd-ringv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.gs-sd-ringv b{font-size:32px;line-height:1;font-weight:800}
.gs-sd-ringv span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#CBE9ED;margin-top:4px}
.gs-sd-scoret{max-width:170px}
.gs-sd-scoret b{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold,#F6B352);margin-bottom:6px}
.gs-sd-scoret span{display:block;font-size:14px;line-height:1.55;color:#DDF0F3}

.gs-sd-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:-52px 22px 0}
.gs-sd-st{display:flex;gap:14px;align-items:center;padding:16px 18px;overflow:visible;box-shadow:0 10px 24px rgba(16,36,42,.1)}
.gs-sd-sti{flex:none;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--accent)}
.gs-sd-sti svg{width:22px;height:22px}
.gs-sd-st.is-ok .gs-sd-sti{background:#DDF3E6;color:#14683A}
.gs-sd-st.is-low .gs-sd-sti{background:#FFF1DC;color:#7A4A00}
.gs-sd-st>div{min-width:0}
.gs-sd-st b{display:block;font-size:22px;line-height:1.1;font-weight:800;color:var(--ink)}
.gs-sd-st b.sd-nm{font-size:15px;line-height:1.3}
.gs-sd-st small{display:block;margin-top:3px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}

.gs-sd-bar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-top:36px}
.gs-sd-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--soft);border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.gs-sd-tabs::-webkit-scrollbar{display:none}
.gs-sd-tabs button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.gs-sd-tabs button span{font-size:12px;font-weight:800;padding:2px 8px;border-radius:99px;background:rgba(16,36,42,.08)}
.gs-sd-tabs button:hover:not(.on){color:var(--ink)}
.gs-sd-tabs button.on{background:var(--card);color:var(--accent);box-shadow:0 2px 8px rgba(16,36,42,.12)}
.gs-sd-tabs button.on span{background:var(--soft)}
.gs-sd-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gs-sd-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;font-weight:600;color:var(--muted)}
.gs-sd-legend span{display:inline-flex;align-items:center;gap:7px}
.gs-sd-legend i{width:10px;height:10px;border-radius:50%;background:var(--accent)}
.gs-sd-legend i.low{background:#E8962A}

.gs-sd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.gs-sd-card{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:22px;overflow:visible;animation:gsSdIn .45s ease both;animation-delay:calc(var(--i,0)*35ms);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.gs-sd-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,93,107,.14)}
@keyframes gsSdIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.gs-sd-ch{display:flex;gap:14px;align-items:center}
.gs-sd-no{flex:none;width:58px;height:58px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}
.gs-sd-nmw{flex:1 1 auto;min-width:0}
.gs-sd-nmw small{display:block;margin-bottom:3px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.gs-sd-nmw h3{margin:0;font-size:15.5px;line-height:1.35;font-weight:800;color:var(--ink)}
.gs-sd-val{flex:none;text-align:right;font-size:30px;line-height:1;font-weight:800;color:var(--ink)}
.gs-sd-track{height:10px;border-radius:99px;background:var(--soft);overflow:hidden}
.gs-sd-track i{display:block;height:100%;border-radius:99px;background:var(--accent);transform-origin:left;animation:gsSdBar .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*35ms + .15s)}
.gs-sd-card.low .gs-sd-track i{background:#E8962A}
@keyframes gsSdBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.gs-sd-cf{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.gs-sd-chip{font-size:12px;font-weight:800;padding:5px 12px;border-radius:99px}
.gs-sd-chip.up{background:#DDF3E6;color:#14683A}
.gs-sd-chip.low{background:#FFF1DC;color:#7A4A00}
.gs-sd-diff{font-size:12.5px;font-weight:700;color:var(--muted)}

.gs-sd-about{margin-top:36px;padding:28px 32px;border-radius:24px;overflow:visible}
.gs-sd-about .gs-pbl-eyb{color:var(--accent);margin-bottom:8px}
.gs-sd-about h2{margin:0 0 8px;font-size:22px;line-height:1.3;font-weight:800;color:var(--ink)}
.gs-sd-about p{margin:0;max-width:760px;font-size:15px;line-height:1.7;color:var(--muted)}

.gs-sd-err{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:20px 22px;border-color:#F0C48A;background:#FFF8EC}
.gs-sd-err i{font-size:22px;color:#E8962A;margin-top:2px}
.gs-sd-err p{margin:0;font-size:15px;line-height:1.6;color:#7A4A00}
.gs-sd-skel .gs-sd-stats{margin-top:-52px}
.gs-sd-sk1{height:78px;border-radius:18px}
.gs-sd-sk2{height:150px;border-radius:22px}

/* gelap */
html[data-theme=dark] .gs-sd-st.is-ok .gs-sd-sti{background:rgba(30,158,90,.18);color:#6FD9A0}
html[data-theme=dark] .gs-sd-st.is-low .gs-sd-sti{background:rgba(246,181,82,.16);color:#F6C566}
html[data-theme=dark] .gs-sd-chip.up{background:rgba(30,158,90,.18);color:#6FD9A0}
html[data-theme=dark] .gs-sd-chip.low{background:rgba(246,181,82,.16);color:#F6C566}
html[data-theme=dark] .gs-sd-tabs button span{background:rgba(255,255,255,.1)}
html[data-theme=dark] .gs-sd-err{background:#2A2312;border-color:#5C4A1E}
html[data-theme=dark] .gs-sd-err p{color:#FFD97A}

@media(max-width:980px){
 .gs-sd-hin{padding:34px 30px 96px}
 .gs-sd-stats{margin-left:14px;margin-right:14px}
 .gs-sd-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .gs-sd-hero{border-radius:24px}
 .gs-sd-hin{padding:26px 22px 84px;gap:20px}
 .gs-sd-hin h1{font-size:28px}
 .gs-sd-hin p{font-size:15px;line-height:1.65}
 .gs-sd-score{width:100%;box-sizing:border-box;gap:18px;padding:16px 18px;border-radius:22px}
 .gs-sd-ring{width:96px;height:96px}
 .gs-sd-ringv b{font-size:24px}.gs-sd-ringv span{display:none}
 .gs-sd-scoret{max-width:none}.gs-sd-scoret span{font-size:13.5px;line-height:1.5}
 .gs-sd-stats{grid-template-columns:1fr 1fr;gap:10px;margin:-52px 12px 0}
 .gs-sd-st{display:block;padding:14px}
 .gs-sd-st.sd-hide-m,.gs-sd-sti{display:none}
 .gs-sd-st small{margin:0 0 6px;order:-1}
 .gs-sd-st>div{display:flex;flex-direction:column}
 .gs-sd-st b.sd-nm{font-size:14px}
 .gs-sd-bar{margin-top:24px}
 .gs-sd-tabs{display:flex;width:100%}
 .gs-sd-legend{display:none}
 .gs-sd-grid{grid-template-columns:1fr;gap:10px;margin-top:16px}
 .gs-sd-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;column-gap:14px;row-gap:0;align-items:center;padding:14px;border-radius:20px}
 .gs-sd-ch{display:contents}
 .gs-sd-no{grid-column:1;grid-row:1/span 3;width:50px;height:50px;border-radius:15px;font-size:21px}
 .gs-sd-nmw{grid-column:2;grid-row:1}
 .gs-sd-nmw small{display:none}
 .gs-sd-nmw h3{font-size:14px;margin-bottom:8px}
 .gs-sd-val{grid-column:3;grid-row:1/span 3;font-size:26px}
 .gs-sd-track{grid-column:2;grid-row:2;height:8px}
 .gs-sd-cf{grid-column:2;grid-row:3;margin-top:8px}
 .gs-sd-chip{font-size:11.5px;padding:3px 10px}
 .gs-sd-diff{display:none}
 .gs-sd-about{margin-top:24px;padding:20px 20px 22px;border-radius:22px}
 .gs-sd-about h2{font-size:19px}.gs-sd-about p{font-size:14.5px}
}
@media(prefers-reduced-motion:reduce){
 .gs-sd-card,.gs-sd-track i{animation:none}
 .gs-sd-card:hover{transform:none}
 #sdRing{transition:none}
 .gs-sd-tabs button{transition:none}
}


/* ===== v0.6.10: waktu/meta artikel di mobile ===== */
.gs-ameta .gs-tm{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.gs-ameta .gs-tm i{margin-right:0}
@media(max-width:700px){
 .gs-ameta{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;font-size:13px;padding-bottom:18px}
 .gs-ameta .gs-who{grid-column:1/-1}
 .gs-ameta>span:not(.gs-who){display:flex;align-items:center;gap:7px;min-width:0;background:var(--soft);border-radius:12px;padding:9px 12px;line-height:1.3;white-space:normal}
 .gs-ameta>span:not(.gs-who) i{margin-right:0;flex:none;color:var(--accent);width:14px;text-align:center}
 .gs-ameta .gs-tm-d{grid-column:1/-1}
}

/* ===== v0.6.11: kartu jam/waktu (sidebar) di mobile ===== */
.gs-clock{min-width:0;max-width:100%;box-sizing:border-box}
.gs-ck-time{flex-wrap:wrap;min-width:0}
.gs-ck-date{overflow-wrap:anywhere}
.gs-ck-st{max-width:100%;box-sizing:border-box}
.gs-ck-st span{min-width:0;overflow-wrap:anywhere}
@media(max-width:991px){
 .gs-clock{grid-column:1/-1;margin-left:0;margin-right:0}
 .gs-side>*{min-width:0}
}
@media(max-width:767px){
 .gs-clock{padding:16px 18px 18px;border-radius:18px}
 .gs-clock .gs-ck-time{margin:4px 0 2px;flex-wrap:nowrap}
 .gs-clock .gs-ck-time b{font-size:42px}
 .gs-clock .gs-ck-time small{font-size:18px}
 .gs-clock .gs-ck-date{font-size:14px;line-height:1.4}
 .gs-clock .gs-ck-st{display:flex;margin-top:12px;font-size:12.5px;padding:9px 14px;border-radius:14px}
}