/* =========================================================
   SISTEM SUNYI - PETA BESAR TULISAN INTI
   GODMODE V6.0.3 - CSS CONSOLIDATION + STATS SCROLL TARGET FIX
   Root: #ssCoreMap
   Prefix: sscm-
   TagDiv / Newspaper safe
========================================================= */

#ssCoreMap,
#ssCoreMap *,
#ssCoreMap *::before,
#ssCoreMap *::after{
  box-sizing:border-box !important;
}

#ssCoreMap.sscm-page{
  --sscm-bg:#06101b;
  --sscm-bg-2:#0b1826;
  --sscm-bg-3:#102132;
  --sscm-text:#f3ead8;
  --sscm-text-strong:#fff7e7;
  --sscm-muted:rgba(243,234,216,.74);
  --sscm-soft:rgba(243,234,216,.56);
  --sscm-faint:rgba(243,234,216,.38);
  --sscm-panel:rgba(255,255,255,.060);
  --sscm-panel-2:rgba(255,255,255,.088);
  --sscm-line:rgba(246,234,208,.12);
  --sscm-line-soft:rgba(246,234,208,.075);
  --sscm-line-strong:rgba(200,169,107,.36);
  --sscm-gold:#c8a96b;
  --sscm-gold-2:#ead08c;
  --sscm-blue:#88b9df;
  --sscm-blue-soft:rgba(88,136,174,.16);
  --sscm-radius-xl:34px;
  --sscm-radius-lg:26px;
  --sscm-radius-md:18px;
  --sscm-shadow:0 28px 88px rgba(0,0,0,.30);
  --sscm-shadow-soft:0 18px 54px rgba(0,0,0,.18);
  --sscm-max:1220px;
  --sscm-serif:Georgia, "Times New Roman", serif;
  --sscm-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  position:relative !important;
  isolation:isolate !important;
  width:100% !important;
  max-width:none !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  font-family:var(--sscm-sans) !important;
  color:var(--sscm-text) !important;
  font-size:16px !important;
  line-height:1.7 !important;
  background:
    radial-gradient(circle at 14% 4%, rgba(200,169,107,.13), transparent 31%),
    radial-gradient(circle at 86% 12%, rgba(88,136,174,.22), transparent 34%),
    radial-gradient(circle at 48% 92%, rgba(143,36,36,.055), transparent 38%),
    linear-gradient(90deg, rgba(200,169,107,.014) 0 1px, transparent 1px 100%),
    linear-gradient(145deg,#050a12 0%, var(--sscm-bg) 44%, #102132 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}

#ssCoreMap.sscm-page[data-theme="light"]{
  --sscm-bg:#f8f3ea;
  --sscm-bg-2:#f1eadf;
  --sscm-bg-3:#e9edf0;
  --sscm-text:#182332;
  --sscm-text-strong:#0d1723;
  --sscm-muted:rgba(24,35,50,.72);
  --sscm-soft:rgba(24,35,50,.56);
  --sscm-faint:rgba(24,35,50,.40);
  --sscm-panel:rgba(255,255,255,.70);
  --sscm-panel-2:rgba(255,255,255,.88);
  --sscm-line:rgba(80,58,30,.13);
  --sscm-line-soft:rgba(80,58,30,.08);
  --sscm-line-strong:rgba(142,101,45,.34);
  --sscm-gold:#9f7430;
  --sscm-gold-2:#745220;
  --sscm-blue:#2f678f;
  --sscm-blue-soft:rgba(47,103,143,.11);
  --sscm-shadow:0 24px 70px rgba(30,35,44,.12);
  --sscm-shadow-soft:0 16px 46px rgba(30,35,44,.09);

  color:var(--sscm-text) !important;
  background:
    radial-gradient(circle at 14% 4%, rgba(159,116,48,.13), transparent 31%),
    radial-gradient(circle at 86% 12%, rgba(47,103,143,.10), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(155,56,49,.035), transparent 38%),
    linear-gradient(90deg, rgba(159,116,48,.014) 0 1px, transparent 1px 100%),
    linear-gradient(145deg,#fbf7ef 0%, #f4ede2 48%, #e9eef2 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}

/* TagDiv guard */
#ssCoreMap h1,
#ssCoreMap h2,
#ssCoreMap h3,
#ssCoreMap h4,
#ssCoreMap p,
#ssCoreMap a,
#ssCoreMap span,
#ssCoreMap small,
#ssCoreMap strong,
#ssCoreMap button,
#ssCoreMap input,
#ssCoreMap select,
#ssCoreMap label,
#ssCoreMap summary,
#ssCoreMap div,
#ssCoreMap section,
#ssCoreMap article,
#ssCoreMap aside,
#ssCoreMap footer,
#ssCoreMap header,
#ssCoreMap nav{
  font-family:inherit !important;
  text-shadow:none !important;
}

#ssCoreMap h1,
#ssCoreMap h2,
#ssCoreMap h3,
#ssCoreMap h4,
#ssCoreMap p{
  margin-top:0 !important;
  padding:0 !important;
}

#ssCoreMap h1,
#ssCoreMap h2,
#ssCoreMap h3,
#ssCoreMap h4{
  color:var(--sscm-text-strong) !important;
  font-family:var(--sscm-serif) !important;
  text-transform:none !important;
}

#ssCoreMap p{
  color:var(--sscm-muted) !important;
}

#ssCoreMap a,
#ssCoreMap a:link,
#ssCoreMap a:visited,
#ssCoreMap a:hover,
#ssCoreMap a:active{
  color:inherit !important;
  text-decoration:none !important;
  outline:none !important;
  box-shadow:none !important;
}

#ssCoreMap button{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  background:none !important;
  font:inherit !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

#ssCoreMap input,
#ssCoreMap select{
  appearance:none !important;
  -webkit-appearance:none !important;
  font:inherit !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Layout */
#ssCoreMap .sscm-shell{
  width:min(var(--sscm-max), calc(100% - 44px)) !important;
  max-width:var(--sscm-max) !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative !important;
  z-index:2 !important;
}

#ssCoreMap .sscm-section{
  position:relative !important;
  z-index:2 !important;
  padding:44px 0 !important;
  scroll-margin-top:88px !important;
}

#ssCoreMap .sscm-section-head{
  display:grid !important;
  grid-template-columns:minmax(0,.85fr) minmax(320px,.58fr) !important;
  gap:30px !important;
  align-items:end !important;
  margin-bottom:26px !important;
}

#ssCoreMap .sscm-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 14px !important;
  color:var(--sscm-gold) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.17em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-kicker::before{
  content:"" !important;
  width:30px !important;
  height:1px !important;
  background:var(--sscm-gold) !important;
  opacity:.82 !important;
}

#ssCoreMap .sscm-section-head h2{
  max-width:820px !important;
  margin:0 !important;
  font-size:clamp(1.75rem, 2.9vw, 2.55rem) !important;
  font-weight:560 !important;
  line-height:1.12 !important;
  letter-spacing:-.045em !important;
}

#ssCoreMap .sscm-section-head p{
  margin:0 !important;
  font-size:15.2px !important;
  line-height:1.76 !important;
}

/* Topbar */
#ssCoreMap .sscm-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:90 !important;
  border-bottom:1px solid var(--sscm-line) !important;
  background:rgba(7,16,26,.76) !important;
  box-shadow:0 12px 38px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
}

#ssCoreMap[data-theme="light"] .sscm-topbar{
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 12px 34px rgba(30,35,44,.09) !important;
}

#ssCoreMap .sscm-topbar-inner{
  min-height:64px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  gap:18px !important;
  align-items:center !important;
}

#ssCoreMap .sscm-home-link,
#ssCoreMap .sscm-brand-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  color:var(--sscm-muted) !important;
  font-size:.74rem !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  transition:color .25s ease !important;
}

#ssCoreMap .sscm-home-link::before{
  content:"←" !important;
  color:var(--sscm-gold) !important;
  font-size:1rem !important;
  letter-spacing:0 !important;
}

#ssCoreMap .sscm-home-link:hover,
#ssCoreMap .sscm-brand-link:hover{
  color:var(--sscm-text-strong) !important;
}

#ssCoreMap .sscm-top-right{
  justify-self:end !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
}

#ssCoreMap .sscm-brand-link{
  color:var(--sscm-gold) !important;
}

#ssCoreMap .sscm-mini-nav{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:6px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
}

#ssCoreMap[data-theme="light"] .sscm-mini-nav{
  background:rgba(255,255,255,.72) !important;
}

#ssCoreMap .sscm-mini-nav a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  color:var(--sscm-muted) !important;
  font-size:.74rem !important;
  font-weight:850 !important;
  transition:background .25s ease, color .25s ease !important;
}

#ssCoreMap .sscm-mini-nav a:hover{
  background:var(--sscm-panel-2) !important;
  color:var(--sscm-text-strong) !important;
}

#ssCoreMap .sscm-theme-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--sscm-gold-2) !important;
  font-size:.98rem !important;
  font-weight:850 !important;
}

#ssCoreMap .sscm-theme-toggle:hover{
  color:var(--sscm-text-strong) !important;
  border-color:var(--sscm-line-strong) !important;
  background:rgba(200,169,107,.12) !important;
}

/* Hero */
#ssCoreMap .sscm-hero{
  position:relative !important;
  padding:66px 0 50px !important;
  overflow:hidden !important;
  border-bottom:1px solid var(--sscm-line-soft) !important;
}

#ssCoreMap .sscm-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:26px !important;
  border:1px solid rgba(200,169,107,.11) !important;
  border-radius:36px !important;
  pointer-events:none !important;
  opacity:.7 !important;
}

#ssCoreMap .sscm-hero::after{
  content:"" !important;
  position:absolute !important;
  width:620px !important;
  height:620px !important;
  right:-230px !important;
  top:-170px !important;
  border-radius:999px !important;
  border:1px solid rgba(200,169,107,.12) !important;
  box-shadow:
    0 0 0 52px rgba(200,169,107,.026),
    0 0 0 118px rgba(88,136,174,.024),
    0 0 0 190px rgba(255,255,255,.010) !important;
  pointer-events:none !important;
  opacity:.72 !important;
}

#ssCoreMap .sscm-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(330px,.68fr) !important;
  gap:48px !important;
  align-items:end !important;
}

#ssCoreMap .sscm-hero h1{
  max-width:820px !important;
  margin:0 !important;
  font-size:clamp(2.55rem,5vw,4.15rem) !important;
  font-weight:560 !important;
  line-height:1.02 !important;
  letter-spacing:-.058em !important;
}

#ssCoreMap .sscm-hero-subtitle{
  max-width:760px !important;
  margin:22px 0 0 !important;
  font-size:clamp(1rem,1.3vw,1.13rem) !important;
  line-height:1.78 !important;
}

