/* Satu Data Sumenep - gaya bersama untuk index, dataset, publikasi */
:root{
  --bg:#f5f8fd;--ink:#0d1b3e;--muted:#566782;--line:#e0e8f2;--card:#fff;--g1:#e6f2ff;--g2:#eef9f3;
  --c1:#0390d6;--c2:#1a5fd0;--n1:#0b8f8a;--n2:#d7263d;--btn:#0c4f63;--green:#0c8564;--blue:#0e79b8;--amber:#f2b705;--on-amber:#2b2200;
  --red:#c8102e;--link:#0b6aa8;--focus:#b45309;--shadow:0 2px 4px rgba(13,27,62,.05),0 12px 30px rgba(13,27,62,.08);
  --k1:#3b5bdb;--k2:#d7263d;--k3:#e8590c;--k4:#0c8564;--k5:#5a6b7d;
  color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0b1220;--ink:#eaf1fb;--muted:#a5b4c8;--line:#22324a;--card:#121c2e;--g1:#10243b;--g2:#0e2a2a;--c1:#5cc8f5;--c2:#8fb0ff;--n1:#4fd1c5;--n2:#ff6b78;--btn:#1b7c92;--link:#7cc7f2;--focus:#f5b04a;--k1:#8fa8ff;--k2:#ff7a85;--k3:#ffa45c;--k4:#4fd1a5;--k5:#a5b4c8;
  --shadow:0 2px 4px rgba(0,0,0,.4),0 12px 30px rgba(0,0,0,.35);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0b1220;--ink:#eaf1fb;--muted:#a5b4c8;--line:#22324a;--card:#121c2e;--g1:#10243b;--g2:#0e2a2a;--c1:#5cc8f5;--c2:#8fb0ff;--n1:#4fd1c5;--n2:#ff6b78;--btn:#1b7c92;--link:#7cc7f2;--focus:#f5b04a;--k1:#8fa8ff;--k2:#ff7a85;--k3:#ffa45c;--k4:#4fd1a5;--k5:#a5b4c8;--shadow:0 2px 4px rgba(0,0,0,.4),0 12px 30px rgba(0,0,0,.35);color-scheme:dark}
html{scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{font-family:inherit}
body{font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;color:var(--ink);background:linear-gradient(180deg,var(--g1),var(--g2) 480px,var(--bg) 760px) no-repeat,var(--bg);font:400 1rem/1.65 "Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--link);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.wrap{max-width:1280px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;z-index:9}
.skip:focus{left:12px}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gr{color:var(--c2)}
@supports (background-clip:text) or (-webkit-background-clip:text){.gr{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:10px;font:600 .92rem/1 "Poppins",system-ui,sans-serif;text-decoration:none;border:0;color:#fff;cursor:pointer}
.btn:hover{filter:brightness(.92)}
.b-dark{background:var(--btn)}.b-green{background:var(--green)}.b-blue{background:var(--blue)}.b-amber{background:var(--amber);color:var(--on-amber)}

header .wrap{display:flex;align-items:center;gap:12px 24px;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:1.1rem}
.mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1a5fd0,#0b8f8a);color:#fff;display:grid;place-items:center;font-weight:800}
header nav{flex:1;min-width:0}header nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:4px}
header nav a{display:block;padding:9px 14px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:500;font-size:.9rem;white-space:nowrap}
header nav a:hover{background:var(--card)}header nav a[aria-current]{color:var(--link);font-weight:600}
.act{display:flex;align-items:center;gap:10px}
.tg{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--c2);background:var(--card);color:var(--c2);display:grid;place-items:center;cursor:pointer}
.act .btn{min-height:40px;padding:0 18px;background:transparent;color:var(--link);border:1.5px solid var(--c2)}
@media (max-width:820px){header .wrap{flex-wrap:wrap}header nav{order:3;flex-basis:100%;overflow-x:auto}header nav ul{justify-content:flex-start}.act{margin-left:auto}}

.hg{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}
.hero h1{margin:0 0 14px;font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;letter-spacing:-.02em;font-weight:800;max-width:18ch}
.hero p.lead{margin:0 0 22px;color:var(--muted);max-width:46ch}
.sf{display:flex;gap:6px;max-width:520px;padding:6px;background:var(--card);border:1.5px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}
.sf:focus-within{border-color:var(--c2)}
.sf input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:.92rem;color:var(--ink);padding:0 16px;outline:0}
.sf button{border:0;border-radius:999px;background:var(--blue);color:#fff;font:600 .92rem/1 "Poppins",system-ui,sans-serif;padding:0 24px;min-height:44px;cursor:pointer}
.pop{font-size:.9rem;color:var(--muted);margin:16px 0 0}
.art{width:100%;max-width:420px;height:auto;display:block;margin:0 auto}
@media (max-width:860px){.hg{grid-template-columns:1fr}.art{display:none}}

.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stats li{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 14px;text-align:center;box-shadow:var(--shadow)}
.stats b{display:block;font-size:2.1rem;line-height:1.1;font-weight:800;color:var(--n1)}
@supports (background-clip:text) or (-webkit-background-clip:text){.stats b{background:linear-gradient(90deg,var(--n1),var(--n2));-webkit-background-clip:text;background-clip:text;color:transparent}}
.stats span{font-weight:600;font-size:.88rem}
@media (max-width:700px){.stats{grid-template-columns:1fr 1fr}}
.note{margin:12px 0 0;font-size:.78rem;color:var(--muted)}

.sx{padding:52px 0 0}
.sh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 24px;margin-bottom:26px}
h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2;letter-spacing:-.015em;font-weight:700}
.sh p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.sh>a{font-size:.88rem;font-weight:600}
.cat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px 12px}
.cat li:nth-child(5n+1){--c:var(--k1)}.cat li:nth-child(5n+2){--c:var(--k2)}.cat li:nth-child(5n+3){--c:var(--k3)}.cat li:nth-child(5n+4){--c:var(--k4)}.cat li:nth-child(5n+5){--c:var(--k5)}
.cat a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.86rem;text-align:center;line-height:1.3}
.cat .ic{width:72px;height:72px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--c)}
.cat .ic .i{width:28px;height:28px}
.cat a:hover .ic{border-color:var(--c)}
@media (max-width:760px){.cat{grid-template-columns:repeat(3,1fr)}}
@media (max-width:420px){.cat{grid-template-columns:repeat(2,1fr)}}

