:root{
  --st-bg:#f6f7fb;
  --st-card:#ffffff;
  --st-border:#e6e8ef;
  --st-text:#0f172a;
  --st-muted:#64748b;
  --st-green:#2e7d32;
  --st-orange:#f59e0b;
  --st-shadow: 0 10px 30px rgba(2,6,23,.08);
  --st-radius: 18px;
}
 .st-wrap{max-width:100%;margin:0 auto;padding:18px 14px}
.st-header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 16px;border:1px solid var(--st-border);border-radius:var(--st-radius);
  background:linear-gradient(180deg,#fff, #fbfcff);
  box-shadow: var(--st-shadow);
}
.st-brand{display:flex;align-items:center;gap:12px}
.st-brand img{height:36px;width:auto;display:block}
.st-brand .st-title{font-weight:800;letter-spacing:.2px;color:var(--st-text)}
.st-brand .st-sub{font-size:12px;color:var(--st-muted);margin-top:2px}
.st-pill{
  font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--st-border);
  background:#fff;color:var(--st-muted)
}
.st-page{background:var(--st-bg)}
.st-card{
  border:1px solid var(--st-border);
  border-radius:var(--st-radius);
  padding:16px;
  margin:14px 0;
  background:var(--st-card);
  box-shadow: var(--st-shadow);
}
.st-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.st-col-4{grid-column:span 4}
.st-col-6{grid-column:span 6}
.st-col-8{grid-column:span 8}
.st-col-12{grid-column:span 12}
@media (max-width:900px){
  .st-col-4,.st-col-6,.st-col-8{grid-column:span 12}
  .st-header{flex-direction:column;align-items:flex-start}
}
.st-h1{font-size:22px;margin:0;color:var(--st-text)}
.st-h2{font-size:18px;margin:0 0 8px;color:var(--st-text)}
.st-muted{color:var(--st-muted)}
.st-input{
  width:100%;
  padding:12px 12px;
  border:1px solid var(--st-border);
  border-radius:14px;
  outline:none;
  background:#fff;
}
.st-input:focus{border-color: rgba(46,125,50,.45); box-shadow:0 0 0 4px rgba(46,125,50,.12)}
.st-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 14px;border-radius:14px;border:1px solid rgba(2,6,23,.12);
  background:linear-gradient(90deg, var(--st-orange), var(--st-green));
  color:#fff;font-weight:700;cursor:pointer;text-decoration:none;
}
.st-btn:hover{filter:brightness(.98)}
.st-btn-outline{
  background:#fff;color:var(--st-text);
  border:1px solid var(--st-border);
  font-weight:700;
}
.st-btn-outline:hover{background:#fbfdff}
.st-btn-danger{
  background:#fff;color:#b91c1c;border:1px solid rgba(185,28,28,.25);
}
.st-btn-danger:hover{background:rgba(185,28,28,.06)}
.st-alert{
  padding:12px 12px;border-radius:14px;border:1px solid var(--st-border);
  margin-top:10px;background:#fbfdff;color:var(--st-text)
}
.st-alert-success{border-color:rgba(46,125,50,.28); background:rgba(46,125,50,.06)}
.st-alert-warn{border-color:rgba(245,158,11,.35); background:rgba(245,158,11,.08)}
.st-hidden{display:none}
.st-kpi{
  border:1px solid var(--st-border);border-radius:16px;padding:14px;
  background:linear-gradient(180deg,#fff,#fbfcff);
}
.st-kpi .label{font-size:12px;color:var(--st-muted)}
.st-kpi .value{font-size:22px;font-weight:900;margin-top:6px;color:var(--st-text)}
.st-progress{height:10px;background:#eef2ff;border-radius:999px;overflow:hidden;border:1px solid rgba(2,6,23,.06)}
.st-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--st-orange),var(--st-green));width:0}
.st-list{margin:0;padding-left:18px}
.st-divider{height:1px;background:var(--st-border);margin:12px 0}
.st-code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas; font-size:12px;background:#0b1220;color:#e5e7eb;padding:10px 12px;border-radius:12px;overflow:auto}

.st-video{border-radius:0;overflow:hidden;background:#000}
.st-video iframe{display:block;width:100%;height:100%}

/* Fullwidth breakout (works inside theme content containers) */
.st-page{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:0;
}
.st-wrap{padding:18px 14px}

/* Hybrid fullwidth: keep theme header/footer, but make content full and hide sidebars on SiapTumbuh pages */
body.st-hybrid .site-content,
body.st-hybrid .content-area,
body.st-hybrid #primary,
body.st-hybrid main,
body.st-hybrid .site-main,
body.st-hybrid .elementor,
body.st-hybrid .elementor-section-wrap,
body.st-hybrid .elementor-container,
body.st-hybrid .container,
body.st-hybrid .wrap,
body.st-hybrid .content-wrap{
  max-width:100% !important;
  width:100% !important;
}

body.st-hybrid .widget-area,
body.st-hybrid #secondary,
body.st-hybrid .sidebar,
body.st-hybrid .site-sidebar,
body.st-hybrid .elementor-widget-sidebar{
  display:none !important;
}

body.st-hybrid .st-page{
  width:100%;
  margin:0;
}

body.st-hybrid .st-wrap{
  max-width:100%;
  padding:18px 14px;
}

.st-title{display:none !important}

/* Hybrid + Fullwidth modes scoped only on SiapTumbuh pages */
body.st-page-scope.st-hybrid .widget-area,
body.st-page-scope.st-hybrid #secondary,
body.st-page-scope.st-hybrid .sidebar,
body.st-page-scope.st-hybrid .site-sidebar,
body.st-page-scope.st-hybrid .elementor-widget-sidebar{
  display:none !important;
}

body.st-page-scope.st-hybrid .container,
body.st-page-scope.st-hybrid .wrap,
body.st-page-scope.st-hybrid .content-area,
body.st-page-scope.st-hybrid #primary,
body.st-page-scope.st-hybrid main,
body.st-page-scope.st-hybrid .site-main,
body.st-page-scope.st-hybrid .elementor,
body.st-page-scope.st-hybrid .elementor-section-wrap,
body.st-page-scope.st-hybrid .elementor-container{
  max-width:100% !important;
  width:100% !important;
}

body.st-page-scope.st-fullwidth .st-page{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}