#ssCoreMap .sscm-hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:26px !important;
}

#ssCoreMap .sscm-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:0 18px !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  font-size:.86rem !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
  transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
}

#ssCoreMap .sscm-btn:hover{
  transform:translateY(-2px) !important;
}

#ssCoreMap .sscm-btn-primary{
  background:linear-gradient(135deg,#b99150,#e4c982) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#17110a !important;
  box-shadow:0 16px 42px rgba(200,169,107,.18) !important;
}

#ssCoreMap .sscm-btn-ghost{
  border-color:var(--sscm-line) !important;
  background:rgba(255,255,255,.065) !important;
  color:var(--sscm-text-strong) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

#ssCoreMap[data-theme="light"] .sscm-btn-ghost{
  background:rgba(255,255,255,.72) !important;
}

#ssCoreMap .sscm-command-panel{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:var(--sscm-radius-xl) !important;
  background:
    radial-gradient(circle at 84% 14%, rgba(200,169,107,.12), transparent 26%),
    linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.026)) !important;
  box-shadow:var(--sscm-shadow) !important;
  padding:24px !important;
}

#ssCoreMap[data-theme="light"] .sscm-command-panel{
  background:
    radial-gradient(circle at 84% 14%, rgba(159,116,48,.12), transparent 26%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.62)) !important;
}

#ssCoreMap .sscm-total-mark{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  gap:18px !important;
  align-items:center !important;
  padding-bottom:18px !important;
  border-bottom:1px solid var(--sscm-line) !important;
}

#ssCoreMap .sscm-total-number{
  color:var(--sscm-gold-2) !important;
  font-family:var(--sscm-serif) !important;
  font-size:clamp(3.7rem,7vw,5.6rem) !important;
  line-height:.86 !important;
  letter-spacing:-.07em !important;
  font-weight:560 !important;
}

#ssCoreMap .sscm-total-label{
  color:var(--sscm-muted) !important;
  font-size:.74rem !important;
  font-weight:950 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  line-height:1.45 !important;
}

#ssCoreMap .sscm-command-list{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  gap:10px !important;
  margin-top:18px !important;
}

#ssCoreMap .sscm-command-row{
  display:flex !important;
  justify-content:space-between !important;
  gap:14px !important;
  align-items:center !important;
  padding:12px 0 !important;
  border-bottom:1px solid var(--sscm-line-soft) !important;
}

#ssCoreMap .sscm-command-row:last-child{
  border-bottom:none !important;
}

#ssCoreMap .sscm-command-row span{
  color:var(--sscm-muted) !important;
  font-size:.86rem !important;
  line-height:1.35 !important;
}

#ssCoreMap .sscm-command-row strong{
  color:var(--sscm-gold-2) !important;
  font-size:1.25rem !important;
  line-height:1 !important;
  font-weight:900 !important;
}

/* Hero search */
#ssCoreMap .sscm-hero-search{
  margin-top:26px !important;
  max-width:760px !important;
  position:relative !important;
  z-index:8 !important;
}

#ssCoreMap .sscm-hero-search-box{
  border:1px solid var(--sscm-line) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.052) !important;
  padding:12px !important;
  box-shadow:0 18px 54px rgba(0,0,0,.16) !important;
}

#ssCoreMap[data-theme="light"] .sscm-hero-search-box{
  background:rgba(255,255,255,.74) !important;
}

#ssCoreMap .sscm-hero-search label{
  display:block !important;
  margin:0 0 8px !important;
  color:var(--sscm-gold) !important;
  font-size:.68rem !important;
  font-weight:950 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-hero-search-row{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:8px !important;
}

#ssCoreMap .sscm-hero-search input{
  width:100% !important;
  height:46px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:16px !important;
  background:rgba(5,12,20,.40) !important;
  color:var(--sscm-text-strong) !important;
  font-size:.92rem !important;
  line-height:46px !important;
}

#ssCoreMap[data-theme="light"] .sscm-hero-search input{
  background:rgba(255,255,255,.86) !important;
}

#ssCoreMap .sscm-hero-search input::placeholder{
  color:var(--sscm-faint) !important;
  opacity:1 !important;
}

#ssCoreMap .sscm-hero-search button{
  min-height:46px !important;
  padding:0 14px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.055) !important;
  color:var(--sscm-text-strong) !important;
  font-size:.8rem !important;
  font-weight:900 !important;
}

#ssCoreMap .sscm-hero-results{
  display:grid !important;
  gap:8px !important;
  margin-top:10px !important;
}

#ssCoreMap .sscm-hero-result{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px 11px !important;
  border:1px solid var(--sscm-line-soft) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.040) !important;
}

#ssCoreMap .sscm-hero-result strong{
  display:block !important;
  margin:0 0 3px !important;
  color:var(--sscm-text-strong) !important;
  font-family:var(--sscm-serif) !important;
  font-size:1rem !important;
  font-weight:560 !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
}

#ssCoreMap .sscm-hero-result span{
  color:var(--sscm-muted) !important;
  font-size:.74rem !important;
  line-height:1.35 !important;
}

#ssCoreMap .sscm-hero-result a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  color:var(--sscm-gold-2) !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

/* =========================================================
   HERO INSTANT SEARCH - ACTIONS + PETA RELASI
========================================================= */

#ssCoreMap .sscm-hero-result-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}

#ssCoreMap .sscm-hero-result-actions a,
#ssCoreMap .sscm-hero-result-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#ssCoreMap .sscm-hero-result-actions a{
  color:var(--sscm-text-strong) !important;
  background:rgba(255,255,255,.052) !important;
}

#ssCoreMap .sscm-hero-result-actions button{
  color:var(--sscm-gold-2) !important;
  background:rgba(200,169,107,.10) !important;
}

#ssCoreMap .sscm-hero-result-actions a:hover,
#ssCoreMap .sscm-hero-result-actions button:hover{
  border-color:var(--sscm-line-strong) !important;
  background:rgba(200,169,107,.14) !important;
}

#ssCoreMap .sscm-hero-result-actions button:focus-visible,
#ssCoreMap .sscm-hero-result-actions a:focus-visible{
  outline:2px solid rgba(200,169,107,.45) !important;
  outline-offset:3px !important;
}

@media (max-width:860px){
  #ssCoreMap .sscm-hero-result-actions{
    justify-content:flex-start !important;
  }
}



/* =========================================================
   V5.1.1 - ACTION BUTTON DENSITY + RUANG MIKRO HOVER GUARD
   Menjaga tombol utama tetap terbaca di darkmode saat hover.
========================================================= */

#ssCoreMap .sscm-card-actions{
  gap:7px !important;
  align-items:center !important;
}

#ssCoreMap .sscm-card-actions a,
#ssCoreMap .sscm-card-actions button{
  min-height:32px !important;
  padding:6px 10px !important;
}

#ssCoreMap .sscm-card-actions .sscm-kbd-popup-action,
#ssCoreMap button.sscm-kbd-popup-action{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
}

#ssCoreMap .sscm-card-actions button.is-detail-ready,
#ssCoreMap[data-theme="dark"] .sscm-card-actions button.is-detail-ready{
  color:#17110a !important;
  border-color:rgba(255,255,255,.18) !important;
  background:linear-gradient(135deg,#b99150,#e4c982) !important;
  box-shadow:0 10px 26px rgba(200,169,107,.13) !important;
}

#ssCoreMap .sscm-card-actions button.is-detail-ready:hover,
#ssCoreMap .sscm-card-actions button.is-detail-ready:focus-visible,
#ssCoreMap[data-theme="dark"] .sscm-card-actions button.is-detail-ready:hover,
#ssCoreMap[data-theme="dark"] .sscm-card-actions button.is-detail-ready:focus-visible{
  color:#120d07 !important;
  border-color:rgba(255,255,255,.28) !important;
  background:linear-gradient(135deg,#c9a15e,#f0d992) !important;
  box-shadow:0 14px 34px rgba(200,169,107,.18) !important;
}

#ssCoreMap[data-theme="light"] .sscm-card-actions button.is-detail-ready,
#ssCoreMap[data-theme="light"] .sscm-card-actions button.is-detail-ready:hover,
#ssCoreMap[data-theme="light"] .sscm-card-actions button.is-detail-ready:focus-visible{
  color:#17110a !important;
}


/* Stat band */
#ssCoreMap .sscm-stat-band{
  margin-top:-28px !important;
  position:relative !important;
  z-index:5 !important;
}

#ssCoreMap .sscm-stat-grid{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:10px !important;
  padding:12px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:24px !important;
  background:rgba(10,22,34,.88) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

#ssCoreMap[data-theme="light"] .sscm-stat-grid{
  background:rgba(255,255,255,.80) !important;
  box-shadow:0 20px 54px rgba(30,35,44,.10) !important;
}

#ssCoreMap .sscm-stat-card{
  min-height:126px !important;
  padding:14px !important;
  border:1px solid var(--sscm-line-soft) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(200,169,107,.09), transparent 26%),
    rgba(255,255,255,.035) !important;
}

#ssCoreMap .sscm-stat-card span{
  display:block !important;
  margin-bottom:22px !important;
  color:var(--sscm-gold-2) !important;
  font-size:.66rem !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-stat-card h3{
  margin:0 0 8px !important;
  color:var(--sscm-text-strong) !important;
  font-family:var(--sscm-sans) !important;
  font-size:.95rem !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  line-height:1.15 !important;
}

#ssCoreMap .sscm-stat-card p{
  margin:0 !important;
  font-size:.76rem !important;
  line-height:1.45 !important;
}

#ssCoreMap .sscm-stat-card strong{
  display:block !important;
  margin-top:12px !important;
  color:var(--sscm-gold-2) !important;
  font-family:var(--sscm-serif) !important;
  font-size:2.1rem !important;
  font-weight:560 !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
}

/* Meaning, guide, function map */
#ssCoreMap .sscm-meaning-grid,
#ssCoreMap .sscm-function-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}

#ssCoreMap .sscm-guide-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}

#ssCoreMap .sscm-meaning-card,
#ssCoreMap .sscm-guide-card,
#ssCoreMap .sscm-function-card{
  position:relative !important;
  overflow:hidden !important;
  padding:22px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:var(--sscm-radius-lg) !important;
  background:
    radial-gradient(circle at 84% 14%, rgba(200,169,107,.10), transparent 24%),
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.022)) !important;
  transition:transform .25s ease, border-color .25s ease, background .25s ease !important;
}

#ssCoreMap .sscm-meaning-card{
  min-height:220px !important;
}

#ssCoreMap .sscm-guide-card,
#ssCoreMap .sscm-function-card{
  min-height:190px !important;
}

#ssCoreMap .sscm-meaning-card:hover,
#ssCoreMap .sscm-guide-card:hover,
#ssCoreMap .sscm-function-card:hover{
  transform:translateY(-3px) !important;
  border-color:var(--sscm-line-strong) !important;
}