.tabs{display:inline-flex;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.tabs button{border:0;background:transparent;color:var(--muted);font:600 .86rem/1 "Poppins",system-ui,sans-serif;padding:10px 16px;border-radius:9px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--btn);color:#fff}
.g6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.g6 a{display:block;height:100%;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}
.g6 a:hover{border-color:var(--c2)}
.g6 strong{display:block;font-size:.92rem;line-height:1.4}
.g6 small{display:block;color:var(--muted);font-size:.78rem;margin:4px 0 10px}
.g6 em{font-style:normal;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:6px;background:var(--g1);color:var(--link)}
@media (max-width:860px){.g6{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.g6{grid-template-columns:1fr}}

.igc{list-style:none;margin:0 -22px -24px;padding:8px 22px 44px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:22px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain}
.igc li{flex:1 0 min(236px,78vw);scroll-snap-align:start}
.igc li:last-child{scroll-snap-align:end}
.igc a{display:block;height:100%;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.igc .cv{height:120px;padding:14px;display:flex;align-items:flex-end;color:#fff;font-weight:700}
.igc .t{padding:12px 16px;font-size:.9rem}.igc small{color:var(--muted)}

.svc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc li{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.svc .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff}
.svc h3{margin:6px 0 0;font-size:1.1rem}
.svc p{margin:0 0 8px;color:var(--muted);font-size:.92rem;flex:1}
@media (max-width:820px){.svc{grid-template-columns:1fr}}
.ask{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 24px;border-radius:16px;background:var(--g1);border:1px solid var(--line)}
.ask strong{display:block}.ask span{color:var(--muted);font-size:.92rem}

footer{margin-top:64px;padding:40px 0 26px;border-top:1px solid var(--line);background:var(--card)}
footer .g{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:28px;font-size:.88rem;color:var(--muted)}
footer h3{margin:0 0 10px;font-size:.92rem;color:var(--ink)}
footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:8px}
footer li a{color:var(--ink);text-decoration:none;font-weight:600}footer li a:hover{color:var(--link)}
footer p{margin:8px 0}
footer .c{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}
@media (max-width:760px){footer .g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.g6 small{margin-bottom:12px}
.g6 .row{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap}
.g6 .ct{display:flex;gap:12px;color:var(--muted);font-size:.74rem;font-weight:500}
.g6 .ct span{display:inline-flex;align-items:center;gap:4px}
.g6 .ct .i{width:14px;height:14px}
.fs{list-style:none;margin:26px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 36px;font-size:.9rem;color:var(--muted)}
.fs li{display:flex;align-items:center;gap:8px}
.fs b{color:var(--ink);font-size:1.1rem;font-weight:700}
.fs .i{color:var(--link)}
.fs .sm{font-size:.76rem}
.fs+.c{border-top:0;padding-top:0;margin-top:14px}
.fs{justify-content:center;text-align:center}
footer .c{text-align:center}

.tbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:12px}
.tabs button:hover:not([aria-selected="true"]){color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.82rem;color:var(--muted)}
.chips button{font:600 .8rem/1 "Poppins",system-ui,sans-serif;padding:8px 14px;min-height:36px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}
.chips button[aria-pressed="true"]{border-color:var(--c2);color:var(--link);background:var(--g1)}
.cnt{margin:0 0 14px;font-size:.84rem;color:var(--muted)}
.fd li{animation:fd .28s ease both}
@keyframes fd{from{opacity:0;transform:translateY(6px)}}
.g6 a,.cat .ic,.igc a{transition:transform .18s,border-color .18s}
.g6 a:hover,.igc a:hover{transform:translateY(-2px)}
.cat a:hover .ic{transform:translateY(-3px)}
.sfw{position:relative;max-width:520px}.sfw .sf{max-width:none}
.sg{position:absolute;left:12px;right:12px;top:calc(100% + 8px);z-index:5;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.sg[hidden]{display:none}
.sg a{display:block;padding:9px 12px;border-radius:9px;text-decoration:none;color:var(--ink);font-size:.88rem;line-height:1.35}
.sg a small{display:block;color:var(--muted);font-size:.74rem}
.sg a:hover,.sg a.on{background:var(--g1)}
.sg mark{background:transparent;color:var(--link);font-weight:700}
.sg .no{padding:10px 12px;font-size:.84rem;color:var(--muted)}
.ar{display:flex;align-items:center;gap:8px}
.ar a{font-size:.88rem;font-weight:600;margin-right:6px}
.ar button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--c2);background:var(--card);color:var(--c2);display:grid;place-items:center;cursor:pointer}
.ar button:hover{background:var(--g1)}.ar .i{width:18px;height:18px}.ar button:first-of-type .i{transform:rotate(180deg)}
.top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:46px;height:46px;border-radius:50%;border:0;background:var(--btn);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s}
.top.on{opacity:1;pointer-events:auto}
header nav a[aria-current]{background:var(--card)}
section[id]{scroll-margin-top:16px}
@media (prefers-reduced-motion:reduce){.fd li{animation:none}.g6 a,.cat .ic,.igc a{transition:none}.g6 a:hover,.igc a:hover,.cat a:hover .ic{transform:none}}
.act .btn{background:#c8102e;border-color:#c8102e;color:#fff}.act .btn:hover{filter:brightness(.9)}
.ask{border-left:5px solid #c8102e}
.top{background:#c8102e}
.sr,.sf label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.stats b,.fs b{font-variant-numeric:tabular-nums}

/* ikon, logo, hero */
.mark{position:relative;overflow:hidden}
.mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mark.lg{background:none;color:transparent;width:40px;height:40px;overflow:visible}
header nav a{display:flex;align-items:center;gap:7px}header nav a .i{width:18px;height:18px}
#fz span{font:700 .78rem/1 "Poppins",system-ui,sans-serif}
.hero{padding:28px 0 44px}
.hero p.lead{font-size:1.08rem}
.sl{display:block;font-weight:600;font-size:.92rem;margin:0 0 8px}
.sf{padding:6px 6px 6px 16px;align-items:center}.sf .sfi{color:var(--muted)}
.sf input{font-size:1rem;min-height:48px;padding:0 6px 0 12px}.sf button{min-height:48px}
.hint{margin:8px 0 0;font-size:.82rem;color:var(--muted)}
.qa{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.b-line{background:var(--card);color:var(--link);border:1.5px solid var(--c2)}.b-line:hover{background:var(--g1);filter:none}
.pop{margin:22px 0 8px;font-weight:600;color:var(--ink)}
.chp{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chp a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:.88rem;text-decoration:none}
.chp a:hover{border-color:var(--c2)}.chp .i{width:18px;height:18px;color:var(--link)}
@media (max-width:540px){.qa .btn{flex:1 1 100%}}
.sic{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 10px;border-radius:14px;background:var(--g1);color:var(--c2)}
.sic .i{width:24px;height:24px}
.g6 em{display:inline-flex;align-items:center;gap:5px}.g6 em .i{width:14px;height:14px}
.igc .cv{position:relative;overflow:hidden}.igc .cv span{position:relative}
.igc .cv .wm{position:absolute;right:8px;top:8px;width:84px;height:84px;opacity:.28;stroke-width:1.2}
.ci{display:flex;gap:10px;align-items:flex-start}.ci .i{width:18px;height:18px;margin-top:3px;color:var(--link)}
.ci a{color:inherit}.ci a:hover{color:var(--link)}
footer .sos{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}footer .sos li{margin:0}
footer .sos a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--link)}
footer .sos a:hover,footer .sos a:focus-visible{border-color:var(--link);background:var(--link);color:#fff}footer .sos .i{width:18px;height:18px;color:inherit}
footer li a{display:inline-flex;align-items:center;gap:8px}footer li a .i{width:18px;height:18px;color:var(--link)}

.crumb{margin:0 0 12px;font-size:.85rem;color:var(--muted)}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 0}
.crumb li{display:inline-flex;align-items:center;min-width:0}
.crumb li+li::before{content:"";width:6px;height:6px;margin:0 10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.55;flex:none}
.crumb a{display:inline-block;padding:4px 0;color:var(--link);font-weight:500;text-decoration:none}
.crumb a:hover{text-decoration:underline}
.crumb [aria-current]{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.ph{padding:28px 0 4px}
.ph h1{margin:0 0 10px;font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1.15;letter-spacing:-.02em;font-weight:800}
.ph .lead{margin:0;color:var(--muted);max-width:62ch}
.mini{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.mini li{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 18px 10px 12px;box-shadow:var(--shadow)}
.mini .sic{margin:0;width:40px;height:40px}.mini b{display:block;font-size:1.25rem;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}.mini span.l{font-size:.8rem;color:var(--muted)}
.sx.s0{padding-top:26px}
.pg{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start}
.side{position:sticky;top:16px}.side h2{font-size:1rem;margin:0 0 10px}
.opd{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.opd button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);font:500 .85rem/1.3 "Poppins",system-ui,sans-serif;cursor:pointer}
.opd button:hover{background:var(--card)}
.opd button[aria-pressed="true"]{background:var(--card);border-color:var(--c2);color:var(--link);font-weight:600}
.opd .n{flex:none;min-width:30px;text-align:center;font-size:.74rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--g1);color:var(--link)}
.tl{display:flex;flex-wrap:wrap;gap:10px}
.srch{position:relative;flex:1 1 260px}.srch .i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}
.srch input,.tl select{min-height:46px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:.92rem;padding:0 14px}
.srch input{width:100%;padding-left:42px}.srch input:focus,.tl select:focus{border-color:var(--c2)}
.tl .btn{min-height:46px}
.cnt{margin:14px 0;font-size:.86rem;color:var(--muted)}
.dl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.doc{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:border-color .18s}
.doc:hover{border-color:var(--c2)}
.ft{display:flex;flex-direction:column;align-items:center;gap:3px;width:54px;padding:9px 0;border-radius:12px;font-size:.7rem;background:color-mix(in srgb,currentColor 14%,transparent)}
.ft.pdf{color:var(--k2)}.ft.xlsx{color:var(--k4)}.ft.docx{color:var(--k1)}.ft b{font-weight:700}
.dm h3{margin:0;font-size:.98rem;line-height:1.4}
.dm mark{background:color-mix(in srgb,var(--amber) 45%,transparent);color:inherit;border-radius:3px}
.mt{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;font-size:.8rem;color:var(--muted)}
.mt .jn{font-weight:600;color:var(--link)}
.da{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.dc{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.dc .i{width:14px;height:14px}
.da .btn{min-height:42px;padding:0 18px}
.em{padding:34px 20px;text-align:center;border:1.5px dashed var(--line);border-radius:14px;color:var(--muted)}
.em strong{display:block;color:var(--ink);margin-bottom:6px}
.mr{margin-top:18px;text-align:center}
.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%,20px);max-width:min(92vw,460px);padding:12px 18px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:.88rem;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:860px){.pg{grid-template-columns:1fr}.side{position:static}
.opd{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px}.opd li{flex:none}
.opd button{width:auto;white-space:nowrap;border-color:var(--line);background:var(--card)}}
@media (max-width:620px){.doc{grid-template-columns:auto 1fr}.da{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
@media (prefers-reduced-motion:reduce){.toast,.doc{transition:none}}

.ogr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ogr li:nth-child(5n+1){--c:var(--k1)}.ogr li:nth-child(5n+2){--c:var(--k2)}.ogr li:nth-child(5n+3){--c:var(--k3)}.ogr li:nth-child(5n+4){--c:var(--k4)}.ogr li:nth-child(5n+5){--c:var(--k5)}
.oc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:100%;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .18s,border-color .18s}
.oc:hover{border-color:var(--c,var(--c2));transform:translateY(-2px)}
.oc.all{background:linear-gradient(135deg,var(--g1),var(--card))}
.oc .sic{margin:0 0 8px;width:48px;height:48px;color:var(--c,var(--c2));background:color-mix(in srgb,var(--c,var(--c2)) 14%,transparent)}
.oc.all .sic{color:var(--c2)}
.oname{font-weight:700;font-size:1rem;line-height:1.35}.oa{font-size:.8rem;color:var(--muted)}
.om{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:8px;font-size:.82rem;color:var(--muted)}.om span:first-child{font-weight:600;color:var(--ink)}
.oj{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:.86rem;color:var(--link)}.oj .i{width:16px;height:16px}
.oh{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.oh .sic{margin:0;width:56px;height:56px}.oh h1{margin:0;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.2;font-weight:800}.oh .lead{margin:4px 0 0}
.sw{margin-left:auto;display:flex;flex-direction:column;gap:4px;font-size:.82rem;font-weight:600}
.sw select{min-height:46px;min-width:240px;max-width:100%;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:.92rem;padding:0 14px}
.chips{margin:14px 0 0}
.dsl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ds{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:border-color .18s}
.ds:hover{border-color:var(--c2)}
.ds h3{margin:0;font-size:1rem;line-height:1.4}
.fb{display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;padding:3px 9px;border-radius:7px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,currentColor 14%,transparent)}
.fb .i{width:13px;height:13px}.fb.csv{color:var(--k3)}.fb.xlsx{color:var(--k4)}.fb.json{color:var(--k1)}
.lk{background:none;border:0;padding:0;font:inherit;font-weight:600;text-align:left;color:var(--ink);cursor:pointer}.lk:hover{color:var(--link);text-decoration:underline}
.ds .mt{margin:0}.ds mark,.oc mark{background:color-mix(in srgb,var(--amber) 45%,transparent);color:inherit;border-radius:3px}
.df{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cs{display:flex;gap:14px}.ac{display:flex;gap:8px;flex-wrap:wrap}.ds .btn,dialog .btn{min-height:40px;padding:0 16px;font-size:.86rem}
dialog{padding:0;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);width:min(92vw,560px);box-shadow:var(--shadow)}
dialog::backdrop{background:rgba(5,12,25,.55)}
#dgb{padding:24px}#dgb h2{margin:0 0 4px;font-size:1.25rem;line-height:1.3}
.md{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:16px 0;font-size:.9rem}.md dt{color:var(--muted)}.md dd{margin:0;font-weight:600}
@media (max-width:860px){.ogr{grid-template-columns:1fr 1fr}.sw{margin-left:0;width:100%}.sw select{width:100%}}
@media (max-width:620px){.ogr,.dsl{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.oc,.ds{transition:none}.oc:hover{transform:none}}

/* ===== Penyempurnaan UX ===== */
main:focus{outline:0}
.gov{background:var(--ink);color:var(--bg);font-size:.78rem}
.gov .wrap{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;padding-top:7px;padding-bottom:7px}
.gov a{color:inherit}
.nojs{margin:24px 0;padding:16px 18px;border:1.5px dashed var(--line);border-radius:12px;background:var(--card);color:var(--muted)}
.pr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pr li{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.pr .sic{margin:0 0 10px}.pr h3{margin:0 0 4px;font-size:1rem}.pr p{margin:0;color:var(--muted);font-size:.86rem}
@media (max-width:860px){.pr{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.pr{grid-template-columns:1fr}}
dialog{max-height:90vh;overflow:auto}
.cite{margin:6px 0 16px;padding:10px 12px;border-radius:10px;background:var(--g1);font-size:.84rem;line-height:1.55}

/* ===== Halaman detail dataset, lencana akses ===== */
.ak{display:inline-flex;align-items:center;margin:0 0 8px 6px;padding:3px 9px;border-radius:7px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,currentColor 14%,transparent)}
.ak.op{color:var(--k4)}.ak.tb{color:var(--k3)}
.bd{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.bd .fb,.bd .ak{margin:0}
a.lk{color:var(--ink);text-decoration:none;font-weight:600}a.lk:hover{color:var(--link);text-decoration:underline}
.bx{margin:0 0 16px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.bx h2{margin:0 0 12px;font-size:1.1rem}.bx .md{margin:0}
.nt{margin:0 0 16px;padding:12px 16px;border-radius:12px;border:1.5px solid var(--amber);background:color-mix(in srgb,var(--amber) 14%,var(--card));font-size:.9rem}
.na{color:var(--muted);font-style:normal;font-weight:400}
.rs{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.rs .fb{margin:0}.rs>div{flex:1 1 240px}
.mdl{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mdl .btn,.bx .btn{min-height:40px;padding:0 16px;font-size:.86rem}
.rel{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#kontak:focus{outline:0}

/* ===== Daftar dataset gaya data.go.id: sidebar filter, hitungan hasil, paginasi ===== */
[hidden]{display:none!important}
.nt.anc{margin:16px 0 0;max-width:70ch}
.fp{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);max-height:calc(100vh - 32px);overflow:auto}
.fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fh h2{margin:0}
.fh .lk{font-size:.82rem;color:var(--link)}
.fg{border-top:1px solid var(--line);padding:12px 0 6px}.fg:first-of-type{border-top:0}
.fg h3{margin:0 0 8px;font-size:.86rem}
.ck{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px;cursor:pointer;font-size:.86rem;line-height:1.35}
.ck:hover{background:var(--g1)}
.ck input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--c2)}
.ck .cl{flex:1;min-width:0}
.ck .cn{flex:none;min-width:30px;text-align:center;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--g1);color:var(--link);font-variant-numeric:tabular-nums}
.ck.z{opacity:.5}
.af{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.af:empty{display:none}
.fx{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;border:1.5px solid var(--c2);background:var(--g1);color:var(--link);font:600 .78rem/1 "Poppins",system-ui,sans-serif;cursor:pointer}
.fx.all{background:transparent;border-color:var(--line);color:var(--muted)}
.rh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:18px 0 12px}
.rh h2{font-size:1.25rem}.rh h2:focus{outline:0}.rh .cnt{margin:0}
.dsl{grid-template-columns:1fr}
.dh .fb,.dh .ak{margin:0 6px 8px 0}
.ak.yr{color:var(--muted)}
.pb{display:flex;align-items:center;gap:8px;margin:0;font-size:.86rem;font-weight:600;color:var(--link)}.pb .i{width:16px;height:16px}
.pgn{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pgn button{min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:600 .86rem/1 "Poppins",system-ui,sans-serif;cursor:pointer}
.pgn button:hover:not(:disabled){border-color:var(--c2)}
.pgn button[aria-current="page"]{background:var(--btn);border-color:var(--btn);color:#fff}
.pgn button:disabled{opacity:.45;cursor:default}
.pgn .el{display:inline-grid;place-items:center;min-width:24px;height:42px;color:var(--muted)}
.ftg{display:none}
@media (max-width:860px){.ftg{display:inline-flex}.fp{display:none;max-height:none}.fp.on{display:block}}

/* ===== Halaman Insight, Tentang, 404, grafik SVG ===== */
.itabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:12px;width:fit-content;max-width:100%}
.itabs button{border:0;background:transparent;color:var(--muted);font:600 .86rem/1.2 "Poppins",system-ui,sans-serif;padding:10px 16px;border-radius:9px;cursor:pointer;min-height:42px}
.itabs button:hover:not([aria-selected="true"]){color:var(--ink)}
.itabs button[aria-selected="true"]{background:var(--btn);color:#fff}
.fig{margin:16px 0 0;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.fig figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:12px}
.fig figcaption strong{font-size:1.05rem;flex:1 1 100%}
.fig figcaption .ak{margin:0}
.ch{display:block;width:100%;height:auto;font:500 12px "Poppins",system-ui,sans-serif;fill:var(--muted)}
.ch .gl{stroke:var(--line);stroke-width:1}
.ch .ln{fill:none;stroke:var(--c2);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.ch .pt{fill:var(--card);stroke:var(--c2);stroke-width:3}
.ch .br{fill:var(--c2)}
.ch .vl{fill:var(--ink);font-weight:700}
.tbd{margin-top:14px}
.tbd summary{cursor:pointer;font-weight:600;font-size:.88rem;color:var(--link);min-height:32px;display:flex;align-items:center}
.dt{width:100%;margin-top:10px;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}
.dt th,.dt td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left}
.dt td{text-align:right}.dt thead th:last-child{text-align:right}
.dt tbody th{font-weight:500}
.stp{margin:10px 0;padding-left:22px}.stp li{margin:6px 0}
.gl2{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:10px 20px;margin:0;font-size:.92rem}
.gl2 dt{font-weight:600}.gl2 dd{margin:0;color:var(--muted)}
.fq details{border-top:1px solid var(--line);padding:4px 0}
.fq details:first-of-type{border-top:0}
.fq summary{cursor:pointer;font-weight:600;padding:10px 0;min-height:44px}
.fq details p{margin:0 0 12px;color:var(--muted)}
.bx p{margin:0 0 10px}.bx p:last-child{margin-bottom:0}
.e404{padding:56px 0 8px;text-align:center}
.e404 .num{display:block;font-size:clamp(4rem,16vw,8rem);line-height:1;font-weight:800;color:var(--c2)}
@supports (background-clip:text) or (-webkit-background-clip:text){.e404 .num{background:linear-gradient(90deg,var(--c1),var(--n1));-webkit-background-clip:text;background-clip:text;color:transparent}}
.e404 h1{margin:8px 0 10px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800}
.e404 p{margin:0 auto 22px;color:var(--muted);max-width:52ch}
.e404 .qa{justify-content:center}
@media (max-width:540px){.gl2{grid-template-columns:1fr}.gl2 dd{margin-bottom:6px}}
@media (forced-colors:active){.ch .ln,.ch .pt{stroke:CanvasText}.ch .br{fill:CanvasText}}

/* ===== Filter accordion + pencarian per kelompok ===== */
.fg{padding:4px 0}
.fg h3{margin:0}
.ach{width:100%;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 4px;border:0;background:transparent;color:var(--ink);font:700 .88rem/1.3 "Poppins",system-ui,sans-serif;text-align:left;cursor:pointer;border-radius:8px}
.ach:hover{background:var(--g1)}
.ach .act-t{flex:1}
.ach .acn{flex:none;min-width:22px;text-align:center;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--btn);color:#fff}
.ach-i{width:18px;height:18px;color:var(--muted);transform:rotate(90deg);transition:transform .18s}
.ach[aria-expanded="true"] .ach-i{transform:rotate(-90deg)}
.fbd{padding:2px 0 10px}
.gs{position:relative;margin:2px 0 8px}
.gs .i{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}
.gsi{width:100%;min-height:40px;padding:0 12px 0 34px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:.84rem}
.gsi:focus{border-color:var(--c2)}
.gls{display:grid;gap:0}
.gne{margin:6px 4px;font-size:.82rem;color:var(--muted)}
.gm{margin:6px 0 0;padding:8px 4px;border:0;background:none;color:var(--link);font:600 .82rem/1.2 "Poppins",system-ui,sans-serif;cursor:pointer;min-height:36px}
.gm:hover{text-decoration:underline}
.ck[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.ach-i{transition:none}}

/* ===== Data Statistik Sektoral: filter dan kartu lebih mudah diakses ===== */
.tbar .chips{margin:0}
.flt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.fsel{min-height:44px;max-width:100%;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:.88rem;padding:0 14px}
.fsel:focus{border-color:var(--c2)}
.g6 .upd{display:block;margin:-6px 0 12px;font-size:.74rem;color:var(--muted)}
.g6 .go{display:block;margin-top:12px;font-size:.82rem;font-weight:600;color:var(--link)}
.g6 a:hover .go{text-decoration:underline}
.g6 a{padding-bottom:14px}

/* ===== Beranda: jarak antarbagian dan latar selang-seling agar tidak padat ===== */
.home .hero{padding:86px 0}
.home .sstat{padding:0 0 24px}
.home .sx{padding:72px 0}
.home .sx.alt{background:color-mix(in srgb,var(--g1) 55%,var(--bg));border-block:1px solid var(--line)}
.home .sx.alt+.sx.alt{border-top:0;padding-top:0}  /* v5.1.16: dua bagian berlatar sama berurutan (mis. tanpa prinsip) = satu pita */
.home .sh{margin-bottom:36px;gap:10px 24px}
.home .sh p{margin-top:8px;max-width:62ch}
.home .stats{gap:20px}
.home .stats li{padding:26px 16px}
.home .note{margin-top:18px}
.home .cat{gap:36px 20px}
.home .svc{gap:24px}
.home .svc li{padding:28px}
.home .ask{margin-top:32px;padding:24px 28px}
.home .pr{gap:20px}
.home .pr li{padding:24px}
.home .g6{gap:20px}
.home .tbar{margin-bottom:20px;gap:16px 24px}
.home .cnt{margin-bottom:20px}
.home .mr{margin-top:32px}
.home .igc{gap:20px;padding-bottom:36px;margin-bottom:-28px}
.home footer{margin-top:0}
@media (max-width:700px){
  .home .hero{padding:24px 0 40px}
  .home .sx{padding:52px 0}
  .home .sh{margin-bottom:26px}
  .home .cat{gap:28px 12px}
  .home .svc li,.home .pr li{padding:22px}
  .home .ask{padding:20px}
}

/* ===== Data Insight: daftar kartu ===== */
.insl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.inc a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}
.inc a:hover{border-color:var(--c2);transform:translateY(-2px)}
.thw{position:relative;padding:14px 14px 4px;background:linear-gradient(180deg,var(--g1),var(--card))}
.thw .ak{position:absolute;top:10px;right:10px;margin:0}
.th{display:block;width:100%;height:auto;max-height:150px}
.th .gl{stroke:var(--line);stroke-width:1.5}
.th .ln{fill:none;stroke:var(--c2);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.th .pt{fill:var(--card);stroke:var(--c2);stroke-width:2.5}
.th .br{fill:var(--c2);opacity:.9}
.th .ar2{fill:var(--c2);opacity:.12}
.inb{padding:14px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.inb h2{margin:0;font-size:1rem;line-height:1.4;letter-spacing:0}
.inb mark{background:color-mix(in srgb,var(--amber) 45%,transparent);color:inherit;border-radius:3px}
.pb2{margin:0;font-size:.84rem;font-weight:600;color:var(--link)}
.inb .mt{margin-top:auto;padding-top:6px}
@media (max-width:900px){.insl{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.insl{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.inc a{transition:none}.inc a:hover{transform:none}}

/* Topik populer tepat di bawah form pencarian */
.hero form{margin:0}
.hero .pop{margin:16px 0 8px}

/* v5.1.13 (#11225) — halaman tidak lagi bergeser mendatar (diukur 320/360/768/1366 px):
   - .sr "(membuka tab baru)" dari common.js ber-position:absolute; tanpa li ber-posisi ia lolos dari
     overflow-x carousel infografis (.igc) dan melebarkan dokumen;
   - item grid/flex ber-min-width:auto melebar mengikuti isi: hero (.hg), publikasi + daftar OPD (.pg),
     bar filter sektoral (.tbar). */
.igc li{position:relative}
.hg>*,.pg>*,.tbar>*{min-width:0}
/* Tombol akun (portal.akun): nama panjang dipotong elipsis, tombol tetap flex agar teks rata tengah */
header .act a.btn.akun{max-width:min(16em,38vw)}
header .act a.btn.akun>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}