:root{--navy:#082a54;--blue:#0b63ce;--gold:#f5b51b;--soft:#f4f7fb}*{box-sizing:border-box}body{font-family:Arial,sans-serif;color:#18324b;background:#fff}.navbar{background:var(--navy);box-shadow:0 2px 14px #0002}.logo-mark{background:var(--gold);color:#082a54;border-radius:8px;padding:5px 8px;font-size:12px;margin-right:8px}.hero{padding:150px 0 90px;background:linear-gradient(135deg,#062754,#0d66cc);color:#fff}.hero h1{font-size:48px;line-height:1.1;font-weight:700}.hero p{font-size:18px;max-width:760px;color:#e8f1ff}.hero-card{background:#ffffff16;border:1px solid #ffffff2b;border-radius:22px;padding:32px;backdrop-filter:blur(8px)}.hero-card i{font-size:58px;color:var(--gold)}.section{padding:75px 0}.soft{background:var(--soft)}.section-head{margin-bottom:35px}.section-head span{font-size:13px;font-weight:700;color:var(--blue);letter-spacing:1.5px}.section-head h2{font-size:34px;margin:7px 0 10px}.section-head p{max-width:850px;color:#64748b}.stat-card{background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:18px;text-align:center;height:100%;box-shadow:0 8px 25px #15345d0b}.stat-card i{font-size:25px;color:var(--blue);display:block}.stat-card strong{font-size:28px;display:block;margin-top:5px}.stat-card span{font-size:12px;color:#64748b}.info-card,.arch-card,.team-card,.news-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:24px;height:100%;box-shadow:0 8px 25px #15345d0a}.info-card i{font-size:34px;color:var(--blue)}.info-card a{color:var(--blue);font-weight:700;text-decoration:none}.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.arch-card{border-top:4px solid var(--gold)}.arch-card small{color:var(--blue);font-weight:700}.arch-card span{font-size:12px;background:#eaf7ee;color:#198754;padding:5px 9px;border-radius:99px}.news-img{height:150px;border-radius:13px;background:#eaf1fb;display:grid;place-items:center;overflow:hidden}.news-img img{width:100%;height:100%;object-fit:cover}.news-img i{font-size:50px;color:var(--blue)}.news-card small{color:#64748b}.avatar{width:90px;height:90px;border-radius:50%;background:#eaf1fb;display:grid;place-items:center;margin-bottom:15px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar i{font-size:40px;color:var(--blue)}.empty{padding:35px;background:#fff;border:1px dashed #cbd5e1;border-radius:15px;text-align:center;color:#64748b}footer{background:#061d3c;color:#dbeafe;padding:28px 0}.admin-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:25px;color:#18324b}.admin-card strong{font-size:32px;color:var(--blue)}.admin-card span{font-weight:700}.login-page{background:linear-gradient(135deg,#062754,#0d66cc);min-height:100vh;display:grid;place-items:center}.login-box{background:#fff;width:min(420px,92%);padding:35px;border-radius:20px;box-shadow:0 20px 60px #0004}.login-box h2{font-weight:700}@media(max-width:768px){.hero{padding:120px 0 60px}.hero h1{font-size:34px}.section{padding:55px 0}.section-head h2{font-size:28px}.arch-grid{grid-template-columns:1fr}.navbar .btn{margin-top:8px}}

/* SPBE Kota Jayapura v2 - root domain */
html{scroll-behavior:smooth}
body{font-size:15px}
.hero{min-height:520px;display:flex;align-items:center}
.hero h1{max-width:850px}
.section-head h2{font-weight:700}
.navbar-brand{font-size:17px}
.navbar .nav-link{font-size:13px}
.stat-card,.info-card,.arch-card,.news-card,.team-card{transition:.2s ease}
.stat-card:hover,.info-card:hover,.arch-card:hover,.news-card:hover,.team-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #15345d18}
.table{font-size:13px}
@media(max-width:768px){
 .hero h1{font-size:34px!important}
 .hero{padding-top:125px}
 .section-head h2{font-size:28px}
 .stats-row{overflow-x:auto}
}

.status-danger{background:#fdeceb!important;color:#c0392b!important}.article{max-width:900px}.article h1{font-size:38px}.article-image{width:100%;max-height:430px;object-fit:cover;border-radius:16px;margin:24px 0}.article-content{font-size:16px;line-height:1.85}

.status-danger{background:#fdeceb!important;color:#c0392b!important}
.opd-only{border-left:4px solid #0875d1}
.report-signature{margin-top:55px;text-align:center;min-width:320px}

/* FINAL HUKUM.JAYAPURAKOTA.GO.ID-INSPIRED PUBLIC THEME */
:root{--jayapura-blue:#06366f;--jayapura-blue2:#0b5aa7;--jayapura-yellow:#f4b51c;--jayapura-bg:#f5f7fa;--jayapura-text:#233044}
body{font-family:Arial,Helvetica,sans-serif;color:var(--jayapura-text);background:#fff}
.site-header{background:#fff;border-bottom:1px solid #e6eaf0}
.govbar{background:var(--jayapura-blue);color:#fff;font-size:13px;padding:8px 0}
.govbar .container,.mainhead .container{display:flex;align-items:center;justify-content:space-between;gap:18px}
.mainhead{padding:14px 0;background:#fff}
.gov-brand{display:flex;align-items:center;gap:13px}
.gov-logo{width:54px;height:54px;border-radius:50%;object-fit:contain;background:#f4f4f4}
.gov-title{line-height:1.15}.gov-title strong{display:block;font-size:19px;color:var(--jayapura-blue)}.gov-title span{display:block;font-size:13px;color:#536174;margin-top:4px}
.profile-strip{background:#f3f6fa;border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0;padding:12px 0}
.profile-strip .people{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.profile-person{text-align:center;font-size:12px;font-weight:bold;color:#34445b}.profile-person img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px #0002;display:block;margin:0 auto 5px}
.site-nav{background:var(--jayapura-blue);box-shadow:0 2px 8px #0001}.site-nav .container{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.site-nav a{color:#fff;text-decoration:none;padding:13px 15px;font-size:14px;font-weight:bold}.site-nav a:hover,.site-nav a.active{background:var(--jayapura-blue2)}.login-nav{margin-left:auto;background:var(--jayapura-yellow)!important;color:#082a54!important;border-radius:4px;margin:6px 0}
.hero-public{background:linear-gradient(120deg,#07366aee,#0b67b9dd),url('../img/hero.jpg') center/cover;min-height:330px;display:flex;align-items:center;color:#fff}.hero-public .container{padding:52px 20px}.hero-public h1{font-size:36px;margin:0 0 12px}.hero-public p{max-width:720px;font-size:17px;line-height:1.7}.quick-services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-38px;position:relative}.quick-service{background:#fff;border-radius:7px;padding:20px;text-decoration:none;color:var(--jayapura-text);box-shadow:0 5px 22px #00000012;border-top:4px solid var(--jayapura-yellow)}.quick-service .icon{font-size:25px;color:var(--jayapura-blue);margin-bottom:8px}.quick-service strong{display:block;color:var(--jayapura-blue);font-size:16px}.quick-service span{font-size:12px;color:#657286}
.public-section{padding:42px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;border-bottom:2px solid #e7ebf0;margin-bottom:20px}.section-heading h2{color:var(--jayapura-blue);font-size:24px;margin:0 0 9px}.section-heading a{font-size:13px;color:var(--jayapura-blue);margin-bottom:10px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{border:1px solid #e5e9ef;border-radius:7px;overflow:hidden;background:#fff}.news-card img{width:100%;height:170px;object-fit:cover}.news-card .body{padding:16px}.news-card h3{font-size:17px;color:var(--jayapura-blue);margin:7px 0 9px}.news-card p{font-size:13px;line-height:1.6;color:#5b6677}.news-date{font-size:11px;color:#7b8797}
.notice-list{display:grid;grid-template-columns:2fr 1fr;gap:20px}.notice-box{border:1px solid #e5e9ef;border-radius:7px;background:#fff}.notice-item{padding:13px 16px;border-bottom:1px solid #eef1f4;font-size:13px}.notice-item:last-child{border-bottom:0}.notice-item strong{display:block;color:var(--jayapura-blue);margin-bottom:3px}
.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border:1px solid #e2e7ed;padding:10px;font-size:13px;text-align:left}.data-table th{background:#edf3f9;color:var(--jayapura-blue)}
.public-footer{background:#062d5b;color:#fff;padding:34px 0 14px;margin-top:20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.public-footer h3{font-size:17px}.public-footer p,.public-footer li{font-size:13px;line-height:1.7;color:#dbe7f5}.public-footer a{color:#fff}.copyright{text-align:center;border-top:1px solid #ffffff33;margin-top:24px;padding-top:13px;font-size:12px}
@media(max-width:800px){.quick-services,.news-grid,.notice-list,.footer-grid{grid-template-columns:1fr 1fr}.govbar .container,.mainhead .container{align-items:flex-start}.site-nav .container{overflow-x:auto;flex-wrap:nowrap}.site-nav a{white-space:nowrap}.hero-public h1{font-size:29px}}
@media(max-width:520px){.quick-services,.news-grid,.notice-list,.footer-grid{grid-template-columns:1fr}.profile-strip .people{gap:15px}.gov-title strong{font-size:16px}.gov-logo{width:45px;height:45px}}

/* CLEAN SECURITY/UI BASELINE */
button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}
.admin-shell{min-height:100vh;background:#f5f7fa}.admin-shell .navbar{background:#082a54;color:#fff}.admin-shell .nav-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-shell .brand{color:#fff;text-decoration:none;font-size:16px;font-weight:700}.admin-shell .section{padding:30px 0 45px}.admin-shell .section-title{margin-bottom:20px}.admin-shell .section-title h2{color:#082a54;font-size:26px;margin:4px 0 6px}.admin-shell .section-title p{color:#64748b;margin:0;font-size:13px}.admin-shell .admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-shell .admin-card{min-height:110px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:17px;background:#fff;border:1px solid #e1e7ee;border-radius:8px;box-shadow:0 3px 12px #1234580c;text-decoration:none;color:#26384e}.admin-shell .admin-card:hover{border-color:#b9cde1;transform:translateY(-1px)}.admin-shell .admin-card strong{font-size:27px;line-height:1;color:#0b63ad}.admin-shell .admin-card span{font-size:13px;font-weight:700;color:#173f6d}.admin-shell .admin-card small{font-size:10px;color:#7a8796}.admin-shell .admin-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.admin-shell .admin-action-grid .card{margin:0;padding:17px}.admin-shell .admin-action-grid h3{font-size:15px}.admin-shell .admin-action-grid p{min-height:58px}.admin-shell .btn{border-radius:6px;font-size:12px}.form-control,select,textarea,input[type=text],input[type=email],input[type=password],input[type=tel]{font-size:13px;min-height:38px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;background:#fff;color:#26384e}.form-control:focus,select:focus,textarea:focus,input:focus{outline:none;border-color:#5c99cc;box-shadow:0 0 0 3px #0b63ad18}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid transparent;font-weight:700;cursor:pointer}.btn-blue{background:#0b63ad;color:#fff}.btn-blue:hover{background:#084f8d}.btn-light{background:#fff;color:#123f6d;border-color:#d4dee9}.btn-light:hover{background:#f2f6fa}.status{display:inline-flex;padding:4px 8px;border-radius:99px;background:#eaf6ee;color:#18734a;font-size:11px;font-weight:700}.status-danger{background:#fdeceb!important;color:#c0392b!important}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards .card{text-decoration:none;color:#26384e}.table-wrap{overflow:auto}.table-wrap table{min-width:850px}
@media(max-width:1000px){.admin-shell .admin-grid{grid-template-columns:repeat(3,1fr)}.admin-shell .admin-action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.admin-shell .admin-grid,.admin-shell .admin-action-grid,.cards{grid-template-columns:1fr}.admin-shell .nav-inner{align-items:center}.admin-shell .brand{font-size:14px}.admin-shell .section{padding:22px 0 35px}.admin-shell .section-title h2{font-size:22px}}
.alert-box{padding:11px 13px;border-radius:7px;margin:0 0 15px;font-size:13px;border:1px solid #dfe6ee}.alert-box.success{background:#edf8f1;color:#17633f;border-color:#cfe8d8}.alert-box.error{background:#fff1f0;color:#9e2f27;border-color:#f1d0cc}.form-group{margin-bottom:14px}.login-box .btn{width:100%}
/* ==========================================================
   HUKUM.JAYAPURAKOTA.GO.ID INSPIRED - SPBE PUBLIC SHELL
   ========================================================== */
body{background:#fff;color:#26384e;font-family:Arial,Helvetica,sans-serif}
.container{width:min(1540px,calc(100% - 44px));margin:0 auto}
.hukum-topline{height:10px;background:linear-gradient(90deg,#f7c928 0%,#fff8cf 28%,#fff 50%,#e8f1ff 70%,#1671c9 100%);border-radius:0 0 18px 18px}
.hukum-head{background:linear-gradient(90deg,#fffbed,#fff 42%,#f5f9ff);padding:20px 0 17px}
.hukum-head-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.hukum-identity{display:flex;align-items:center;gap:18px;min-width:460px}.hukum-logo{width:82px;height:82px;object-fit:contain}.hukum-title{text-transform:none;color:#08488f;font-size:25px;font-weight:700;line-height:1.15}.hukum-subtitle{font-size:18px;font-weight:700;color:#182d48;margin-top:3px}.hukum-desc{font-size:14px;color:#5d6e84;margin-top:7px;max-width:620px}
.officials{display:flex;align-items:flex-start;gap:34px}.official{text-align:center;color:#17385f;font-size:12px;min-width:110px}.official-photo{width:92px;height:92px;border-radius:8px;background:linear-gradient(135deg,#edf2f7,#dce5ef);display:grid;place-items:center;margin:0 auto 7px;color:#6a7890;font-size:18px;font-weight:700;border:1px solid #e2e7ed}.official b{font-size:12px;line-height:1.25}
.hukum-nav{background:#07468e;box-shadow:0 2px 6px #0002}.hukum-nav-inner{display:flex;align-items:center;min-height:58px;gap:2px}.hukum-nav a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:18px 17px;white-space:nowrap}.hukum-nav a:hover,.hukum-nav a.active{background:#0d63ad}.hukum-nav .hukum-login{margin-left:auto;background:#f8bf19;color:#17334f;border-radius:8px;padding:12px 18px}.hukum-nav .hukum-admin{font-size:12px;padding-left:12px;padding-right:12px}
.hukum-hero{min-height:390px;background:linear-gradient(105deg,#0b4b8de6,#1a76c9df),url('../assets/logo-spbe.svg');background-size:cover;background-position:center;display:flex;align-items:center}.hukum-hero-inner{padding:52px 20px}.hero-overlay-card{max-width:760px;color:#fff}.hero-kicker{font-size:13px;font-weight:700;letter-spacing:1px}.hero-overlay-card h1{font-size:44px;line-height:1.1;margin:6px 0 15px}.hero-overlay-card p{font-size:17px;line-height:1.7;margin:0 0 18px}.hero-actions{display:flex;align-items:center;gap:20px}.hero-btn{background:#f8bf19;color:#17334f;padding:11px 18px;border-radius:5px;text-decoration:none;font-weight:700;font-size:13px}.hero-link{color:#fff;font-size:13px;font-weight:700}
.hukum-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-38px;position:relative;z-index:2}.hukum-card{background:#fff;border:1px solid #e1e7ee;border-top:4px solid #f4b51b;border-radius:7px;padding:18px 17px;display:flex;gap:13px;align-items:center;text-decoration:none;box-shadow:0 5px 20px #17385d12;min-height:104px}.hukum-card-icon{font-size:25px;color:#08488f;width:34px;text-align:center}.hukum-card h3{font-size:16px;color:#08488f;margin:0 0 3px}.hukum-card p{font-size:12px;color:#68768a;margin:0}
.hukum-section{padding:44px 0}.hukum-soft{background:#f6f8fb}.hukum-section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #dfe5ec;padding-bottom:10px;margin-bottom:20px}.hukum-section-head span{font-size:11px;font-weight:700;letter-spacing:.9px;color:#6d7a8b}.hukum-section-head h2{font-size:24px;color:#08488f;margin:3px 0 0}.hukum-section-head p{font-size:13px;color:#66758a;margin:5px 0 0}.hukum-section-head>a{font-size:12px;font-weight:700;color:#08488f;text-decoration:none;margin-bottom:4px}
.hukum-two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.hukum-panel{background:#fff;border:1px solid #e1e7ee;border-radius:7px;padding:19px 20px;box-shadow:0 3px 13px #12345809}.hukum-panel h3{font-size:16px;color:#08488f;margin:0 0 8px}.hukum-panel p{font-size:13px;line-height:1.7;color:#5d6c7e;margin:0}
.hukum-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hukum-stat{background:#fff;border:1px solid #e1e7ee;border-radius:7px;padding:20px;text-align:center;box-shadow:0 3px 13px #12345809}.hukum-stat b{display:block;color:#08488f;font-size:30px;line-height:1.1}.hukum-stat span{font-size:12px;color:#657286}
.hukum-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hukum-news-card{background:#fff;border:1px solid #e1e7ee;border-radius:7px;overflow:hidden;box-shadow:0 3px 13px #12345809}.hukum-news-card>img,.news-placeholder{width:100%;height:170px;object-fit:cover}.news-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#eaf1f8,#d8e6f4);color:#0b63ad;font-size:36px;font-weight:700}.hukum-news-body{padding:16px}.hukum-news-body small{font-size:10px;color:#7a8797}.hukum-news-body h3{font-size:16px;line-height:1.35;color:#08488f;margin:6px 0}.hukum-news-body p{font-size:12px;line-height:1.6;color:#617084;min-height:38px}.hukum-news-body a{font-size:12px;font-weight:700;color:#08488f;text-decoration:none}.hukum-empty{padding:25px;background:#fff;border:1px dashed #cbd5e1;border-radius:7px;color:#66758a}
.hukum-list-panel{background:#fff;border:1px solid #e1e7ee;border-radius:7px;overflow:hidden}.hukum-list-panel a{display:block;padding:15px 17px;text-decoration:none;border-bottom:1px solid #e8edf2}.hukum-list-panel a:last-child{border-bottom:0}.hukum-list-panel b{display:block;color:#08488f;font-size:14px;margin-bottom:3px}.hukum-list-panel span{display:block;color:#617084;font-size:12px;line-height:1.5}
.public-footer{background:#073568;color:#fff;padding:32px 0 14px}.public-footer h3{font-size:16px}.public-footer p{font-size:12px}.public-footer a{font-size:12px}
@media(max-width:1100px){.hukum-head-inner{align-items:flex-start}.officials{gap:15px}.official{min-width:90px}.official-photo{width:76px;height:76px}.hukum-title{font-size:21px}.hukum-subtitle{font-size:15px}.hukum-quick,.hukum-stats{grid-template-columns:repeat(2,1fr)}.hukum-news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{width:calc(100% - 24px)}.hukum-head-inner{display:block}.hukum-identity{min-width:0}.officials{margin-top:18px;justify-content:space-between;overflow-x:auto}.official{min-width:88px}.hukum-nav-inner{overflow-x:auto}.hukum-nav a{font-size:12px;padding:15px 12px}.hukum-nav .hukum-login{margin-left:0}.hukum-hero{min-height:310px}.hero-overlay-card h1{font-size:32px}.hero-overlay-card p{font-size:14px}.hukum-two-col,.hukum-news-grid{grid-template-columns:1fr}.hukum-section{padding:32px 0}.hukum-section-head{display:block}.hukum-section-head>a{display:inline-block;margin-top:8px}.hukum-quick,.hukum-stats{grid-template-columns:1fr 1fr;gap:10px}.hukum-card{min-height:90px;padding:14px}.hukum-card h3{font-size:14px}}
@media(max-width:480px){.hukum-quick,.hukum-stats{grid-template-columns:1fr}.hukum-title{font-size:18px}.hukum-subtitle{font-size:13px}.hukum-desc{font-size:11px}.hukum-logo{width:65px;height:65px}.officials{gap:9px}.official{min-width:78px}.official-photo{width:64px;height:64px}.official b{font-size:10px}.hukum-hero{min-height:290px}.hero-overlay-card h1{font-size:28px}.hero-overlay-card p{font-size:13px}}

/* Lebar portal mengikuti proporsi Bagian Hukum */
.container{width:min(1000px,92%);margin-left:auto;margin-right:auto}
@media(max-width:1050px){.container{width:94%}}
@media(max-width:600px){.container{width:92%}}

/* ==========================================================
   FINAL CONTENT INSET
   Teks tidak menempel pada batas kolom/card.
   ========================================================== */
.container{
  width:min(1000px,92%);
  margin-left:auto;
  margin-right:auto;
}

/* Ruang dalam konten utama */
main,
.public-main,
.page-content{
  padding-left:12px;
  padding-right:12px;
}

/* Section: teks dan judul sedikit masuk dari batas */
.public-section{
  padding-left:14px;
  padding-right:14px;
}
.public-section > .container,
.public-section .container{
  padding-left:10px;
  padding-right:10px;
}

/* Heading tidak menempel garis/batas */
.section-heading{
  padding-left:4px;
  padding-right:4px;
}

/* Card: isi lebih lega */
.quick-service,
.news-card .body,
.notice-item,
.card,
.info-card,
.arch-card,
.team-card{
  padding-left:18px;
  padding-right:18px;
}

/* Card berita mempertahankan gambar full-width */
.news-card img{
  width:100%;
  display:block;
}
.news-card .body{
  padding-top:14px;
  padding-bottom:15px;
}

/* Tabel: beri ruang visual dari frame */
.table-wrap{
  padding:0;
}
.table-wrap table{
  width:100%;
}
.table-wrap th:first-child,
.table-wrap td:first-child{
  padding-left:14px;
}
.table-wrap th:last-child,
.table-wrap td:last-child{
  padding-right:14px;
}

/* Hero: teks masuk dari sisi */
.hero-public .container{
  padding-left:24px;
  padding-right:24px;
}
.hero-public-content{
  padding-left:4px;
}

/* Header dan navigasi tidak terlalu menempel */
.mainhead .container{
  padding-left:10px;
  padding-right:10px;
}
.site-nav .container{
  padding-left:6px;
  padding-right:6px;
}
.site-nav a{
  padding-left:14px;
  padding-right:14px;
}

/* Footer */
.public-footer .container{
  padding-left:16px;
  padding-right:16px;
}

/* Admin: seluruh isi sedikit masuk dari batas */
.admin-shell .section .container{
  padding-left:14px;
  padding-right:14px;
}
.admin-shell .card{
  padding-left:20px;
  padding-right:20px;
}
.admin-shell .section-title{
  padding-left:4px;
  padding-right:4px;
}

/* Form dan tabel Admin */
.admin-shell .form-row{
  padding-left:2px;
  padding-right:2px;
}
.admin-shell .table-wrap{
  margin-left:2px;
  margin-right:2px;
}

/* Pada layar kecil jangan terlalu banyak inset */
@media(max-width:600px){
  .container{width:92%}
  main,.public-main,.page-content{padding-left:4px;padding-right:4px}
  .public-section{padding-left:5px;padding-right:5px}
  .public-section > .container,
  .public-section .container{padding-left:5px;padding-right:5px}
  .hero-public .container{padding-left:18px;padding-right:18px}
  .admin-shell .section .container{padding-left:6px;padding-right:6px}
  .quick-service,.news-card .body,.notice-item,.card,.info-card,.arch-card,.team-card{
    padding-left:14px;padding-right:14px;
  }
}

/* ==========================================================
   SPBE HYBRID FINAL
   Karakter SPBE modern + proporsi/tipografi portal Hukum
   ========================================================== */
:root{
  --spbe-navy:#07376d;
  --spbe-blue:#1268ad;
  --spbe-blue2:#0b5897;
  --spbe-gold:#f2b51d;
  --spbe-ink:#26384d;
  --spbe-muted:#6d7887;
  --spbe-line:#dfe5ec;
  --spbe-bg:#f6f8fa;
}
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;background:var(--spbe-bg);color:var(--spbe-ink)}
.container{width:min(1000px,92%);margin-inline:auto}
.govbar{font-size:11px;padding:5px 0}
.mainhead{padding:9px 0;min-height:72px}
.gov-logo{width:44px;height:44px}
.gov-title strong{font-size:16px}
.gov-title span{font-size:11px}
.profile-strip{padding:7px 0}
.profile-strip .people{gap:20px}
.profile-person{font-size:10px}
.profile-person img{width:48px;height:48px}
.site-nav .container{min-height:42px}
.site-nav a{font-size:12px;padding:9px 12px}
.hero-public{min-height:255px}
.hero-public .container{padding:34px 22px}
.hero-public h1{font-size:29px;line-height:1.2;margin:0 0 8px}
.hero-public p{font-size:13px;line-height:1.55;max-width:680px}
.quick-services{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-28px}
.quick-service{min-height:96px;padding:14px 17px}
.quick-service .icon{font-size:20px}
.quick-service strong{font-size:13px}
.quick-service span{font-size:10.5px}
.public-section{padding:28px 14px}
.public-section>.container,.public-section .container{padding-inline:8px}
.section-heading{padding:0 4px 8px;margin-bottom:15px}
.section-heading h2{font-size:19px;line-height:1.3}
.eyebrow-dark{font-size:10px;letter-spacing:.7px}
.news-grid{grid-template-columns:repeat(3,1fr);gap:14px}
.news-card img{height:135px}
.news-card .body{padding:12px 16px 14px}
.news-card h3{font-size:14px;line-height:1.35}
.news-card p{font-size:11.5px;line-height:1.55}
.notice-list{gap:14px}
.notice-item{padding:10px 15px;font-size:11.5px}
.notice-item strong{font-size:12.5px}
.public-footer{padding:26px 0 11px}
.footer-grid{gap:25px}
.public-footer h3{font-size:15px}
.public-footer p,.public-footer li{font-size:11.5px}

/* SPBE-specific data cards */
.spbe-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.spbe-stat{
  background:#fff;border:1px solid var(--spbe-line);border-radius:7px;
  padding:15px 17px;box-shadow:0 2px 9px rgba(17,48,80,.05);
}
.spbe-stat .number{font-size:24px;font-weight:700;color:var(--spbe-blue);line-height:1.1}
.spbe-stat .label{font-size:11px;color:var(--spbe-muted);margin-top:4px}
.spbe-stat .bar{height:3px;background:#e9eef3;border-radius:3px;margin-top:10px;overflow:hidden}
.spbe-stat .bar span{display:block;height:100%;width:68%;background:var(--spbe-gold)}

/* Admin hybrid */
.admin-shell .navbar{height:50px;background:var(--spbe-navy)}
.admin-shell .navbar .container{height:50px}
.admin-shell .brand{font-size:15px}
.admin-shell .section{padding:25px 0 40px}
.admin-shell .section .container{padding-inline:12px}
.admin-shell .section-title h2{font-size:22px}
.admin-shell .section-title p{font-size:12px}
.admin-shell .card{padding:17px 19px;margin-bottom:14px}
.admin-shell .card h3{font-size:15px;margin-bottom:12px}
.admin-shell .form-row{gap:12px}
.admin-shell .form-control,.admin-shell select{min-height:36px;padding:7px 10px;font-size:12px}
.admin-shell .table-wrap{border-radius:6px}
.admin-shell th,.admin-shell td{font-size:11px;padding:8px 10px}
.admin-shell th{background:#edf4fa}
.admin-shell .btn{font-size:12px;min-height:34px;padding:7px 12px}

/* Keep the visual system coherent on other common application cards */
.card,.info-card,.arch-card,.team-card{border-radius:7px;box-shadow:0 2px 9px rgba(17,48,80,.05)}
.form-label{font-size:11px}
.table-wrap{border-radius:6px}

/* Mobile */
@media(max-width:900px){
 .quick-services,.news-grid,.spbe-stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .container{width:92%}
 .mainhead{min-height:66px}
 .gov-title strong{font-size:14px}
 .gov-title span{font-size:10px}
 .site-nav .container{overflow-x:auto}
 .site-nav a{font-size:10.5px;padding:8px 10px;white-space:nowrap}
 .hero-public{min-height:215px}
 .hero-public .container{padding:29px 17px}
 .hero-public h1{font-size:23px}
 .hero-public p{font-size:12px}
 .quick-services,.news-grid,.spbe-stat-grid{grid-template-columns:1fr}
 .quick-services{margin-top:-20px}
 .public-section{padding:24px 5px}
 .public-section>.container,.public-section .container{padding-inline:5px}
 .admin-shell .section .container{padding-inline:5px}
 .admin-shell .form-row{grid-template-columns:1fr}
}