#ssCoreMap .sscm-meaning-card span,
#ssCoreMap .sscm-guide-card span,
#ssCoreMap .sscm-function-card span{
  color:var(--sscm-gold-2) !important;
  font-size:.7rem !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
}

#ssCoreMap .sscm-meaning-card h3,
#ssCoreMap .sscm-guide-card h3,
#ssCoreMap .sscm-function-card h3{
  margin:38px 0 10px !important;
  color:var(--sscm-text-strong) !important;
  font-family:var(--sscm-serif) !important;
  font-size:1.28rem !important;
  font-weight:560 !important;
  line-height:1.13 !important;
  letter-spacing:-.04em !important;
}

#ssCoreMap .sscm-meaning-card p,
#ssCoreMap .sscm-guide-card p,
#ssCoreMap .sscm-function-card p{
  margin:0 !important;
  font-size:.9rem !important;
  line-height:1.66 !important;
}

#ssCoreMap .sscm-manifesto,
#ssCoreMap .sscm-closing{
  position:relative !important;
  overflow:hidden !important;
  padding:32px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:var(--sscm-radius-xl) !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(200,169,107,.13), transparent 28%),
    radial-gradient(circle at 16% 88%, rgba(88,136,174,.14), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.026)) !important;
  box-shadow:var(--sscm-shadow) !important;
}

#ssCoreMap .sscm-manifesto h2,
#ssCoreMap .sscm-closing h2{
  max-width:820px !important;
  margin:0 !important;
  font-size:clamp(1.85rem,3vw,2.65rem) !important;
  font-weight:560 !important;
  line-height:1.12 !important;
  letter-spacing:-.047em !important;
}

#ssCoreMap .sscm-manifesto p,
#ssCoreMap .sscm-closing p{
  position:relative !important;
  z-index:2 !important;
  max-width:940px !important;
  margin:18px 0 0 !important;
  font-size:.98rem !important;
  line-height:1.82 !important;
}

/* Backbone */
#ssCoreMap .sscm-backbone{
  position:relative !important;
  padding:18px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:var(--sscm-radius-xl) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(10,22,34,.48) !important;
  box-shadow:var(--sscm-shadow-soft) !important;
}

#ssCoreMap[data-theme="light"] .sscm-backbone{
  background:rgba(255,255,255,.62) !important;
}

#ssCoreMap .sscm-backbone::before{
  content:"" !important;
  position:absolute !important;
  left:42px !important;
  right:42px !important;
  top:50% !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(200,169,107,.38), rgba(88,136,174,.28), rgba(200,169,107,.38), transparent) !important;
  opacity:.82 !important;
  pointer-events:none !important;
}

#ssCoreMap .sscm-backbone-grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:12px !important;
  z-index:2 !important;
}

#ssCoreMap .sscm-backbone-node{
  position:relative !important;
  min-height:250px !important;
  overflow:hidden !important;
  padding:18px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(200,169,107,.11), transparent 26%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.026)) !important;
}

#ssCoreMap .sscm-backbone-node:nth-child(odd){
  transform:translateY(10px) !important;
}

#ssCoreMap .sscm-backbone-node:nth-child(even){
  transform:translateY(-7px) !important;
}

#ssCoreMap .sscm-backbone-node span{
  color:var(--sscm-gold-2) !important;
  font-size:.66rem !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
}

#ssCoreMap .sscm-backbone-node h3{
  margin:38px 0 10px !important;
  font-size:1.32rem !important;
  font-weight:560 !important;
  line-height:1.1 !important;
  letter-spacing:-.04em !important;
}

#ssCoreMap .sscm-backbone-node p{
  margin:0 !important;
  font-size:.82rem !important;
  line-height:1.56 !important;
}

#ssCoreMap .sscm-backbone-node strong{
  position:absolute !important;
  right:16px !important;
  bottom:14px !important;
  color:var(--sscm-gold-2) !important;
  font-family:var(--sscm-serif) !important;
  font-size:2.25rem !important;
  font-weight:560 !important;
  line-height:1 !important;
  letter-spacing:-.06em !important;
}

/* Engine */
#ssCoreMap .sscm-engine-shell{
  position:relative !important;
  overflow:hidden !important;
  padding:22px !important;
  border-radius:var(--sscm-radius-xl) !important;
  box-shadow:var(--sscm-shadow) !important;
}

#ssCoreMap[data-theme="light"] .sscm-engine-shell{
  background:
    radial-gradient(circle at 88% 10%, rgba(159,116,48,.10), transparent 30%),
    radial-gradient(circle at 12% 92%, rgba(47,103,143,.09), transparent 34%),
    rgba(255,255,255,.70) !important;
}

#ssCoreMap .sscm-engine-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:24px !important;
  align-items:start !important;
  margin-bottom:18px !important;
}

#ssCoreMap .sscm-engine-head h2{
  margin:0 !important;
  font-size:clamp(1.85rem,3vw,2.65rem) !important;
  font-weight:560 !important;
  line-height:1.12 !important;
  letter-spacing:-.047em !important;
}

#ssCoreMap .sscm-engine-head p:not(.sscm-kicker){
  max-width:760px !important;
  margin:14px 0 0 !important;
  font-size:.96rem !important;
  line-height:1.72 !important;
}

#ssCoreMap .sscm-visible-stat{
  min-width:138px !important;
  padding:16px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.050) !important;
  text-align:center !important;
}

#ssCoreMap .sscm-visible-stat strong{
  display:block !important;
  color:var(--sscm-gold-2) !important;
  font-family:var(--sscm-serif) !important;
  font-size:2.65rem !important;
  font-weight:560 !important;
  line-height:1 !important;
  letter-spacing:-.06em !important;
}

#ssCoreMap .sscm-visible-stat span{
  display:block !important;
  margin-top:6px !important;
  color:var(--sscm-muted) !important;
  font-size:.7rem !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-controls{
  padding:18px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.045) !important;
  margin-bottom:20px !important;
}

#ssCoreMap .sscm-search{
  display:block !important;
  margin:0 !important;
}

#ssCoreMap .sscm-search span,
#ssCoreMap .sscm-filter-block p{
  display:block !important;
  margin:0 0 9px !important;
  color:var(--sscm-gold) !important;
  font-size:.66rem !important;
  font-weight:950 !important;
  letter-spacing:.15em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-search input{
  width:100% !important;
  height:56px !important;
  margin:0 !important;
  padding:0 18px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:18px !important;
  background:rgba(5,12,20,.40) !important;
  color:var(--sscm-text-strong) !important;
  font-size:.94rem !important;
  line-height:56px !important;
}

#ssCoreMap[data-theme="light"] .sscm-search input{
  background:rgba(255,255,255,.86) !important;
}

#ssCoreMap .sscm-search input::placeholder{
  color:var(--sscm-faint) !important;
  opacity:1 !important;
}

#ssCoreMap .sscm-filter-grid{
  display:grid !important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr) !important;
  gap:16px !important;
  margin-top:16px !important;
}

#ssCoreMap .sscm-filter-list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

#ssCoreMap .sscm-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  margin:0 !important;
  padding:8px 12px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--sscm-muted) !important;
  font-size:.74rem !important;
  font-weight:850 !important;
  line-height:1 !important;
}

#ssCoreMap .sscm-chip:hover,
#ssCoreMap .sscm-chip.is-active{
  color:var(--sscm-text-strong) !important;
  border-color:var(--sscm-line-strong) !important;
  background:rgba(200,169,107,.13) !important;
}

#ssCoreMap .sscm-advanced-toggle{
  margin-top:16px !important;
  border-top:1px solid var(--sscm-line) !important;
  padding-top:14px !important;
}

#ssCoreMap .sscm-advanced-toggle summary{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:36px !important;
  padding:8px 13px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--sscm-text-strong) !important;
  font-size:.76rem !important;
  font-weight:900 !important;
  cursor:pointer !important;
  list-style:none !important;
}

#ssCoreMap .sscm-advanced-toggle summary::-webkit-details-marker{
  display:none !important;
}

#ssCoreMap .sscm-advanced-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:14px !important;
}

#ssCoreMap .sscm-advanced-select{
  width:100% !important;
  min-height:42px !important;
  padding:0 36px 0 13px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:14px !important;
  background:
    linear-gradient(45deg, transparent 50%, var(--sscm-gold) 50%),
    linear-gradient(135deg, var(--sscm-gold) 50%, transparent 50%),
    rgba(5,12,20,.30) !important;
  background-position:
    calc(100% - 17px) 17px,
    calc(100% - 12px) 17px,
    0 0 !important;
  background-size:5px 5px, 5px 5px, auto !important;
  background-repeat:no-repeat !important;
  color:var(--sscm-text-strong) !important;
  font-size:.82rem !important;
  font-weight:800 !important;
}

#ssCoreMap[data-theme="light"] .sscm-advanced-select{
  background:
    linear-gradient(45deg, transparent 50%, var(--sscm-gold) 50%),
    linear-gradient(135deg, var(--sscm-gold) 50%, transparent 50%),
    rgba(255,255,255,.82) !important;
  background-position:
    calc(100% - 17px) 17px,
    calc(100% - 12px) 17px,
    0 0 !important;
  background-size:5px 5px, 5px 5px, auto !important;
  background-repeat:no-repeat !important;
}

#ssCoreMap .sscm-advanced-select option{
  background:#0b1826 !important;
  color:#fff7e7 !important;
}

#ssCoreMap .sscm-control-foot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-top:16px !important;
  padding-top:14px !important;
  border-top:1px solid var(--sscm-line) !important;
}

#ssCoreMap .sscm-control-foot p{
  margin:0 !important;
  font-size:.82rem !important;
  line-height:1.45 !important;
}

#ssCoreMap .sscm-control-foot button{
  min-height:36px !important;
  padding:8px 13px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.055) !important;
  color:var(--sscm-text-strong) !important;
  font-size:.74rem !important;
  font-weight:900 !important;
}

#ssCoreMap .sscm-status{
  margin:16px 0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,156,156,.28) !important;
  border-radius:16px !important;
  background:rgba(255,156,156,.09) !important;
  color:#ffb1b1 !important;
  font-size:.82rem !important;
  font-weight:850 !important;
}

/* =========================================================
   SSCM WIDGET BRIDGE NOTE
   Menjembatani peta besar dengan widget belajar di halaman artikel
========================================================= */

#ssCoreMap .sscm-widget-bridge{
  position:relative !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  margin:0 0 18px !important;
  padding:16px 18px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 96% 12%, rgba(200,169,107,.10), transparent 28%),
    rgba(255,255,255,.040) !important;
}

#ssCoreMap[data-theme="light"] .sscm-widget-bridge{
  background:
    radial-gradient(circle at 96% 12%, rgba(159,116,48,.10), transparent 28%),
    rgba(255,255,255,.66) !important;
}

#ssCoreMap .sscm-widget-bridge-mark{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  border:1px solid var(--sscm-line-strong) !important;
  border-radius:999px !important;
  background:rgba(200,169,107,.12) !important;
  color:var(--sscm-gold-2) !important;
  font-family:var(--sscm-serif) !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}

#ssCoreMap .sscm-widget-bridge small{
  display:block !important;
  margin:0 0 4px !important;
  color:var(--sscm-gold) !important;
  font-size:.64rem !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-widget-bridge p{
  margin:0 !important;
  color:var(--sscm-muted) !important;
  font-size:.86rem !important;
  line-height:1.56 !important;
}

#ssCoreMap .sscm-widget-bridge strong{
  color:var(--sscm-text-strong) !important;
  font-weight:900 !important;
}

#ssCoreMap .sscm-widget-bridge a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 12px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.055) !important;
  color:var(--sscm-text-strong) !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#ssCoreMap .sscm-widget-bridge a:hover{
  border-color:var(--sscm-line-strong) !important;
  background:rgba(200,169,107,.13) !important;
}

@media (max-width:860px){
  #ssCoreMap .sscm-widget-bridge{
    grid-template-columns:1fr !important;
    gap:10px !important;
    align-items:start !important;
  }

  #ssCoreMap .sscm-widget-bridge a{
    width:max-content !important;
  }
}

/* Cards */
#ssCoreMap .sscm-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

#ssCoreMap .sscm-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:370px !important;
  overflow:hidden !important;
  padding:18px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(200,169,107,.10), transparent 24%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.020)) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.14) !important;
  transition:transform .25s ease, border-color .25s ease, background .25s ease !important;
}

#ssCoreMap .sscm-card:hover{
  transform:translateY(-3px) !important;
  border-color:var(--sscm-line-strong) !important;
}

#ssCoreMap .sscm-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:22px !important;
  bottom:22px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, transparent, var(--sscm-gold), transparent) !important;
  opacity:.58 !important;
}

#ssCoreMap .sscm-depth-rail{
  position:relative !important;
  height:5px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.06) !important;
  margin:0 0 14px !important;
}

#ssCoreMap .sscm-depth-rail span{
  display:block !important;
  height:100% !important;
  width:var(--depth-width, 20%) !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(200,169,107,.45), var(--sscm-gold-2)) !important;
  box-shadow:0 0 18px rgba(200,169,107,.18) !important;
}

#ssCoreMap .sscm-card-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin-bottom:15px !important;
}

#ssCoreMap .sscm-card-order{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:40px !important;
  height:30px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.050) !important;
  color:var(--sscm-gold-2) !important;
  font-size:.7rem !important;
  font-weight:950 !important;
  line-height:1 !important;
}

#ssCoreMap .sscm-card-section{
  color:var(--sscm-gold) !important;
  font-size:.66rem !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-align:right !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
}

#ssCoreMap .sscm-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:0 0 10px !important;
}

#ssCoreMap .sscm-badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:4px 8px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(200,169,107,.10) !important;
  color:var(--sscm-gold-2) !important;
  font-size:.64rem !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}

#ssCoreMap .sscm-card h3{
  margin:0 0 10px !important;
  font-size:1.18rem !important;
  font-weight:560 !important;
  line-height:1.22 !important;
  letter-spacing:-.032em !important;
}

#ssCoreMap .sscm-card p{
  margin:0 !important;
  font-size:.88rem !important;
  line-height:1.62 !important;
}

#ssCoreMap .sscm-card .sscm-card-function{
  margin-top:11px !important;
  color:var(--sscm-text) !important;
  font-weight:850 !important;
}

#ssCoreMap .sscm-card-meta{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:14px !important;
}

#ssCoreMap .sscm-meta-pill{
  min-width:0 !important;
  padding:8px 9px !important;
  border:1px solid var(--sscm-line-soft) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.032) !important;
}

#ssCoreMap .sscm-meta-pill span{
  display:block !important;
  margin-bottom:3px !important;
  color:var(--sscm-gold) !important;
  font-size:.61rem !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-meta-pill strong{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:var(--sscm-text-strong) !important;
  font-size:.72rem !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}

#ssCoreMap .sscm-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin-top:14px !important;
}

#ssCoreMap .sscm-tag{
  display:inline-flex !important;
  align-items:center !important;
  min-height:25px !important;
  padding:5px 8px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--sscm-muted) !important;
  font-size:.66rem !important;
  font-weight:850 !important;
  line-height:1 !important;
}

/* =========================================================
   SSCM DETAIL MAP PATCH - CARD MICRO LANDING LIFT
   Mengambil ringkasan kaya dari ss-core-writing-detail-map.json
========================================================= */

#ssCoreMap .sscm-card-detail{
  position:relative !important;
  display:grid !important;
  gap:8px !important;
  margin-top:14px !important;
  padding:13px !important;
  border:1px solid var(--sscm-line-soft) !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(200,169,107,.10), transparent 28%),
    rgba(255,255,255,.035) !important;
}

#ssCoreMap[data-theme="light"] .sscm-card-detail{
  background:
    radial-gradient(circle at 92% 8%, rgba(159,116,48,.09), transparent 28%),
    rgba(255,255,255,.62) !important;
}

#ssCoreMap .sscm-card-detail-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:var(--sscm-gold) !important;
  font-size:.58rem !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
}

#ssCoreMap .sscm-card-detail-label::before{
  content:"" !important;
  width:18px !important;
  height:1px !important;
  background:var(--sscm-gold) !important;
  opacity:.72 !important;
}

#ssCoreMap .sscm-card-detail strong{
  display:block !important;
  color:var(--sscm-text-strong) !important;
  font-family:var(--sscm-serif) !important;
  font-size:1.02rem !important;
  font-weight:560 !important;
  line-height:1.22 !important;
  letter-spacing:-.028em !important;
}

#ssCoreMap .sscm-card-detail p{
  margin:0 !important;
  color:var(--sscm-muted) !important;
  font-size:.78rem !important;
  line-height:1.5 !important;
}

#ssCoreMap .sscm-card-detail-question{
  margin-top:2px !important;
  padding-top:9px !important;
  border-top:1px solid var(--sscm-line-soft) !important;
  color:var(--sscm-soft) !important;
  font-size:.72rem !important;
  line-height:1.45 !important;
}

#ssCoreMap .sscm-card-detail-question b{
  color:var(--sscm-gold-2) !important;
  font-weight:900 !important;
}

#ssCoreMap .sscm-card-detail-pills{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin-top:2px !important;
}

#ssCoreMap .sscm-card-detail-pill{
  display:inline-flex !important;
  align-items:center !important;
  min-height:22px !important;
  padding:4px 7px !important;
  border:1px solid var(--sscm-line-soft) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--sscm-muted) !important;
  font-size:.59rem !important;
  font-weight:820 !important;
  line-height:1 !important;
}

#ssCoreMap .sscm-card-actions button.is-detail-ready{
  color:#17110a !important;
  border-color:rgba(255,255,255,.14) !important;
  background:linear-gradient(135deg,#b99150,#e4c982) !important;
}

#ssCoreMap[data-theme="light"] .sscm-card-actions button.is-detail-ready{
  color:#17110a !important;
}

/* =========================================================
   V4.1 - CLICKABLE FILTER LABELS
========================================================= */

#ssCoreMap button.sscm-badge,
#ssCoreMap button.sscm-tag,
#ssCoreMap button.sscm-meta-filter,
#ssCoreMap button.sscm-section-filter{
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
  font:inherit !important;
  text-align:left !important;
  box-shadow:none !important;
}

#ssCoreMap button.sscm-badge:hover,
#ssCoreMap button.sscm-tag:hover,
#ssCoreMap button.sscm-meta-filter:hover,
#ssCoreMap button.sscm-section-filter:hover{
  border-color:var(--sscm-line-strong) !important;
  color:var(--sscm-text-strong) !important;
  background:rgba(200,169,107,.14) !important;
}

#ssCoreMap button.sscm-badge:focus-visible,
#ssCoreMap button.sscm-tag:focus-visible,
#ssCoreMap button.sscm-meta-filter:focus-visible,
#ssCoreMap button.sscm-section-filter:focus-visible{
  outline:2px solid rgba(200,169,107,.45) !important;
  outline-offset:3px !important;
}

#ssCoreMap .sscm-section-filter{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--sscm-gold) !important;
  font-size:.66rem !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-align:right !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
  padding:0 !important;
  background:transparent !important;
  border-color:transparent !important;
}

#ssCoreMap .sscm-section-filter:hover{
  color:var(--sscm-gold-2) !important;
  background:transparent !important;
  border-color:transparent !important;
}

#ssCoreMap .sscm-meta-filter{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

#ssCoreMap .sscm-meta-filter span{
  display:block !important;
  margin-bottom:3px !important;
  color:var(--sscm-gold) !important;
  font-size:.61rem !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-meta-filter strong{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:var(--sscm-text-strong) !important;
  font-size:.72rem !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}

#ssCoreMap .sscm-filter-flash{
  animation:sscmFilterFlash .9s ease both !important;
}

@keyframes sscmFilterFlash{
  0%{
    box-shadow:0 0 0 0 rgba(200,169,107,.00) !important;
  }
  28%{
    box-shadow:0 0 0 5px rgba(200,169,107,.16) !important;
  }
  100%{
    box-shadow:0 0 0 0 rgba(200,169,107,.00) !important;
  }
}

/* =========================================================
   sscm-relation
========================================================= */

#ssCoreMap .sscm-relation-preview{
  display:grid !important;
  gap:8px !important;
  margin-top:14px !important;
  padding:12px !important;
  border:1px solid var(--sscm-line-soft) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.032) !important;
}

#ssCoreMap .sscm-relation-line{
  display:grid !important;
  grid-template-columns:76px 1fr !important;
  gap:10px !important;
  align-items:start !important;
}

#ssCoreMap .sscm-relation-label{
  color:var(--sscm-gold) !important;
  font-size:.62rem !important;
  font-weight:950 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  line-height:1.35 !important;
}

#ssCoreMap .sscm-relation-value{
  min-width:0 !important;
  color:var(--sscm-muted) !important;
  font-size:.75rem !important;
  font-weight:780 !important;
  line-height:1.38 !important;
}

#ssCoreMap .sscm-relation-value a{
  color:var(--sscm-text-strong) !important;
  border-bottom:1px solid rgba(200,169,107,.28) !important;
}

#ssCoreMap .sscm-relation-value a:hover{
  color:var(--sscm-gold-2) !important;
}

#ssCoreMap .sscm-card-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:auto !important;
  padding-top:16px !important;
}

#ssCoreMap .sscm-card-actions a,
#ssCoreMap .sscm-card-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 11px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  line-height:1 !important;
}

#ssCoreMap .sscm-card-actions a{
  color:var(--sscm-text-strong) !important;
  background:rgba(255,255,255,.055) !important;
}

#ssCoreMap .sscm-card-actions button{
  color:var(--sscm-gold-2) !important;
  background:rgba(200,169,107,.10) !important;
}

#ssCoreMap .sscm-card-actions a:hover,
#ssCoreMap .sscm-card-actions button:hover{
  border-color:var(--sscm-line-strong) !important;
  background:rgba(200,169,107,.13) !important;
}


/* =========================================================
   V5.1 - ENGLISH LINK + KBDS POPUP BRIDGE
   English menjadi jalur baca resmi, ✦ membuka popup term KBDS global.
========================================================= */

#ssCoreMap .sscm-action-english,
#ssCoreMap .sscm-card-actions a.sscm-action-english,
#ssCoreMap .sscm-hero-result-actions a.sscm-action-english{
  color:var(--sscm-gold-2) !important;
  border-color:rgba(200,169,107,.24) !important;
  background:rgba(200,169,107,.085) !important;
}

#ssCoreMap .sscm-action-orientasi,
#ssCoreMap .sscm-card-actions a.sscm-action-orientasi,
#ssCoreMap .sscm-hero-result-actions a.sscm-action-orientasi{
  color:var(--sscm-text-strong) !important;
}

#ssCoreMap .sscm-card-actions .sscm-kbd-popup-action,
#ssCoreMap .sscm-hero-result-actions .sscm-kbd-popup-action,
#ssCoreMap button.sscm-kbd-popup-action{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  border-color:rgba(200,169,107,.30) !important;
  border-radius:999px !important;
  background:rgba(200,169,107,.12) !important;
  color:var(--sscm-gold-2) !important;
  font-family:var(--sscm-serif) !important;
  font-size:.98rem !important;
  font-weight:560 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

#ssCoreMap .sscm-card-actions .sscm-kbd-popup-action:hover,
#ssCoreMap .sscm-hero-result-actions .sscm-kbd-popup-action:hover,
#ssCoreMap button.sscm-kbd-popup-action:hover{
  color:var(--sscm-text-strong) !important;
  border-color:var(--sscm-line-strong) !important;
  background:rgba(200,169,107,.18) !important;
}

#ssCoreMap .sscm-hero-result-actions .sscm-kbd-popup-action{
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  font-size:.88rem !important;
}

/* Paths and ecosystem */
#ssCoreMap .sscm-path-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
}

#ssCoreMap .sscm-eco-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

#ssCoreMap .sscm-path-card,
#ssCoreMap .sscm-eco-card,
#ssCoreMap .sscm-faq-list details{
  border:1px solid var(--sscm-line) !important;
  border-radius:var(--sscm-radius-lg) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(200,169,107,.09), transparent 24%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.020)) !important;
}

#ssCoreMap .sscm-path-card{
  min-height:315px !important;
  padding:18px !important;
}

#ssCoreMap .sscm-path-card h3{
  margin:0 0 10px !important;
  font-size:1.2rem !important;
  font-weight:560 !important;
  line-height:1.2 !important;
  letter-spacing:-.035em !important;
}

#ssCoreMap .sscm-path-card p{
  margin:0 0 16px !important;
  font-size:.82rem !important;
  line-height:1.62 !important;
}

#ssCoreMap .sscm-path-list{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

#ssCoreMap .sscm-path-list a{
  display:block !important;
  padding:9px 10px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--sscm-muted) !important;
  font-size:.74rem !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}

#ssCoreMap .sscm-path-list a:hover{
  color:var(--sscm-text-strong) !important;
  border-color:var(--sscm-line-strong) !important;
}

#ssCoreMap .sscm-eco-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:150px !important;
  padding:20px !important;
}

#ssCoreMap .sscm-eco-card span{
  color:var(--sscm-gold) !important;
  font-size:.7rem !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-eco-card strong{
  margin-top:auto !important;
  color:var(--sscm-text-strong) !important;
  font-family:var(--sscm-serif) !important;
  font-size:1.22rem !important;
  font-weight:560 !important;
  line-height:1.22 !important;
  letter-spacing:-.035em !important;
}

/* FAQ */
#ssCoreMap .sscm-faq-list{
  display:grid !important;
  gap:10px !important;
}

#ssCoreMap .sscm-faq-list details{
  overflow:hidden !important;
  border-radius:18px !important;
}

#ssCoreMap .sscm-faq-list summary{
  display:block !important;
  cursor:pointer !important;
  padding:16px 18px !important;
  color:var(--sscm-text-strong) !important;
  font-size:.92rem !important;
  font-weight:900 !important;
  line-height:1.4 !important;
  list-style:none !important;
}

#ssCoreMap .sscm-faq-list summary::-webkit-details-marker{
  display:none !important;
}

#ssCoreMap .sscm-faq-list p{
  margin:0 !important;
  padding:0 18px 18px !important;
  font-size:.88rem !important;
  line-height:1.72 !important;
}

/* Footer */
#ssCoreMap .sscm-footer{
  padding:24px 0 36px !important;
  border-top:1px solid var(--sscm-line) !important;
  color:var(--sscm-soft) !important;
  font-size:.72rem !important;
  line-height:1.4 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
}

#ssCoreMap .sscm-footer-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

#ssCoreMap .sscm-footer span,
#ssCoreMap .sscm-footer a{
  color:var(--sscm-soft) !important;
}

#ssCoreMap .sscm-footer a:hover{
  color:var(--sscm-gold) !important;
}

/* Responsive */
@media (max-width:1120px){
  #ssCoreMap .sscm-hero-grid{
    grid-template-columns:1fr !important;
  }

  #ssCoreMap .sscm-command-panel{
    max-width:620px !important;
  }

  #ssCoreMap .sscm-stat-grid,
  #ssCoreMap .sscm-backbone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #ssCoreMap .sscm-backbone::before{
    display:none !important;
  }

  #ssCoreMap .sscm-backbone-node:nth-child(odd),
  #ssCoreMap .sscm-backbone-node:nth-child(even){
    transform:none !important;
  }

  #ssCoreMap .sscm-meaning-grid,
  #ssCoreMap .sscm-function-grid,
  #ssCoreMap .sscm-card-grid,
  #ssCoreMap .sscm-eco-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #ssCoreMap .sscm-path-grid,
  #ssCoreMap .sscm-guide-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:860px){
  #ssCoreMap .sscm-shell{
    width:min(100% - 28px, var(--sscm-max)) !important;
  }

  #ssCoreMap .sscm-topbar-inner{
    grid-template-columns:1fr !important;
    justify-items:start !important;
    padding:10px 0 !important;
  }

  #ssCoreMap .sscm-top-right{
    justify-self:start !important;
  }

  #ssCoreMap .sscm-mini-nav{
    width:100% !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
  }

  #ssCoreMap .sscm-hero{
    padding:50px 0 42px !important;
  }

  #ssCoreMap .sscm-hero::before{
    inset:14px !important;
    border-radius:26px !important;
  }

  #ssCoreMap .sscm-hero h1{
    font-size:clamp(2.28rem,10vw,3.35rem) !important;
    letter-spacing:-.045em !important;
  }

  #ssCoreMap .sscm-section{
    padding:36px 0 !important;
  }

  #ssCoreMap .sscm-section-head,
  #ssCoreMap .sscm-engine-head,
  #ssCoreMap .sscm-filter-grid,
  #ssCoreMap .sscm-advanced-grid{
    grid-template-columns:1fr !important;
  }

  #ssCoreMap .sscm-stat-grid,
  #ssCoreMap .sscm-backbone-grid,
  #ssCoreMap .sscm-meaning-grid,
  #ssCoreMap .sscm-function-grid,
  #ssCoreMap .sscm-guide-grid,
  #ssCoreMap .sscm-card-grid,
  #ssCoreMap .sscm-path-grid,
  #ssCoreMap .sscm-eco-grid{
    grid-template-columns:1fr !important;
  }

  #ssCoreMap .sscm-card,
  #ssCoreMap .sscm-path-card{
    min-height:auto !important;
  }

  #ssCoreMap .sscm-control-foot{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  #ssCoreMap .sscm-card-meta{
    grid-template-columns:1fr !important;
  }

  #ssCoreMap .sscm-hero-result{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:520px){
  #ssCoreMap .sscm-hero-actions{
    flex-direction:column !important;
  }

  #ssCoreMap .sscm-btn{
    width:100% !important;
  }

  #ssCoreMap .sscm-manifesto,
  #ssCoreMap .sscm-engine-shell,
  #ssCoreMap .sscm-closing{
    padding:22px !important;
    border-radius:22px !important;
  }

  #ssCoreMap .sscm-command-panel{
    padding:20px !important;
  }

  #ssCoreMap .sscm-total-mark{
    grid-template-columns:1fr !important;
  }

  #ssCoreMap .sscm-hero-search-row{
    grid-template-columns:1fr !important;
  }

  #ssCoreMap .sscm-relation-line{
    grid-template-columns:1fr !important;
    gap:3px !important;
  }
}

/* =========================================================
   SSCM V5 PATCH - COMPACT CARD FILTER LABELS
   Merapikan badge/tag/meta filter agar tidak terlalu besar
========================================================= */

#ssCoreMap .sscm-badges{
  gap:5px !important;
  margin:0 0 9px !important;
}

#ssCoreMap .sscm-badge,
#ssCoreMap button.sscm-badge{
  min-height:21px !important;
  padding:3px 7px !important;
  font-size:.58rem !important;
  font-weight:900 !important;
  letter-spacing:.075em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

#ssCoreMap .sscm-tags{
  gap:5px !important;
  margin-top:12px !important;
}

#ssCoreMap .sscm-tag,
#ssCoreMap button.sscm-tag{
  min-height:22px !important;
  padding:4px 7px !important;
  font-size:.60rem !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#ssCoreMap .sscm-meta-pill{
  padding:7px 8px !important;
}

#ssCoreMap .sscm-meta-pill span,
#ssCoreMap .sscm-meta-filter span{
  margin-bottom:3px !important;
  font-size:.56rem !important;
  font-weight:950 !important;
  letter-spacing:.115em !important;
  line-height:1.1 !important;
}

#ssCoreMap .sscm-meta-pill strong,
#ssCoreMap .sscm-meta-filter strong{
  font-size:.66rem !important;
  font-weight:820 !important;
  line-height:1.18 !important;
}

#ssCoreMap button.sscm-badge,
#ssCoreMap button.sscm-tag,
#ssCoreMap button.sscm-meta-filter,
#ssCoreMap button.sscm-section-filter{
  font-family:var(--sscm-sans) !important;
}

#ssCoreMap button.sscm-badge,
#ssCoreMap button.sscm-tag{
  text-align:center !important;
}

@media (max-width:520px){
  #ssCoreMap .sscm-badge,
  #ssCoreMap button.sscm-badge{
    min-height:20px !important;
    padding:3px 6px !important;
    font-size:.55rem !important;
  }

  #ssCoreMap .sscm-tag,
  #ssCoreMap button.sscm-tag{
    min-height:21px !important;
    padding:3px 6px !important;
    font-size:.57rem !important;
  }
}

/* =========================================================
   PETA BESAR TULISAN INTI SISTEM SUNYI
   Editorial Premium Lift Micro Patch
   Kosmetik saja, tidak mengubah engine, grid, JS, atau behavior
   Root: #ssCoreMap
========================================================= */


/* =========================================================
   01. PREMIUM TOKENS RINGAN
========================================================= */

#ssCoreMap{
  --sscm-lift-line:rgba(200,169,107,.30);
  --sscm-lift-line-soft:rgba(246,234,208,.105);
  --sscm-lift-blue:rgba(136,185,223,.105);
  --sscm-lift-gold:rgba(200,169,107,.135);
  --sscm-lift-glass:
    radial-gradient(circle at 88% 10%, rgba(136,185,223,.070), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(200,169,107,.070), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.024));
  --sscm-lift-glass-soft:
    radial-gradient(circle at 88% 10%, rgba(136,185,223,.050), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.020));
  --sscm-lift-shadow:
    0 26px 78px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.040);
}

#ssCoreMap[data-theme="light"]{
  --sscm-lift-line:rgba(159,116,48,.25);
  --sscm-lift-line-soft:rgba(24,35,50,.10);
  --sscm-lift-blue:rgba(47,103,143,.065);
  --sscm-lift-gold:rgba(159,116,48,.10);
  --sscm-lift-glass:
    radial-gradient(circle at 88% 10%, rgba(47,103,143,.045), transparent 34%),
    radial-gradient(circle at 12% 0%, rgba(159,116,48,.060), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.64));
  --sscm-lift-glass-soft:
    radial-gradient(circle at 88% 10%, rgba(47,103,143,.035), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.58));
  --sscm-lift-shadow:
    0 18px 52px rgba(30,35,44,.10),
    inset 0 1px 0 rgba(255,255,255,.70);
}


/* =========================================================
   02. ATMOSFER HALAMAN SEDIKIT LEBIH MONUMENTAL
========================================================= */

#ssCoreMap.sscm-page{
  background:
    radial-gradient(circle at 12% 2%, rgba(200,169,107,.155), transparent 32%),
    radial-gradient(circle at 86% 10%, rgba(88,136,174,.235), transparent 34%),
    radial-gradient(circle at 48% 92%, rgba(143,36,36,.060), transparent 38%),
    linear-gradient(90deg, rgba(200,169,107,.015) 0 1px, transparent 1px 100%),
    linear-gradient(145deg,#050a12 0%, var(--sscm-bg) 44%, #102132 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}

#ssCoreMap.sscm-page[data-theme="light"]{
  background:
    radial-gradient(circle at 12% 2%, rgba(159,116,48,.135), transparent 32%),
    radial-gradient(circle at 86% 10%, rgba(47,103,143,.115), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(155,56,49,.035), transparent 38%),
    linear-gradient(90deg, rgba(159,116,48,.014) 0 1px, transparent 1px 100%),
    linear-gradient(145deg,#fbf7ef 0%, #f4ede2 48%, #e9eef2 100%) !important;
}


/* =========================================================
   03. TOPBAR POLISH
========================================================= */

#ssCoreMap .sscm-topbar{
  border-bottom-color:var(--sscm-lift-line-soft) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(136,185,223,.070), transparent 34%),
    rgba(7,16,26,.80) !important;
  box-shadow:
    0 14px 42px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#ssCoreMap[data-theme="light"] .sscm-topbar{
  background:
    radial-gradient(circle at 8% 0%, rgba(47,103,143,.040), transparent 34%),
    rgba(255,255,255,.86) !important;
  box-shadow:
    0 12px 34px rgba(30,35,44,.09),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
}

#ssCoreMap .sscm-mini-nav,
#ssCoreMap .sscm-theme-toggle{
  border-color:var(--sscm-lift-line-soft) !important;
}

#ssCoreMap .sscm-mini-nav a:hover,
#ssCoreMap .sscm-theme-toggle:hover{
  border-color:var(--sscm-lift-line) !important;
  background:rgba(200,169,107,.12) !important;
}


/* =========================================================
   04. HERO DAN COMMAND PANEL
========================================================= */

#ssCoreMap .sscm-hero::before{
  border-color:rgba(200,169,107,.15) !important;
}

#ssCoreMap .sscm-hero h1{
  text-shadow:0 18px 58px rgba(0,0,0,.24) !important;
}

#ssCoreMap[data-theme="light"] .sscm-hero h1{
  text-shadow:none !important;
}

#ssCoreMap .sscm-command-panel{
  border-color:var(--sscm-lift-line) !important;
  background:
    radial-gradient(circle at 84% 14%, rgba(200,169,107,.145), transparent 28%),
    radial-gradient(circle at 8% 100%, rgba(136,185,223,.070), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.028)) !important;
  box-shadow:
    0 30px 92px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

#ssCoreMap[data-theme="light"] .sscm-command-panel{
  border-color:var(--sscm-lift-line) !important;
  background:
    radial-gradient(circle at 84% 14%, rgba(159,116,48,.115), transparent 28%),
    radial-gradient(circle at 8% 100%, rgba(47,103,143,.060), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.66)) !important;
  box-shadow:var(--sscm-lift-shadow) !important;
}

#ssCoreMap .sscm-total-number{
  text-shadow:0 12px 36px rgba(200,169,107,.12) !important;
}

#ssCoreMap[data-theme="light"] .sscm-total-number{
  text-shadow:none !important;
}


/* =========================================================
   05. HERO SEARCH DAN STAT BAND
========================================================= */

#ssCoreMap .sscm-hero-search-box,
#ssCoreMap .sscm-stat-grid{
  border-color:var(--sscm-lift-line) !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(200,169,107,.085), transparent 30%),
    rgba(10,22,34,.88) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

#ssCoreMap[data-theme="light"] .sscm-hero-search-box,
#ssCoreMap[data-theme="light"] .sscm-stat-grid{
  background:
    radial-gradient(circle at 90% 0%, rgba(159,116,48,.065), transparent 30%),
    rgba(255,255,255,.84) !important;
  box-shadow:
    0 18px 48px rgba(30,35,44,.10),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
}

#ssCoreMap .sscm-stat-card{
  border-color:var(--sscm-lift-line-soft) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(200,169,107,.11), transparent 28%),
    rgba(255,255,255,.040) !important;
}

#ssCoreMap[data-theme="light"] .sscm-stat-card{
  background:
    radial-gradient(circle at 88% 12%, rgba(159,116,48,.075), transparent 28%),
    rgba(255,255,255,.70) !important;
}


/* =========================================================
   06. PANEL KONSEP DAN KARTU EDITORIAL
========================================================= */

#ssCoreMap .sscm-meaning-card,
#ssCoreMap .sscm-guide-card,
#ssCoreMap .sscm-function-card,
#ssCoreMap .sscm-path-card,
#ssCoreMap .sscm-eco-card,
#ssCoreMap .sscm-faq-list details{
  border-color:var(--sscm-lift-line-soft) !important;
  background:var(--sscm-lift-glass-soft) !important;
  box-shadow:
    0 16px 44px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.030) !important;
}

#ssCoreMap[data-theme="light"] .sscm-meaning-card,
#ssCoreMap[data-theme="light"] .sscm-guide-card,
#ssCoreMap[data-theme="light"] .sscm-function-card,
#ssCoreMap[data-theme="light"] .sscm-path-card,
#ssCoreMap[data-theme="light"] .sscm-eco-card,
#ssCoreMap[data-theme="light"] .sscm-faq-list details{
  background:var(--sscm-lift-glass) !important;
  box-shadow:
    0 14px 36px rgba(30,35,44,.075),
    inset 0 1px 0 rgba(255,255,255,.66) !important;
}

#ssCoreMap .sscm-meaning-card:hover,
#ssCoreMap .sscm-guide-card:hover,
#ssCoreMap .sscm-function-card:hover,
#ssCoreMap .sscm-path-card:hover,
#ssCoreMap .sscm-eco-card:hover{
  border-color:var(--sscm-lift-line) !important;
  background:var(--sscm-lift-glass) !important;
}


/* =========================================================
   07. MANIFESTO, BACKBONE, CLOSING
========================================================= */

#ssCoreMap .sscm-manifesto,
#ssCoreMap .sscm-closing,
#ssCoreMap .sscm-backbone{
  border-color:var(--sscm-lift-line) !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(200,169,107,.145), transparent 28%),
    radial-gradient(circle at 16% 88%, rgba(136,185,223,.13), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.026)) !important;
  box-shadow:var(--sscm-lift-shadow) !important;
}

#ssCoreMap[data-theme="light"] .sscm-manifesto,
#ssCoreMap[data-theme="light"] .sscm-closing,
#ssCoreMap[data-theme="light"] .sscm-backbone{
  background:
    radial-gradient(circle at 88% 16%, rgba(159,116,48,.10), transparent 28%),
    radial-gradient(circle at 16% 88%, rgba(47,103,143,.075), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.68)) !important;
  box-shadow:var(--sscm-lift-shadow) !important;
}

#ssCoreMap .sscm-backbone-node{
  border-color:var(--sscm-lift-line-soft) !important;
  background:var(--sscm-lift-glass-soft) !important;
}

#ssCoreMap[data-theme="light"] .sscm-backbone-node{
  background:var(--sscm-lift-glass) !important;
}


/* =========================================================
   08. ENGINE, SEARCH, FILTER
========================================================= */

#ssCoreMap .sscm-engine-shell{
  box-shadow:var(--sscm-lift-shadow) !important;
}

#ssCoreMap[data-theme="light"] .sscm-engine-shell{
  background:
    radial-gradient(circle at 88% 10%, rgba(159,116,48,.090), transparent 30%),
    radial-gradient(circle at 12% 92%, rgba(47,103,143,.070), transparent 34%),
    rgba(255,255,255,.76) !important;
}

#ssCoreMap .sscm-controls{
  border-color:var(--sscm-lift-line-soft) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(200,169,107,.070), transparent 32%),
    rgba(255,255,255,.048) !important;
}

#ssCoreMap[data-theme="light"] .sscm-controls{
  background:
    radial-gradient(circle at 92% 0%, rgba(159,116,48,.050), transparent 32%),
    rgba(255,255,255,.74) !important;
}

#ssCoreMap .sscm-search input,
#ssCoreMap .sscm-hero-search input,
#ssCoreMap .sscm-advanced-select{
  border-color:var(--sscm-lift-line-soft) !important;
}

#ssCoreMap .sscm-search input:focus,
#ssCoreMap .sscm-hero-search input:focus,
#ssCoreMap .sscm-advanced-select:focus{
  border-color:var(--sscm-lift-line) !important;
  box-shadow:0 0 0 4px rgba(200,169,107,.10) !important;
}

#ssCoreMap .sscm-chip,
#ssCoreMap .sscm-advanced-toggle summary,
#ssCoreMap .sscm-control-foot button{
  border-color:var(--sscm-lift-line-soft) !important;
}

#ssCoreMap .sscm-chip:hover,
#ssCoreMap .sscm-chip.is-active,
#ssCoreMap .sscm-advanced-toggle summary:hover,
#ssCoreMap .sscm-control-foot button:hover{
  border-color:var(--sscm-lift-line) !important;
  background:rgba(200,169,107,.13) !important;
}


/* =========================================================
   09. KARTU TULISAN INTI
========================================================= */

#ssCoreMap .sscm-card{
  border-color:var(--sscm-lift-line-soft) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(200,169,107,.115), transparent 26%),
    radial-gradient(circle at 12% 100%, rgba(136,185,223,.055), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.022)) !important;
  box-shadow:
    0 16px 44px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.030) !important;
}

#ssCoreMap[data-theme="light"] .sscm-card{
  background:
    radial-gradient(circle at 84% 12%, rgba(159,116,48,.075), transparent 26%),
    radial-gradient(circle at 12% 100%, rgba(47,103,143,.040), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)) !important;
  box-shadow:
    0 14px 36px rgba(30,35,44,.075),
    inset 0 1px 0 rgba(255,255,255,.66) !important;
}

#ssCoreMap .sscm-card:hover{
  border-color:var(--sscm-lift-line) !important;
  background:var(--sscm-lift-glass) !important;
}

#ssCoreMap .sscm-card::before{
  opacity:.72 !important;
}

#ssCoreMap .sscm-meta-pill,
#ssCoreMap .sscm-relation-preview{
  border-color:var(--sscm-lift-line-soft) !important;
}

#ssCoreMap[data-theme="light"] .sscm-meta-pill,
#ssCoreMap[data-theme="light"] .sscm-relation-preview{
  background:rgba(255,255,255,.66) !important;
}


/* =========================================================
   10. FOOTER DAN MOBILE SAFETY
========================================================= */

#ssCoreMap .sscm-footer{
  border-top-color:var(--sscm-lift-line-soft) !important;
}

@media (max-width:860px){
  #ssCoreMap .sscm-command-panel,
  #ssCoreMap .sscm-engine-shell,
  #ssCoreMap .sscm-manifesto,
  #ssCoreMap .sscm-closing{
    box-shadow:
      0 18px 52px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  #ssCoreMap[data-theme="light"] .sscm-command-panel,
  #ssCoreMap[data-theme="light"] .sscm-engine-shell,
  #ssCoreMap[data-theme="light"] .sscm-manifesto,
  #ssCoreMap[data-theme="light"] .sscm-closing{
    box-shadow:
      0 14px 36px rgba(30,35,44,.085),
      inset 0 1px 0 rgba(255,255,255,.66) !important;
  }
}

@media (max-width:520px){
  #ssCoreMap.sscm-page{
    background-size:auto, auto, auto, 52px 52px, auto !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #ssCoreMap .sscm-card:hover,
  #ssCoreMap .sscm-meaning-card:hover,
  #ssCoreMap .sscm-guide-card:hover,
  #ssCoreMap .sscm-function-card:hover,
  #ssCoreMap .sscm-path-card:hover,
  #ssCoreMap .sscm-eco-card:hover{
    transform:none !important;
  }
}
  

/* =========================================================
   V6.0 — Hero Reframe + View Mode Architecture
========================================================= */
#ssCoreMap .sscm-v6-hero{
  padding-top:82px !important;
  padding-bottom:44px !important;
}
#ssCoreMap .sscm-v6-hero-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(340px,.76fr) !important;
  align-items:stretch !important;
}
#ssCoreMap .sscm-random-panel{
  position:relative !important;
  border:1px solid var(--sscm-line-strong) !important;
  border-radius:var(--sscm-radius-xl) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(200,169,107,.13), transparent 34%),
    radial-gradient(circle at 94% 18%, rgba(136,185,223,.10), transparent 32%),
    rgba(255,255,255,.060) !important;
  box-shadow:var(--sscm-shadow) !important;
  padding:26px !important;
  min-height:360px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  overflow:hidden !important;
}
#ssCoreMap .sscm-random-panel::after{
  content:"73" !important;
  position:absolute !important;
  right:20px !important;
  bottom:-14px !important;
  color:rgba(234,208,140,.12) !important;
  font-family:var(--sscm-serif) !important;
  font-size:126px !important;
  line-height:.8 !important;
  font-weight:900 !important;
  pointer-events:none !important;
}
#ssCoreMap .sscm-random-loading,
#ssCoreMap .sscm-random-subtitle{
  color:var(--sscm-muted) !important;
  font-size:14px !important;
  line-height:1.7 !important;
}
#ssCoreMap .sscm-random-title{
  position:relative !important;
  z-index:1 !important;
  margin:18px 0 12px !important;
  color:var(--sscm-text-strong) !important;
  font-family:var(--sscm-serif) !important;
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
}
#ssCoreMap .sscm-random-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 0 12px !important;
}
#ssCoreMap .sscm-random-meta span{
  display:inline-flex !important;
  min-height:26px !important;
  align-items:center !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  color:var(--sscm-gold-2) !important;
  background:rgba(200,169,107,.08) !important;
  padding:6px 9px !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
#ssCoreMap .sscm-random-actions{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:18px !important;
}
#ssCoreMap .sscm-random-actions a,
#ssCoreMap .sscm-random-actions button{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  color:var(--sscm-text) !important;
  background:rgba(255,255,255,.045) !important;
  padding:8px 11px !important;
  font-family:inherit !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:850 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
#ssCoreMap .sscm-random-actions a:hover,
#ssCoreMap .sscm-random-actions button:hover{
  border-color:var(--sscm-line-strong) !important;
  background:rgba(200,169,107,.11) !important;
}
#ssCoreMap .sscm-random-actions .sscm-random-next{
  color:#06101b !important;
  border-color:rgba(234,208,140,.42) !important;
  background:linear-gradient(135deg,#efd891,#c8a96b) !important;
}
#ssCoreMap .sscm-v6-stat-strip-section{
  padding:0 0 22px !important;
}
#ssCoreMap .sscm-stat-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:0 !important;
  border:1px solid var(--sscm-line-strong) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.050) !important;
  box-shadow:var(--sscm-shadow-soft) !important;
  overflow:hidden !important;
}
#ssCoreMap .sscm-stat-card{
  min-height:92px !important;
  border:0 !important;
  border-right:1px solid var(--sscm-line-soft) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:16px 18px !important;
}
#ssCoreMap .sscm-stat-card:last-child{ border-right:0 !important; }
#ssCoreMap .sscm-stat-card span{ display:none !important; }
#ssCoreMap .sscm-stat-card h3{
  margin:0 0 4px !important;
  color:var(--sscm-muted) !important;
  font-family:var(--sscm-sans) !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
#ssCoreMap .sscm-stat-card p{
  margin:0 !important;
  color:var(--sscm-soft) !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}
#ssCoreMap .sscm-stat-card strong{
  display:block !important;
  margin-top:8px !important;
  color:var(--sscm-gold-2) !important;
  font-family:var(--sscm-serif) !important;
  font-size:30px !important;
  line-height:1 !important;
}
#ssCoreMap .sscm-v6-search-section{
  padding:16px 0 12px !important;
}
#ssCoreMap .sscm-command-search-box{
  border:1px solid var(--sscm-line-strong) !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.055) !important;
  box-shadow:var(--sscm-shadow-soft) !important;
  padding:18px !important;
}
#ssCoreMap .sscm-command-search-box label{
  display:block !important;
  margin:0 0 10px !important;
  color:var(--sscm-gold) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:880 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
#ssCoreMap .sscm-command-search-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
}
#ssCoreMap .sscm-command-search-row input{
  width:100% !important;
  min-height:54px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:18px !important;
  outline:none !important;
  background:rgba(3,11,19,.62) !important;
  color:var(--sscm-text-strong) !important;
  padding:0 16px !important;
  font:inherit !important;
  font-size:14px !important;
  font-weight:750 !important;
}
#ssCoreMap .sscm-command-search-row input:focus{
  border-color:var(--sscm-line-strong) !important;
  box-shadow:0 0 0 4px rgba(200,169,107,.12) !important;
}
#ssCoreMap .sscm-command-search-row button{
  min-height:54px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.055) !important;
  color:var(--sscm-text) !important;
  padding:0 16px !important;
  font:inherit !important;
  font-size:12px !important;
  font-weight:850 !important;
  cursor:pointer !important;
}
#ssCoreMap .sscm-command-search-hint{
  margin:10px 0 0 !important;
  color:var(--sscm-soft) !important;
  font-size:12px !important;
  line-height:1.5 !important;
}
#ssCoreMap .sscm-command-results{
  margin-top:14px !important;
}
#ssCoreMap .sscm-view-mode-section{
  position:relative !important;
  z-index:2 !important;
  padding:12px 0 28px !important;
}
#ssCoreMap .sscm-view-mode-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:var(--sscm-shadow-soft) !important;
  padding:16px !important;
}
#ssCoreMap .sscm-view-mode-card h2{
  margin:0 0 4px !important;
  color:var(--sscm-text-strong) !important;
  font-family:var(--sscm-serif) !important;
  font-size:26px !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}
#ssCoreMap .sscm-view-mode-card p:not(.sscm-kicker){
  margin:0 !important;
  color:var(--sscm-muted) !important;
  font-size:13px !important;
  line-height:1.55 !important;
}
#ssCoreMap .sscm-view-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  justify-content:flex-end !important;
}
#ssCoreMap .sscm-view-buttons button{
  appearance:none !important;
  min-height:38px !important;
  border:1px solid var(--sscm-line) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.050) !important;
  color:var(--sscm-muted) !important;
  padding:9px 14px !important;
  font:inherit !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:880 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}
#ssCoreMap .sscm-view-buttons button:hover,
#ssCoreMap .sscm-view-buttons button.is-active{
  border-color:var(--sscm-line-strong) !important;
  color:var(--sscm-text-strong) !important;
  background:rgba(200,169,107,.12) !important;
}
#ssCoreMap[data-view="hero"] .sscm-mode-compact,
#ssCoreMap[data-view="hero"] .sscm-mode-full{
  display:none !important;
}
#ssCoreMap[data-view="ringkas"] .sscm-mode-full{
  display:none !important;
}
#ssCoreMap[data-view="lengkap"] .sscm-mode-compact,
#ssCoreMap[data-view="lengkap"] .sscm-mode-full{
  display:block !important;
}
@media (max-width:1080px){
  #ssCoreMap .sscm-v6-hero-grid{ grid-template-columns:1fr !important; }
  #ssCoreMap .sscm-random-panel{ min-height:0 !important; }
  #ssCoreMap .sscm-stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #ssCoreMap .sscm-stat-card{ border-bottom:1px solid var(--sscm-line-soft) !important; }
}
@media (max-width:760px){
  #ssCoreMap .sscm-view-mode-card{ grid-template-columns:1fr !important; }
  #ssCoreMap .sscm-view-buttons{ justify-content:flex-start !important; }
  #ssCoreMap .sscm-command-search-row{ grid-template-columns:1fr !important; }
  #ssCoreMap .sscm-stat-grid{ grid-template-columns:1fr !important; }
  #ssCoreMap .sscm-stat-card{ border-right:0 !important; }
}

/* =========================================================
   PETA BESAR TULISAN INTI v6.0.3
   Consolidated interaction CSS baseline
   CTA, command search, random CTA, and clickable stats are
   normalized here to avoid stacked hotfix overrides.
========================================================= */
body #ssCoreMap a.sscm-btn,
body #ssCoreMap button.sscm-btn{
  text-decoration:none !important;
  box-shadow:none !important;
}
body #ssCoreMap a.sscm-btn.sscm-btn-primary,
body #ssCoreMap button.sscm-btn.sscm-btn-primary,
body #ssCoreMap a.sscm-btn.sscm-btn-primary:visited{
  color:#07111b !important;
  background:linear-gradient(135deg,#f4d98a 0%,#d5aa50 100%) !important;
  border-color:rgba(244,217,138,.68) !important;
  font-weight:950 !important;
  text-shadow:none !important;
  box-shadow:0 16px 42px rgba(200,169,107,.20) !important;
}
body #ssCoreMap a.sscm-btn.sscm-btn-primary:hover,
body #ssCoreMap button.sscm-btn.sscm-btn-primary:hover,
body #ssCoreMap a.sscm-btn.sscm-btn-primary:focus-visible,
body #ssCoreMap button.sscm-btn.sscm-btn-primary:focus-visible,
body #ssCoreMap a.sscm-btn.sscm-btn-primary:active,
body #ssCoreMap button.sscm-btn.sscm-btn-primary:active{
  color:#05080b !important;
  background:linear-gradient(135deg,#ffe7a0 0%,#dcb25a 100%) !important;
  border-color:rgba(255,232,166,.86) !important;
  text-shadow:none !important;
  box-shadow:0 18px 46px rgba(200,169,107,.28),0 0 0 3px rgba(244,217,138,.12) !important;
  outline:none !important;
}
body #ssCoreMap a.sscm-btn.sscm-btn-ghost,
body #ssCoreMap button.sscm-btn.sscm-btn-ghost,
body #ssCoreMap a.sscm-btn.sscm-btn-ghost:visited{
  color:var(--sscm-text-strong) !important;
  background:rgba(255,255,255,.065) !important;
  border-color:var(--sscm-line) !important;
}
body #ssCoreMap a.sscm-btn.sscm-btn-ghost:hover,
body #ssCoreMap button.sscm-btn.sscm-btn-ghost:hover,
body #ssCoreMap a.sscm-btn.sscm-btn-ghost:focus-visible,
body #ssCoreMap button.sscm-btn.sscm-btn-ghost:focus-visible{
  color:var(--sscm-text-strong) !important;
  background:rgba(255,255,255,.095) !important;
  border-color:var(--sscm-line-strong) !important;
  outline:none !important;
}
body #ssCoreMap[data-theme="light"] a.sscm-btn.sscm-btn-primary,
body #ssCoreMap[data-theme="light"] button.sscm-btn.sscm-btn-primary,
body #ssCoreMap[data-theme="light"] a.sscm-btn.sscm-btn-primary:visited{
  color:#07111b !important;
  background:linear-gradient(135deg,#e8c96f 0%,#c89c43 100%) !important;
  border-color:rgba(159,116,48,.38) !important;
  box-shadow:0 14px 32px rgba(62,47,28,.12) !important;
}
body #ssCoreMap[data-theme="light"] a.sscm-btn.sscm-btn-primary:hover,
body #ssCoreMap[data-theme="light"] button.sscm-btn.sscm-btn-primary:hover,
body #ssCoreMap[data-theme="light"] a.sscm-btn.sscm-btn-primary:focus-visible,
body #ssCoreMap[data-theme="light"] button.sscm-btn.sscm-btn-primary:focus-visible{
  color:#07111b !important;
  background:linear-gradient(135deg,#f1d987 0%,#d3a95a 100%) !important;
  border-color:rgba(159,116,48,.56) !important;
  box-shadow:0 16px 34px rgba(62,47,28,.14),0 0 0 3px rgba(159,116,48,.10) !important;
}
body #ssCoreMap .sscm-random-actions .sscm-random-next,
body #ssCoreMap .sscm-random-actions .sscm-random-next:visited{
  color:#07111b !important;
  border-color:rgba(239,216,145,.58) !important;
  background:linear-gradient(135deg,#f2dc99 0%,#c8a96b 100%) !important;
  text-shadow:none !important;
  font-weight:950 !important;
}
body #ssCoreMap .sscm-random-actions .sscm-random-next:hover,
body #ssCoreMap .sscm-random-actions .sscm-random-next:focus-visible{
  color:#07111b !important;
  border-color:rgba(255,231,162,.78) !important;
  background:linear-gradient(135deg,#ffe8a4 0%,#d7b874 100%) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20),0 0 0 3px rgba(239,216,145,.14) !important;
  text-shadow:none !important;
  outline:none !important;
}
body #ssCoreMap[data-theme="light"] .sscm-random-actions .sscm-random-next,
body #ssCoreMap[data-theme="light"] .sscm-random-actions .sscm-random-next:visited{
  color:#0c1725 !important;
  border-color:rgba(159,116,48,.36) !important;
  background:linear-gradient(135deg,#e6c975 0%,#c99f48 100%) !important;
}
body #ssCoreMap[data-theme="light"] .sscm-random-actions .sscm-random-next:hover,
body #ssCoreMap[data-theme="light"] .sscm-random-actions .sscm-random-next:focus-visible{
  color:#0c1725 !important;
  border-color:rgba(159,116,48,.52) !important;
  background:linear-gradient(135deg,#f0d687 0%,#d2a95a 100%) !important;
  box-shadow:0 12px 26px rgba(62,47,28,.13),0 0 0 3px rgba(159,116,48,.10) !important;
}
body #ssCoreMap[data-theme="light"] .sscm-command-search-box{
  border-color:rgba(159,116,48,.24) !important;
  background:radial-gradient(circle at 92% 0%,rgba(159,116,48,.055),transparent 30%),rgba(255,255,255,.82) !important;
  box-shadow:0 18px 46px rgba(30,35,44,.075),inset 0 1px 0 rgba(255,255,255,.82) !important;
}
body #ssCoreMap[data-theme="light"] .sscm-command-search-row input,
body #ssCoreMap[data-theme="light"] .sscm-hero-search input{
  border-color:rgba(159,116,48,.22) !important;
  background:rgba(255,255,255,.94) !important;
  color:#0b1725 !important;
  caret-color:#9f7430 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 1px 0 rgba(30,35,44,.025) !important;
}
body #ssCoreMap[data-theme="light"] .sscm-command-search-row input::placeholder,
body #ssCoreMap[data-theme="light"] .sscm-hero-search input::placeholder{
  color:rgba(11,23,37,.46) !important;
  opacity:1 !important;
}
body #ssCoreMap[data-theme="light"] .sscm-command-search-row input:focus,
body #ssCoreMap[data-theme="light"] .sscm-hero-search input:focus{
  border-color:rgba(159,116,48,.46) !important;
  background:#fff !important;
  color:#0b1725 !important;
  box-shadow:0 0 0 4px rgba(159,116,48,.11),inset 0 1px 0 rgba(255,255,255,.92) !important;
}
body #ssCoreMap[data-theme="light"] .sscm-command-search-row button,
body #ssCoreMap[data-theme="light"] .sscm-hero-search button{
  border-color:rgba(159,116,48,.22) !important;
  background:rgba(255,255,255,.72) !important;
  color:#172235 !important;
}
body #ssCoreMap .sscm-stat-card{
  appearance:none !important;
  width:100% !important;
  text-align:left !important;
  cursor:pointer !important;
  font-family:inherit !important;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}
body #ssCoreMap .sscm-stat-card:hover,
body #ssCoreMap .sscm-stat-card:focus-visible{
  transform:translateY(-1px) !important;
  background:radial-gradient(circle at 88% 12%,rgba(200,169,107,.18),transparent 30%),rgba(255,255,255,.070) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
  outline:none !important;
}
body #ssCoreMap .sscm-stat-card:hover h3,
body #ssCoreMap .sscm-stat-card:focus-visible h3{
  color:var(--sscm-text-strong) !important;
}
body #ssCoreMap .sscm-stat-card:hover strong,
body #ssCoreMap .sscm-stat-card:focus-visible strong{
  color:#f4d88b !important;
}
body #ssCoreMap[data-theme="light"] .sscm-stat-card:hover,
body #ssCoreMap[data-theme="light"] .sscm-stat-card:focus-visible{
  background:radial-gradient(circle at 88% 12%,rgba(159,116,48,.11),transparent 30%),rgba(255,255,255,.92) !important;
}
body #ssCoreMap[data-theme="light"] .sscm-stat-card:hover h3,
body #ssCoreMap[data-theme="light"] .sscm-stat-card:focus-visible h3{
  color:#162232 !important;
}
body #ssCoreMap[data-theme="light"] .sscm-stat-card:hover strong,
body #ssCoreMap[data-theme="light"] .sscm-stat-card:focus-visible strong{
  color:#8b6024 !important;
}
body #ssCoreMap .sscm-stat-card::after{
  content:"Lihat" !important;
  position:absolute !important;
  right:18px !important;
  top:16px !important;
  opacity:0 !important;
  transform:translateY(-2px) !important;
  color:var(--sscm-gold-2) !important;
  font-size:9.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  transition:opacity .2s ease,transform .2s ease !important;
}
body #ssCoreMap .sscm-stat-card:hover::after,
body #ssCoreMap .sscm-stat-card:focus-visible::after{
  opacity:.88 !important;
  transform:translateY(0) !important;
}
