/* =========================================================
   ATLAS SISTEM SUNYI GODMODE RESET v2
   Root: .ss-idx-root
   Dark mode default. Light mode via data-ss-theme="light".
   Floating mobile button dan bottom sheet TIDAK disentuh.
========================================================= */

/* =========================================================
   01. ROOT TOKENS
========================================================= */
body .ss-idx-root{
  --ss-bg:#06111d;
  --ss-bg-2:#0b1724;
  --ss-bg-3:#101f2d;
  --ss-ink:#edf6ff;
  --ss-ink-strong:#ffffff;
  --ss-muted:rgba(237,246,255,.72);
  --ss-soft:rgba(237,246,255,.54);
  --ss-faint:rgba(237,246,255,.36);
  --ss-line:rgba(170,207,235,.15);
  --ss-line-strong:rgba(199,166,90,.34);
  --ss-card:rgba(255,255,255,.070);
  --ss-card-2:rgba(255,255,255,.050);
  --ss-card-3:rgba(255,255,255,.034);
  --ss-panel:rgba(255,255,255,.060);
  --ss-panel-strong:rgba(255,255,255,.090);
  --ss-gold:#c7a65a;
  --ss-gold-2:#e0c47c;
  --ss-gold-soft:rgba(199,166,90,.135);
  --ss-blue:#88c1ee;
  --ss-blue-2:#4d85b8;
  --ss-blue-soft:rgba(104,164,215,.14);
  --ss-red:#ce5b4d;
  --ss-red-soft:rgba(206,91,77,.13);
  --ss-green:#89c6a4;
  --ss-purple:#b9a1ea;
  --ss-radius-xl:34px;
  --ss-radius-lg:26px;
  --ss-radius-md:18px;
  --ss-radius-sm:13px;
  --ss-shadow:0 26px 86px rgba(0,0,0,.34);
  --ss-shadow-soft:0 14px 44px rgba(0,0,0,.22);
  --ss-glow:0 0 0 1px rgba(255,255,255,.04), 0 18px 56px rgba(0,0,0,.22);

  position:relative;
  isolation:isolate;
  max-width:none !important;
  width:100% !important;
  margin:0 auto !important;
  padding:22px 0 68px !important;
  overflow-x:clip;
  overflow-y:visible;
  color:var(--ss-ink);
  font-family:"Lato",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.75;
  background:
    radial-gradient(circle at 12% -4%, rgba(95,153,205,.24), transparent 30%),
    radial-gradient(circle at 78% 2%, rgba(199,166,90,.14), transparent 28%),
    radial-gradient(circle at 48% 34%, rgba(47,82,118,.20), transparent 38%),
    linear-gradient(180deg,var(--ss-bg) 0%, var(--ss-bg-2) 42%, #07111c 100%);
}

body .ss-idx-root[data-ss-theme="light"]{
  --ss-bg:#f2ede4;
  --ss-bg-2:#fbf7ef;
  --ss-bg-3:#eee5d8;
  --ss-ink:#162232;
  --ss-ink-strong:#0c1420;
  --ss-muted:rgba(22,34,50,.72);
  --ss-soft:rgba(22,34,50,.54);
  --ss-faint:rgba(22,34,50,.36);
  --ss-line:rgba(31,52,72,.14);
  --ss-line-strong:rgba(154,113,48,.34);
  --ss-card:rgba(255,255,255,.78);
  --ss-card-2:rgba(255,255,255,.66);
  --ss-card-3:rgba(255,255,255,.54);
  --ss-panel:rgba(255,255,255,.78);
  --ss-panel-strong:rgba(255,255,255,.92);
  --ss-gold:#9a7130;
  --ss-gold-2:#755424;
  --ss-gold-soft:rgba(154,113,48,.12);
  --ss-blue:#245578;
  --ss-blue-2:#2f709c;
  --ss-blue-soft:rgba(36,85,120,.11);
  --ss-red:#a94438;
  --ss-red-soft:rgba(169,68,56,.10);
  --ss-green:#36774f;
  --ss-purple:#604f91;
  --ss-shadow:0 24px 74px rgba(62,47,28,.14);
  --ss-shadow-soft:0 12px 36px rgba(62,47,28,.10);
  --ss-glow:0 0 0 1px rgba(31,52,72,.05), 0 16px 44px rgba(62,47,28,.10);
  color:var(--ss-ink);
  background:
    radial-gradient(circle at 12% -4%, rgba(74,125,166,.13), transparent 30%),
    radial-gradient(circle at 82% 3%, rgba(154,113,48,.13), transparent 28%),
    linear-gradient(180deg,#f2ede4 0%, #fbf7ef 44%, #eee5d8 100%);
}

body .ss-idx-root,
body .ss-idx-root *{
  box-sizing:border-box;
}

body .ss-idx-root::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.020) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.68), transparent 72%);
}

body .ss-idx-root[data-ss-theme="light"]::before{
  background:
    linear-gradient(rgba(36,85,120,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36,85,120,.030) 1px, transparent 1px);
}

body .ss-idx-root a{
  color:inherit;
  text-decoration:none;
}

body .ss-idx-root a:hover{
  text-decoration:none;
}

body .ss-idx-root section,
body .ss-idx-topbar,
body .ss-idx-bottom-bar,
body .ss-idx-root > p{
  max-width:1180px !important;
  width:calc(100% - 36px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body .ss-idx-root section{
  margin-top:0;
  margin-bottom:30px;
  padding:0 18px;
}

/* =========================================================
   02. TOPBAR KHUSUS ATLAS
   Snippet topbar diletakkan setelah pembuka .ss-idx-root.
========================================================= */
body .ss-idx-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:140 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:18px !important;
  padding:14px 18px !important;
  border:1px solid var(--ss-line) !important;
  border-radius:0 0 26px 26px !important;
  background:rgba(7,17,28,.84) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.22) !important;
}

body .ss-idx-root[data-ss-theme="light"] .ss-idx-topbar{
  background:rgba(255,250,243,.88) !important;
  box-shadow:0 18px 44px rgba(62,47,28,.12) !important;
}

body .ss-idx-topbar-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  color:var(--ss-soft) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

body .ss-idx-topbar-brand::before{
  content:"" !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:var(--ss-gold) !important;
  box-shadow:0 0 18px rgba(199,166,90,.42) !important;
}

body .ss-idx-topbar-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

body .ss-idx-topbar-links a,
body .ss-idx-topbar-links button,
body .ss-idx-bottom-bar a{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid var(--ss-line) !important;
  border-radius:999px !important;
  background:var(--ss-card) !important;
  color:var(--ss-muted) !important;
  padding:8px 12px !important;
  font-family:inherit !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}

body .ss-idx-topbar-links a:hover,
body .ss-idx-topbar-links button:hover,
body .ss-idx-bottom-bar a:hover{
  border-color:var(--ss-line-strong) !important;
  background:var(--ss-gold-soft) !important;
  color:var(--ss-ink-strong) !important;
}

/* =========================================================
   03. HERO AND THEME TOGGLE
========================================================= */
body .ss-idx-hero{
  position:relative;
  margin:0 auto 30px !important;
  padding:76px 28px 42px !important;
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-xl) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(92,153,210,.18), transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(199,166,90,.13), transparent 32%),
    linear-gradient(135deg,var(--ss-panel-strong),var(--ss-card-3));
  box-shadow:var(--ss-shadow);
  overflow:hidden;
}

body .ss-idx-hero::after{
  content:"ATLAS";
  position:absolute;
  right:-20px;
  bottom:-42px;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:clamp(96px,15vw,210px);
  line-height:.8;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.045);
  pointer-events:none;
  user-select:none;
}

body .ss-idx-root[data-ss-theme="light"] .ss-idx-hero::after{
  color:rgba(22,34,50,.045);
}

body .ss-idx-title{
  position:relative;
  z-index:1;
  max-width:780px;
  margin:0 0 16px !important;
  color:var(--ss-ink-strong) !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:clamp(48px,5.6vw,58px) !important;
  line-height:.95 !important;
  font-weight:700 !important;
  letter-spacing:-.045em !important;
  text-shadow:none !important;
}

body .ss-idx-subtitle{
  position:relative;
  z-index:1;
  max-width:840px !important;
  margin:0;
  color:var(--ss-muted);
  font-size:16.5px !important;
  line-height:1.78;
}

body .ss-idx-subtitle a{
  color:var(--ss-gold-2);
  font-weight:800;
  border-bottom:1px dotted rgba(199,166,90,.55);
}

body .ss-idx-theme-toggle{
  position:absolute;
  top:24px;
  right:26px;
  z-index:3;
  appearance:none;
  border:1px solid var(--ss-line);
  border-radius:999px;
  background:var(--ss-card);
  color:var(--ss-muted);
  padding:8px 13px;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  cursor:pointer;
  box-shadow:var(--ss-shadow-soft);
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}

body .ss-idx-topbar .ss-idx-theme-toggle{
  position:static !important;
  inset:auto !important;
  box-shadow:none !important;
}

body .ss-idx-theme-toggle:hover{
  transform:translateY(-1px);
  border-color:var(--ss-line-strong);
  color:var(--ss-ink-strong);
  background:var(--ss-gold-soft);
}

/* =========================================================
   04. SHORTCUT AND NAVIGATION
========================================================= */
body .ss-idx-themes-shortcut{
  margin-top:4px !important;
}

body .ss-idx-themes-shortcut-inner{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:16px;
  align-items:center;
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-lg);
  background:linear-gradient(135deg,var(--ss-card),var(--ss-card-2));
  padding:18px;
  box-shadow:var(--ss-shadow-soft);
}

body .ss-idx-themes-shortcut-intro p{
  margin:0;
  color:var(--ss-muted);
  font-size:14px;
  line-height:1.7;
}

body .ss-idx-themes-shortcut-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  justify-content:flex-end;
}

body .ss-idx-themes-shortcut-buttons button,
body .ss-idx-nav-inner button,
body .ss-idx-layers-tabs button{
  appearance:none;
  border:1px solid var(--ss-line);
  border-radius:999px;
  background:var(--ss-card);
  color:var(--ss-muted);
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1.25;
  cursor:pointer;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}

body .ss-idx-themes-shortcut-buttons button{
  padding:8px 13px;
}

body .ss-idx-themes-shortcut-buttons button:hover,
body .ss-idx-nav-inner button:hover,
body .ss-idx-layers-tabs button:hover{
  transform:translateY(-1px);
  border-color:var(--ss-line-strong);
  color:var(--ss-ink-strong);
  background:var(--ss-gold-soft);
}

body .ss-idx-nav{
  position:sticky !important;
  top:72px !important;
  z-index:120 !important;
  max-width:1180px !important;
  width:calc(100% - 36px) !important;
  margin:0 auto 32px !important;
  padding:0 !important;
}

body .ss-idx-nav-inner{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  border:1px solid var(--ss-line);
  border-radius:999px !important;
  background:rgba(7,17,28,.88) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 14px 44px rgba(0,0,0,.22);
  padding:9px;
}

body .ss-idx-root[data-ss-theme="light"] .ss-idx-nav-inner{
  background:rgba(255,250,243,.90) !important;
  box-shadow:0 14px 36px rgba(62,47,28,.12);
}

body .ss-idx-nav-inner::-webkit-scrollbar{
  height:0;
}

body .ss-idx-nav-inner button{
  flex:0 0 auto;
  padding:8px 12px !important;
  white-space:nowrap;
  color:var(--ss-muted) !important;
  font-size:11.5px !important;
}

body .ss-idx-nav-sticky,
body #ss-idx-nav-sticky{
  position:fixed;
  left:0;
  right:0;
  top:70px;
  z-index:130;
  max-width:1180px;
  width:calc(100% - 36px);
  margin:0 auto;
  pointer-events:none;
  opacity:0;
  transform:translateY(-12px);
  transition:opacity .22s ease,transform .22s ease;
}

body .ss-idx-nav-sticky.is-visible,
body #ss-idx-nav-sticky.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

body .ss-idx-nav-sticky .ss-idx-nav-inner,
body #ss-idx-nav-sticky .ss-idx-nav-inner{
  max-width:1180px;
  margin:0 auto;
}

/* =========================================================
   05. SECTION HEADERS
========================================================= */
body .ss-idx-section{
  position:relative;
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-xl);
  background:
    radial-gradient(circle at 12% 0%, var(--ss-blue-soft), transparent 34%),
    linear-gradient(180deg,var(--ss-panel),var(--ss-card-3));
  box-shadow:var(--ss-shadow-soft);
  padding:26px !important;
  overflow:hidden;
}

body .ss-idx-section-head{
  position:relative;
  display:block;
  margin:0 0 20px;
  padding:0 0 18px;
  border-bottom:1px solid var(--ss-line);
}

body .ss-idx-section-head h2{
  margin:0 0 8px !important;
  color:var(--ss-ink-strong) !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:33px !important;
  line-height:1.06 !important;
  font-weight:700 !important;
  letter-spacing:-.030em !important;
  text-shadow:none !important;
}

body .ss-idx-section-head p{
  max-width:800px;
  margin:0;
  color:var(--ss-muted);
  font-size:14.5px;
  line-height:1.72;
}

body .ss-idx-section-head-links{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body .ss-idx-backlink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--ss-line);
  border-radius:999px;
  background:var(--ss-card);
  color:var(--ss-muted);
  padding:7px 11px;
  font-size:12px;
  font-weight:800;
}

body .ss-idx-backlink:hover{
  border-color:var(--ss-line-strong);
  background:var(--ss-gold-soft);
  color:var(--ss-ink-strong);
}

body .ss-idx-backlink-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--ss-gold-soft);
  color:var(--ss-gold-2);
  padding:3px 7px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

/* =========================================================
   06. INTI GRID AND BASIC LISTS
========================================================= */
body .ss-idx-inti-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

body .ss-idx-inti-column{
  min-width:0;
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-lg);
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
  padding:18px;
  box-shadow:var(--ss-glow);
}

body .ss-idx-inti-column-title{
  margin:0 0 12px !important;
  color:var(--ss-ink-strong) !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:21px !important;
  line-height:1.16 !important;
  letter-spacing:-.018em !important;
}

body .ss-idx-inti-list,
body .ss-idx-fraktal-list,
body .ss-idx-spiral-list,
body .ss-idx-urutan-list,
body .ss-idx-layers-list,
body .ss-idx-map-related,
body .ss-idx-themes-result-list{
  list-style:none;
  margin:0;
  padding:0;
}

body .ss-idx-urutan-list{
  counter-reset:ss-urutan;
}

body .ss-idx-inti-list li,
body .ss-idx-fraktal-list li,
body .ss-idx-spiral-list li,
body .ss-idx-urutan-list li,
body .ss-idx-layers-list li,
body .ss-idx-map-related li,
body .ss-idx-themes-result-list li{
  margin:0;
  padding:9px 0;
  border-bottom:1px solid var(--ss-line);
  color:var(--ss-muted);
  font-size:13.5px;
  line-height:1.55;
}

body .ss-idx-inti-list li:last-child,
body .ss-idx-fraktal-list li:last-child,
body .ss-idx-spiral-list li:last-child,
body .ss-idx-urutan-list li:last-child,
body .ss-idx-layers-list li:last-child,
body .ss-idx-map-related li:last-child,
body .ss-idx-themes-result-list li:last-child{
  border-bottom:none;
}

body .ss-idx-inti-list a,
body .ss-idx-fraktal-list a,
body .ss-idx-spiral-list a,
body .ss-idx-urutan-list a,
body .ss-idx-layers-list a,
body .ss-idx-map-related a,
body .ss-idx-themes-result-list a{
  color:var(--ss-muted);
}

body .ss-idx-inti-list a:hover,
body .ss-idx-fraktal-list a:hover,
body .ss-idx-spiral-list a:hover,
body .ss-idx-urutan-list a:hover,
body .ss-idx-layers-list a:hover,
body .ss-idx-map-related a:hover,
body .ss-idx-themes-result-list a:hover{
  color:var(--ss-gold-2);
}

/* =========================================================
   07. POST CARDS AND LISTS
========================================================= */
body .ss-idx-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

body .ss-idx-card{
  position:relative;
  min-width:0;
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-lg);
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
  padding:16px 18px !important;
  box-shadow:var(--ss-glow);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

body .ss-idx-card:hover{
  transform:translateY(-2px);
  border-color:var(--ss-line-strong);
  background:
    radial-gradient(circle at 14% 0%, var(--ss-blue-soft), transparent 40%),
    linear-gradient(180deg,var(--ss-card),var(--ss-card-2));
  box-shadow:var(--ss-shadow-soft);
}

body .ss-idx-card-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}

body .ss-idx-card-title,
body .ss-idx-card-title a,
body .ss-idx-mini-search-item h3,
body .ss-idx-mini-search-item .ss-idx-card-title,
body .ss-idx-themes-result .ss-idx-card-title,
body .ss-idx-tematik-result .ss-idx-card-title,
body .ss-idx-map-posts .ss-idx-card-title{
  margin:0 0 8px !important;
  color:var(--ss-ink-strong) !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:18.5px !important;
  line-height:1.18 !important;
  font-weight:700 !important;
  letter-spacing:-.006em !important;
}

body .ss-idx-tematik-result .ss-idx-card-title,
body .ss-idx-tematik-result .ss-idx-card-title a{
  font-size:18px !important;
  line-height:1.17 !important;
}

body .ss-idx-card-title a:hover{
  color:var(--ss-gold-2) !important;
}

body .ss-idx-card-subtitle{
  margin:0 0 10px;
  color:var(--ss-soft);
  font-size:12.5px !important;
  line-height:1.55 !important;
  font-weight:700;
}

body .ss-idx-card-excerpt{
  margin:10px 0 0;
  color:var(--ss-muted);
  font-size:13px !important;
  line-height:1.65 !important;
}

body .ss-idx-card-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

body .ss-idx-tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid var(--ss-line);
  border-radius:999px;
  background:var(--ss-card-2);
  color:var(--ss-soft);
  padding:4px 8px;
  font-size:10.5px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.035em;
}

body .ss-idx-tag.orbit,
body .ss-idx-tag.intent,
body .ss-idx-tag.spiral,
body .ss-idx-tag.strong{
  border-color:var(--ss-line-strong);
  background:var(--ss-gold-soft);
  color:var(--ss-gold-2);
}

body .ss-idx-tag.orbit{
  background:var(--ss-blue-soft);
  color:var(--ss-blue);
  border-color:rgba(104,164,215,.24);
}

body .ss-idx-tag.spiral{
  background:rgba(185,161,234,.13);
  color:var(--ss-purple);
  border-color:rgba(185,161,234,.25);
}

body .ss-idx-tag.intent{
  background:rgba(137,198,164,.12);
  color:var(--ss-green);
  border-color:rgba(137,198,164,.25);
}

body .ss-idx-infografik .ss-idx-card,
body .ss-idx-dialektika .ss-idx-card,
body .ss-idx-pembacaan .ss-idx-card,
body .ss-idx-jejak .ss-idx-card,
body .ss-idx-musik .ss-idx-card,
body .ss-idx-extreme .ss-idx-card,
body .ss-idx-komik .ss-idx-card{
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
}

body .ss-idx-extreme .ss-idx-card{
  border-color:rgba(206,91,77,.23);
  background:
    radial-gradient(circle at 16% 0%, var(--ss-red-soft), transparent 38%),
    linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
}

/* =========================================================
   08. FRAKTAL AND SPIRAL WRAPPERS
========================================================= */
body .ss-idx-fraktal-wrapper,
body .ss-idx-spiral-wrapper{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

body .ss-idx-fraktal-wrapper > div,
body .ss-idx-spiral-wrapper > div{
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-lg);
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
  padding:18px;
  box-shadow:var(--ss-glow);
}

body .ss-idx-fraktal-group-title,
body .ss-idx-spiral-column-title{
  margin:0 0 10px !important;
  color:var(--ss-ink-strong) !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:21px !important;
  line-height:1.16 !important;
  letter-spacing:-.018em !important;
}

/* =========================================================
   09. THEMES AND CONCEPT MAPPING
========================================================= */
body .ss-idx-map-block{
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-lg);
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
  padding:22px;
  box-shadow:var(--ss-glow);
  margin-bottom:18px;
}

body .ss-idx-themes-block-title,
body .ss-idx-map-title,
body .ss-idx-themes-column-title,
body .ss-idx-layers-subtitle{
  margin:0 0 8px !important;
  color:var(--ss-ink-strong) !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:21px !important;
  line-height:1.16 !important;
  letter-spacing:-.018em !important;
}

body .ss-idx-themes-block-desc,
body .ss-idx-map-desc,
body .ss-idx-themes-column-desc,
body .ss-idx-layers-note,
body .ss-idx-map-status,
body .ss-idx-map-empty,
body .ss-idx-themes-empty,
body .ss-idx-themes-result-note{
  margin:0 0 12px;
  color:var(--ss-muted);
  font-size:13.5px;
  line-height:1.72;
}

body .ss-idx-themes-grid,
body .ss-idx-map-grid,
body .ss-idx-layers-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}

body .ss-idx-themes-column,
body .ss-idx-map-card,
body .ss-idx-layers-column,
body .ss-idx-map-posts,
body .ss-idx-themes-result{
  min-width:0;
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-lg);
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
  padding:18px;
  box-shadow:var(--ss-glow);
}

body .ss-idx-themes-chips,
body .ss-idx-map-tags,
body .ss-idx-layers-chipwrap{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}

body .ss-idx-theme-chip,
body .ss-idx-map-tag{
  appearance:none;
  display:inline-flex;
  align-items:center;
  border:1px solid var(--ss-line);
  border-radius:999px;
  background:var(--ss-card-2);
  color:var(--ss-muted);
  padding:7px 11px;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}

body .ss-idx-theme-chip:hover,
body .ss-idx-map-tag:hover,
body .ss-idx-theme-chip.is-active,
body .ss-idx-map-tag.is-active{
  transform:translateY(-1px);
  border-color:var(--ss-line-strong);
  background:var(--ss-gold-soft);
  color:var(--ss-ink-strong);
}

body .ss-idx-themes-result-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}

body .ss-idx-map-related-strong,
body .ss-idx-layers-list-strong{
  display:block;
  color:var(--ss-ink-strong);
  font-weight:900;
}

body .ss-idx-map-level{
  color:var(--ss-muted);
}

/* =========================================================
   10. TEMATIK CONTROLS
========================================================= */
body .ss-idx-tematik-controls{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}

body .ss-idx-tematik-control{
  min-width:0;
}

body .ss-idx-tematik-control label{
  display:block;
  margin:0 0 7px;
  color:var(--ss-soft);
  font-size:11.5px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.11em;
}

body .ss-idx-tematik-control select,
body .ss-idx-mini-search input{
  width:100%;
  border:1px solid var(--ss-line);
  border-radius:999px;
  background:rgba(14,30,46,.96);
  color:var(--ss-ink-strong);
  padding:11px 13px;
  font-family:inherit;
  font-size:13px;
  outline:none;
  color-scheme:dark;
}

body .ss-idx-tematik-control select option{
  background:#0e1e2e;
  color:#edf6ff;
}

body .ss-idx-root[data-ss-theme="light"] .ss-idx-tematik-control select,
body .ss-idx-root[data-ss-theme="light"] .ss-idx-mini-search input{
  background:rgba(255,255,255,.96);
  color:#162232;
  color-scheme:light;
}

body .ss-idx-root[data-ss-theme="light"] .ss-idx-tematik-control select option{
  background:#ffffff;
  color:#162232;
}

body .ss-idx-tematik-control select:focus,
body .ss-idx-mini-search input:focus{
  border-color:var(--ss-line-strong);
  box-shadow:0 0 0 4px var(--ss-gold-soft);
}

body .ss-idx-tematik-result{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-content:start !important;
}

body .ss-idx-tematik-result .ss-idx-card{
  min-height:0 !important;
}

body .ss-idx-tematik-empty{
  border:1px dashed var(--ss-line);
  border-radius:var(--ss-radius-lg);
  color:var(--ss-muted);
  padding:22px;
  text-align:center;
  grid-column:1/-1;
}

/* =========================================================
   11. ADVANCED LAYERS
========================================================= */
body .ss-idx-layers-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 16px;
}

body .ss-idx-layers-tabs button{
  padding:8px 12px;
}

body .ss-idx-layers-tabs button.is-active{
  border-color:var(--ss-line-strong);
  background:linear-gradient(180deg,rgba(199,166,90,.24),rgba(199,166,90,.11));
  color:var(--ss-ink-strong);
}

body .ss-idx-layers-panels{
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-lg);
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
  padding:18px;
  box-shadow:var(--ss-glow);
}

body .ss-idx-layer-panel{
  display:none;
}

body .ss-idx-layer-panel.is-active{
  display:block;
}

body .ss-idx-layers-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

/* =========================================================
   12. MINI SEARCH
========================================================= */
body .ss-idx-mini-search{
  max-width:720px;
  margin:0 0 18px;
}

body .ss-idx-mini-search small{
  display:block;
  margin-top:7px;
  color:var(--ss-soft);
  font-size:12px;
  line-height:1.5;
}

body .ss-idx-mini-search-result{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

body .ss-idx-mini-search-item{
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-lg);
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3));
  padding:16px;
  box-shadow:var(--ss-glow);
}

body .ss-idx-mini-search-subtitle,
body .ss-idx-mini-search-empty{
  color:var(--ss-muted);
  font-size:13.5px;
  line-height:1.65;
}

/* =========================================================
   13. TERMS AND TOOLTIPS
========================================================= */
body .ss-idx-term{
  color:var(--ss-gold-2);
  border-bottom:1px dotted rgba(199,166,90,.50);
  cursor:help;
}

body .ss-idx-tooltip{
  position:fixed;
  z-index:999999;
  max-width:280px;
  border:1px solid var(--ss-line);
  border-radius:var(--ss-radius-md);
  background:rgba(9,19,31,.96);
  color:var(--ss-ink);
  padding:12px 14px;
  box-shadow:var(--ss-shadow);
  font-size:12.5px;
  line-height:1.55;
  pointer-events:none;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .15s ease,transform .15s ease;
}

body .ss-idx-root[data-ss-theme="light"] .ss-idx-tooltip{
  background:rgba(255,250,243,.98);
  color:var(--ss-ink);
}

body .ss-idx-tooltip.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* =========================================================
   14. INTERNAL SCROLL AREAS
========================================================= */
@media (min-width:901px){
  body .ss-idx-tematik-result,
  body .ss-idx-themes-result-list,
  body .ss-idx-map-posts,
  body .ss-idx-mini-search-result{
    max-height:620px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-right:8px !important;
    overscroll-behavior:contain !important;
    scrollbar-width:thin !important;
    scrollbar-color:var(--ss-line-strong) transparent !important;
  }

  body .ss-idx-tematik-result::-webkit-scrollbar,
  body .ss-idx-themes-result-list::-webkit-scrollbar,
  body .ss-idx-map-posts::-webkit-scrollbar,
  body .ss-idx-mini-search-result::-webkit-scrollbar{
    width:8px !important;
  }

  body .ss-idx-tematik-result::-webkit-scrollbar-thumb,
  body .ss-idx-themes-result-list::-webkit-scrollbar-thumb,
  body .ss-idx-map-posts::-webkit-scrollbar-thumb,
  body .ss-idx-mini-search-result::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:var(--ss-line-strong) !important;
  }
}

body .ss-idx-themes-result-list,
body .ss-idx-map-posts,
body .ss-idx-mini-search-result{
  border-radius:var(--ss-radius-lg) !important;
}

/* =========================================================
   15. FOOTER PARAGRAPH AND BOTTOM BAR
========================================================= */
body .ss-idx-root > p{
  display:block !important;
  margin-top:16px !important;
  margin-bottom:0 !important;
  padding:0 18px !important;
  color:var(--ss-muted) !important;
  font-size:15px !important;
  line-height:1.8 !important;
}

body .ss-idx-root > p:first-of-type{
  margin-top:36px !important;
  padding-top:24px !important;
  border-top:1px solid var(--ss-line) !important;
}

body .ss-idx-bottom-bar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-top:34px !important;
  padding:18px !important;
  border:1px solid var(--ss-line) !important;
  border-radius:var(--ss-radius-lg) !important;
  background:linear-gradient(135deg,var(--ss-card),var(--ss-card-2)) !important;
  box-shadow:var(--ss-shadow-soft) !important;
}

body .ss-idx-bottom-bar-main{
  min-width:0 !important;
}

body .ss-idx-bottom-bar-kicker{
  display:block !important;
  margin-bottom:4px !important;
  color:var(--ss-gold-2) !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

body .ss-idx-bottom-bar-title{
  display:block !important;
  color:var(--ss-ink-strong) !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif !important;
  font-size:24px !important;
  line-height:1.1 !important;
  font-weight:700 !important;
}

body .ss-idx-bottom-bar-text{
  display:block !important;
  max-width:680px !important;
  margin-top:6px !important;
  color:var(--ss-muted) !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
}

body .ss-idx-bottom-bar-links{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

/* =========================================================
   16. STATES AND UTILITIES
========================================================= */
body .ss-idx-empty,
body .ss-idx-map-empty,
body .ss-idx-themes-empty,
body .ss-idx-mini-search-empty{
  color:var(--ss-soft);
}

body .ss-idx-card.is-hidden,
body .ss-idx-layer-panel:not(.is-active){
  display:none;
}

/* =========================================================
   17. RESPONSIVE
========================================================= */
@media (max-width:1100px){
  body .ss-idx-inti-grid,
  body .ss-idx-list,
  body .ss-idx-tematik-result,
  body .ss-idx-mini-search-result{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body .ss-idx-themes-grid,
  body .ss-idx-map-grid{
    grid-template-columns:1fr;
  }

  body .ss-idx-tematik-controls{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  body .ss-idx-title{
    font-size:52px !important;
  }

  body .ss-idx-section-head h2{
    font-size:32px !important;
  }

  body .ss-idx-themes-shortcut-inner,
  body .ss-idx-layers-grid,
  body .ss-idx-fraktal-wrapper,
  body .ss-idx-spiral-wrapper{
    grid-template-columns:1fr;
  }

  body .ss-idx-themes-shortcut-buttons{
    justify-content:flex-start;
  }

  body .ss-idx-topbar,
  body .ss-idx-bottom-bar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  body .ss-idx-topbar-links,
  body .ss-idx-bottom-bar-links{
    justify-content:flex-start !important;
  }

  body .ss-idx-nav{
    top:76px !important;
  }
}

@media (max-width:760px){
  body .ss-idx-root{
    padding-top:12px !important;
    padding-bottom:86px;
  }

  body .ss-idx-root section{
    padding-left:14px;
    padding-right:14px;
  }

  body .ss-idx-topbar{
    position:relative !important;
    top:auto !important;
    width:calc(100% - 28px) !important;
    border-radius:24px !important;
  }

  body .ss-idx-hero{
    width:calc(100% - 28px) !important;
    margin-top:14px !important;
    padding:62px 18px 28px !important;
    border-radius:28px !important;
  }

  body .ss-idx-title{
    font-size:42px !important;
  }

  body .ss-idx-subtitle{
    font-size:15px !important;
  }

  body .ss-idx-theme-toggle{
    top:18px;
    right:18px;
  }

  body .ss-idx-nav{
    display:none !important;
  }

  body .ss-idx-inti-grid,
  body .ss-idx-list,
  body .ss-idx-tematik-result,
  body .ss-idx-mini-search-result,
  body .ss-idx-tematik-controls{
    grid-template-columns:1fr;
  }

  body .ss-idx-section{
    padding:20px !important;
    border-radius:26px;
  }

  body .ss-idx-section-head h2{
    font-size:29px !important;
  }

  body .ss-idx-card-title,
  body .ss-idx-card-title a,
  body .ss-idx-mini-search-item h3,
  body .ss-idx-mini-search-item .ss-idx-card-title,
  body .ss-idx-themes-result .ss-idx-card-title,
  body .ss-idx-tematik-result .ss-idx-card-title,
  body .ss-idx-map-posts .ss-idx-card-title{
    font-size:18px !important;
  }

  body .ss-idx-tematik-result,
  body .ss-idx-themes-result-list,
  body .ss-idx-map-posts,
  body .ss-idx-mini-search-result{
    max-height:none !important;
    overflow:visible !important;
    padding-right:0 !important;
  }

  body .ss-idx-root > p,
  body .ss-idx-bottom-bar{
    width:calc(100% - 28px) !important;
  }
}

@media (max-width:520px){
  body .ss-idx-title{
    font-size:38px !important;
  }

  body .ss-idx-section{
    padding:18px !important;
  }

  body .ss-idx-themes-shortcut-buttons button,
  body .ss-idx-layers-tabs button,
  body .ss-idx-theme-chip,
  body .ss-idx-map-tag{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

/* =========================================================
   18. PRINT
========================================================= */
@media print{
  body .ss-idx-root{
    background:#fff !important;
    color:#111 !important;
    padding:0 !important;
  }

  body .ss-idx-nav,
  body .ss-idx-theme-toggle{
    display:none !important;
  }

  body .ss-idx-section,
  body .ss-idx-card,
  body .ss-idx-inti-column,
  body .ss-idx-map-card,
  body .ss-idx-themes-column{
    box-shadow:none !important;
    break-inside:avoid;
  }
}


 
/* =========================================================
   19. LINK INFOGRAFIK & LANDING di INTI
========================================================= */ 
.ss-idx-extra-link {
  color: #0073aa;
  text-decoration: none;
}
.ss-idx-extra-link:hover {
  text-decoration: underline;
}
  
.ss-idx-extra-link {
  margin-left: 0.5rem;
  font-size: 0.85em;
  color: #0073aa;
  text-decoration: none;
}
.ss-idx-extra-link:hover {
  color: #005177;
}
.ss-idx-infografik-link::before {
  content: " ";
}
.ss-idx-landing-link::before {
  content: " ";
}

/* =========================================================
   ATLAS NAV READABILITY FIX v2
   Hanya nav horizontal + sticky clone.
   Tidak menyentuh floating button dan bottom sheet mobile.
========================================================= */

/* DARK DEFAULT: nav utama di dalam root */
body .ss-idx-root:not([data-ss-theme="light"]) .ss-idx-nav .ss-idx-nav-inner{
  background: rgba(7,17,28,.92) !important;
  border-color: rgba(170,207,235,.18) !important;
}

body .ss-idx-root:not([data-ss-theme="light"]) .ss-idx-nav .ss-idx-nav-inner button{
  color: rgba(237,246,255,.82) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

body .ss-idx-root:not([data-ss-theme="light"]) .ss-idx-nav .ss-idx-nav-inner button:hover{
  color: #ffffff !important;
  background: rgba(199,166,90,.14) !important;
  border-color: rgba(199,166,90,.28) !important;
}

/* LIGHT MODE: nav utama di dalam root */
body .ss-idx-root[data-ss-theme="light"] .ss-idx-nav .ss-idx-nav-inner{
  background: rgba(255,250,243,.92) !important;
  border-color: rgba(31,52,72,.14) !important;
}

body .ss-idx-root[data-ss-theme="light"] .ss-idx-nav .ss-idx-nav-inner button{
  color: rgba(22,34,50,.78) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

body .ss-idx-root[data-ss-theme="light"] .ss-idx-nav .ss-idx-nav-inner button:hover{
  color: #0c1420 !important;
  background: rgba(154,113,48,.12) !important;
  border-color: rgba(154,113,48,.22) !important;
}

/* STICKY CLONE: default aman, karena clone berada di luar root */
body #ss-idx-nav-sticky .ss-idx-nav-inner,
body .ss-idx-nav-sticky .ss-idx-nav-inner{
  background: rgba(7,17,28,.94) !important;
  border-color: rgba(170,207,235,.18) !important;
}

body #ss-idx-nav-sticky .ss-idx-nav-inner button,
body .ss-idx-nav-sticky .ss-idx-nav-inner button{
  color: rgba(237,246,255,.84) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}

body #ss-idx-nav-sticky .ss-idx-nav-inner button:hover,
body .ss-idx-nav-sticky .ss-idx-nav-inner button:hover{
  color: #ffffff !important;
  background: rgba(199,166,90,.14) !important;
  border-color: rgba(199,166,90,.28) !important;
}




/* =========================================================
   ATLAS SISTEM SUNYI
   Clean Final CSS + Editorial Premium Lift
   Root: #ss-idx-root / .ss-idx-root
   Floating mobile button + bottom sheet tidak disentuh
========================================================= */


/* =========================================================
   01. EDITORIAL TOKEN LIFT
========================================================= */

body #ss-idx-root.ss-idx-root{
  --ss-bg:#06101b;
  --ss-bg-2:#0b1724;
  --ss-bg-3:#09131f;

  --ss-ink:#f2efe7;
  --ss-ink-strong:#fffaf0;
  --ss-muted:rgba(242,239,231,.74);
  --ss-soft:rgba(242,239,231,.56);
  --ss-faint:rgba(242,239,231,.38);

  --ss-line:rgba(170,207,235,.14);
  --ss-line-soft:rgba(170,207,235,.09);
  --ss-line-strong:rgba(199,166,90,.36);

  --ss-card:rgba(255,255,255,.066);
  --ss-card-2:rgba(255,255,255,.048);
  --ss-card-3:rgba(255,255,255,.032);
  --ss-panel:rgba(255,255,255,.060);
  --ss-panel-strong:rgba(255,255,255,.092);

  --ss-gold:#c7a65a;
  --ss-gold-2:#e0c47c;
  --ss-gold-soft:rgba(199,166,90,.15);

  --ss-blue:#88c1ee;
  --ss-blue-2:#4d85b8;
  --ss-blue-soft:rgba(104,164,215,.145);

  --ss-red:#ce5b4d;
  --ss-red-soft:rgba(206,91,77,.14);
  --ss-green:#89c6a4;
  --ss-green-soft:rgba(137,198,164,.12);
  --ss-purple:#b9a1ea;
  --ss-purple-soft:rgba(185,161,234,.12);

  --ss-radius-xl:34px;
  --ss-radius-lg:26px;
  --ss-radius-md:18px;
  --ss-radius-sm:13px;

  --ss-shadow:0 28px 92px rgba(0,0,0,.36);
  --ss-shadow-soft:0 16px 48px rgba(0,0,0,.24);
  --ss-glow:0 0 0 1px rgba(255,255,255,.035), 0 18px 58px rgba(0,0,0,.24);

  background:
    radial-gradient(circle at 10% -4%, rgba(95,153,205,.26), transparent 31%),
    radial-gradient(circle at 82% 2%, rgba(199,166,90,.145), transparent 29%),
    radial-gradient(circle at 48% 34%, rgba(47,82,118,.20), transparent 40%),
    radial-gradient(circle at 50% 100%, rgba(137,198,164,.055), transparent 38%),
    linear-gradient(90deg, rgba(199,166,90,.014) 0 1px, transparent 1px 100%),
    linear-gradient(180deg,var(--ss-bg) 0%, var(--ss-bg-2) 42%, var(--ss-bg-3) 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}

body #ss-idx-root.ss-idx-root[data-ss-theme="light"]{
  --ss-bg:#f3ede3;
  --ss-bg-2:#fbf7ef;
  --ss-bg-3:#eee5d8;

  --ss-ink:#162232;
  --ss-ink-strong:#0c1420;
  --ss-muted:rgba(22,34,50,.72);
  --ss-soft:rgba(22,34,50,.54);
  --ss-faint:rgba(22,34,50,.36);

  --ss-line:rgba(31,52,72,.14);
  --ss-line-soft:rgba(31,52,72,.09);
  --ss-line-strong:rgba(154,113,48,.34);

  --ss-card:rgba(255,255,255,.78);
  --ss-card-2:rgba(255,255,255,.66);
  --ss-card-3:rgba(255,255,255,.54);
  --ss-panel:rgba(255,255,255,.78);
  --ss-panel-strong:rgba(255,255,255,.93);

  --ss-gold:#9a7130;
  --ss-gold-2:#755424;
  --ss-gold-soft:rgba(154,113,48,.12);

  --ss-blue:#245578;
  --ss-blue-2:#2f709c;
  --ss-blue-soft:rgba(36,85,120,.11);

  --ss-red:#a94438;
  --ss-red-soft:rgba(169,68,56,.10);
  --ss-green:#36774f;
  --ss-green-soft:rgba(54,119,79,.10);
  --ss-purple:#604f91;
  --ss-purple-soft:rgba(96,79,145,.10);

  --ss-shadow:0 24px 78px rgba(62,47,28,.14);
  --ss-shadow-soft:0 14px 40px rgba(62,47,28,.10);
  --ss-glow:0 0 0 1px rgba(31,52,72,.05), 0 16px 46px rgba(62,47,28,.10);

  background:
    radial-gradient(circle at 10% -4%, rgba(74,125,166,.13), transparent 31%),
    radial-gradient(circle at 82% 3%, rgba(154,113,48,.13), transparent 29%),
    radial-gradient(circle at 50% 100%, rgba(54,119,79,.055), transparent 38%),
    linear-gradient(90deg, rgba(154,113,48,.014) 0 1px, transparent 1px 100%),
    linear-gradient(180deg,#f3ede3 0%, #fbf7ef 44%, #eee5d8 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}


/* =========================================================
   02. PAGE SHELL AND TYPE RHYTHM
========================================================= */

body #ss-idx-root.ss-idx-root{
  padding-top:24px !important;
}

body #ss-idx-root.ss-idx-root section,
body #ss-idx-root.ss-idx-root .ss-idx-topbar,
body #ss-idx-root.ss-idx-root .ss-idx-bottom-bar,
body #ss-idx-root.ss-idx-root > p{
  max-width:1180px !important;
  width:min(1180px, calc(100% - 38px)) !important;
}

body #ss-idx-root.ss-idx-root h1,
body #ss-idx-root.ss-idx-root h2,
body #ss-idx-root.ss-idx-root h3,
body #ss-idx-root.ss-idx-root .ss-idx-card-title,
body #ss-idx-root.ss-idx-root .ss-idx-card-title a,
body #ss-idx-root.ss-idx-root .ss-idx-map-title,
body #ss-idx-root.ss-idx-root .ss-idx-themes-column-title,
body #ss-idx-root.ss-idx-root .ss-idx-layers-subtitle{
  text-wrap:balance !important;
}

body #ss-idx-root.ss-idx-root p,
body #ss-idx-root.ss-idx-root li{
  text-wrap:pretty !important;
}


/* =========================================================
   03. TOPBAR LIFT
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-topbar{
  border-color:var(--ss-line) !important;
  border-radius:0 0 28px 28px !important;
  background:
    linear-gradient(135deg, rgba(7,17,28,.88), rgba(7,17,28,.72)) !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,.24),
    inset 0 -1px 0 rgba(255,255,255,.035) !important;
}

body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-topbar{
  background:
    linear-gradient(135deg, rgba(255,250,243,.91), rgba(255,250,243,.76)) !important;
  box-shadow:
    0 18px 46px rgba(62,47,28,.12),
    inset 0 -1px 0 rgba(255,255,255,.72) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-topbar-brand{
  color:var(--ss-ink-strong) !important;
  letter-spacing:.105em !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-topbar-links a,
body #ss-idx-root.ss-idx-root .ss-idx-topbar-links button,
body #ss-idx-root.ss-idx-root .ss-idx-bottom-bar a{
  min-height:34px !important;
  border-color:var(--ss-line) !important;
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3)) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-topbar-links a:hover,
body #ss-idx-root.ss-idx-root .ss-idx-topbar-links button:hover,
body #ss-idx-root.ss-idx-root .ss-idx-bottom-bar a:hover{
  transform:translateY(-2px) !important;
  border-color:var(--ss-line-strong) !important;
  background:var(--ss-gold-soft) !important;
}


/* =========================================================
   04. HERO AS CARTOGRAPHY FIELD
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-hero{
  isolation:isolate !important;
  min-height:390px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  margin-bottom:34px !important;
  padding:clamp(58px, 7vw, 96px) clamp(24px, 4.2vw, 54px) clamp(38px, 4vw, 54px) !important;
  border-color:var(--ss-line-strong) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(92,153,210,.22), transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(199,166,90,.15), transparent 32%),
    radial-gradient(circle at 62% 88%, rgba(137,198,164,.065), transparent 38%),
    linear-gradient(135deg,var(--ss-panel-strong),var(--ss-card-3)) !important;
  box-shadow:var(--ss-shadow) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:22px !important;
  z-index:0 !important;
  border:1px solid rgba(199,166,90,.18) !important;
  border-radius:28px !important;
  pointer-events:none !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-hero::after{
  right:-28px !important;
  bottom:-50px !important;
  color:rgba(255,255,255,.052) !important;
  letter-spacing:-.09em !important;
}

body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-hero::after{
  color:rgba(22,34,50,.050) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-title{
  max-width:830px !important;
  font-size:clamp(48px, 6.4vw, 76px) !important;
  line-height:.92 !important;
  letter-spacing:-.058em !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-subtitle{
  max-width:880px !important;
  font-size:clamp(15.5px, 1.18vw, 17.5px) !important;
  line-height:1.82 !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-subtitle a{
  color:var(--ss-gold-2) !important;
  font-weight:900 !important;
  border-bottom:1px dotted rgba(199,166,90,.62) !important;
}


/* =========================================================
   05. SHORTCUT AND DESKTOP NAV
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-themes-shortcut-inner{
  border-color:var(--ss-line-strong) !important;
  border-radius:var(--ss-radius-lg) !important;
  background:
    radial-gradient(circle at 8% 0%, var(--ss-blue-soft), transparent 36%),
    linear-gradient(135deg,var(--ss-panel-strong),var(--ss-card-3)) !important;
  box-shadow:var(--ss-shadow-soft) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-themes-shortcut-intro p{
  font-size:14.5px !important;
  line-height:1.74 !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-nav{
  top:76px !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-nav-inner{
  border-color:var(--ss-line) !important;
  background:
    linear-gradient(135deg, rgba(7,17,28,.90), rgba(7,17,28,.72)) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.24) !important;
}

body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-nav-inner{
  background:
    linear-gradient(135deg, rgba(255,250,243,.92), rgba(255,250,243,.74)) !important;
  box-shadow:0 16px 42px rgba(62,47,28,.12) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-nav-inner button,
body #ss-idx-root.ss-idx-root .ss-idx-themes-shortcut-buttons button,
body #ss-idx-root.ss-idx-root .ss-idx-layers-tabs button{
  border-color:var(--ss-line) !important;
  background:linear-gradient(180deg,var(--ss-card),var(--ss-card-3)) !important;
  font-weight:900 !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-nav-inner button:hover,
body #ss-idx-root.ss-idx-root .ss-idx-themes-shortcut-buttons button:hover,
body #ss-idx-root.ss-idx-root .ss-idx-layers-tabs button:hover,
body #ss-idx-root.ss-idx-root .ss-idx-layers-tabs button.is-active{
  border-color:var(--ss-line-strong) !important;
  background:var(--ss-gold-soft) !important;
  color:var(--ss-ink-strong) !important;
}


/* =========================================================
   06. SECTION AS EDITORIAL PANELS
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-section{
  border-color:var(--ss-line) !important;
  border-radius:var(--ss-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 0%, var(--ss-blue-soft), transparent 34%),
    radial-gradient(circle at 92% 4%, rgba(199,166,90,.065), transparent 32%),
    linear-gradient(180deg,var(--ss-panel),var(--ss-card-3)) !important;
  box-shadow:var(--ss-shadow-soft) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-section::before{
  content:"" !important;
  position:absolute !important;
  left:26px !important;
  right:26px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(199,166,90,.52), transparent) !important;
  pointer-events:none !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-section-head{
  border-bottom-color:var(--ss-line) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-section-head h2{
  font-size:clamp(30px, 3.2vw, 42px) !important;
  line-height:1.02 !important;
  letter-spacing:-.042em !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-section-head p{
  max-width:840px !important;
  font-size:15px !important;
  line-height:1.76 !important;
}


/* =========================================================
   07. CARD SYSTEM LIFT
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-inti-column,
body #ss-idx-root.ss-idx-root .ss-idx-card,
body #ss-idx-root.ss-idx-root .ss-idx-fraktal-wrapper > div,
body #ss-idx-root.ss-idx-root .ss-idx-spiral-wrapper > div,
body #ss-idx-root.ss-idx-root .ss-idx-map-block,
body #ss-idx-root.ss-idx-root .ss-idx-themes-column,
body #ss-idx-root.ss-idx-root .ss-idx-map-card,
body #ss-idx-root.ss-idx-root .ss-idx-layers-column,
body #ss-idx-root.ss-idx-root .ss-idx-map-posts,
body #ss-idx-root.ss-idx-root .ss-idx-themes-result,
body #ss-idx-root.ss-idx-root .ss-idx-layers-panels,
body #ss-idx-root.ss-idx-root .ss-idx-mini-search-item{
  position:relative !important;
  overflow:hidden !important;
  border-color:var(--ss-line) !important;
  background:
    radial-gradient(circle at 92% 8%, var(--ss-blue-soft), transparent 34%),
    linear-gradient(180deg,var(--ss-card),var(--ss-card-3)) !important;
  box-shadow:var(--ss-glow) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-inti-column::before,
body #ss-idx-root.ss-idx-root .ss-idx-card::before,
body #ss-idx-root.ss-idx-root .ss-idx-fraktal-wrapper > div::before,
body #ss-idx-root.ss-idx-root .ss-idx-spiral-wrapper > div::before,
body #ss-idx-root.ss-idx-root .ss-idx-map-block::before,
body #ss-idx-root.ss-idx-root .ss-idx-themes-column::before,
body #ss-idx-root.ss-idx-root .ss-idx-map-card::before,
body #ss-idx-root.ss-idx-root .ss-idx-layers-column::before,
body #ss-idx-root.ss-idx-root .ss-idx-map-posts::before,
body #ss-idx-root.ss-idx-root .ss-idx-themes-result::before,
body #ss-idx-root.ss-idx-root .ss-idx-layers-panels::before,
body #ss-idx-root.ss-idx-root .ss-idx-mini-search-item::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(199,166,90,.46), transparent) !important;
  pointer-events:none !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-card:hover,
body #ss-idx-root.ss-idx-root .ss-idx-theme-chip:hover,
body #ss-idx-root.ss-idx-root .ss-idx-map-tag:hover,
body #ss-idx-root.ss-idx-root .ss-idx-theme-chip.is-active,
body #ss-idx-root.ss-idx-root .ss-idx-map-tag.is-active{
  border-color:var(--ss-line-strong) !important;
  background:
    radial-gradient(circle at 14% 0%, var(--ss-blue-soft), transparent 40%),
    radial-gradient(circle at 92% 8%, var(--ss-gold-soft), transparent 32%),
    linear-gradient(180deg,var(--ss-card),var(--ss-card-2)) !important;
  box-shadow:var(--ss-shadow-soft) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-card-title,
body #ss-idx-root.ss-idx-root .ss-idx-card-title a,
body #ss-idx-root.ss-idx-root .ss-idx-mini-search-item h3,
body #ss-idx-root.ss-idx-root .ss-idx-mini-search-item .ss-idx-card-title,
body #ss-idx-root.ss-idx-root .ss-idx-themes-result .ss-idx-card-title,
body #ss-idx-root.ss-idx-root .ss-idx-tematik-result .ss-idx-card-title,
body #ss-idx-root.ss-idx-root .ss-idx-map-posts .ss-idx-card-title{
  font-size:clamp(18.5px, 1.35vw, 21px) !important;
  line-height:1.14 !important;
  letter-spacing:-.018em !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-card-subtitle,
body #ss-idx-root.ss-idx-root .ss-idx-card-excerpt{
  line-height:1.66 !important;
}


/* =========================================================
   08. CATEGORY PERSONALITY
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-infografik .ss-idx-card{
  background:
    radial-gradient(circle at 88% 8%, rgba(136,193,238,.16), transparent 34%),
    linear-gradient(180deg,var(--ss-card),var(--ss-card-3)) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-komik .ss-idx-card{
  background:
    radial-gradient(circle at 88% 8%, rgba(185,161,234,.13), transparent 34%),
    linear-gradient(180deg,var(--ss-card),var(--ss-card-3)) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-dialektika .ss-idx-card,
body #ss-idx-root.ss-idx-root .ss-idx-pembacaan .ss-idx-card{
  background:
    radial-gradient(circle at 88% 8%, rgba(137,198,164,.12), transparent 34%),
    linear-gradient(180deg,var(--ss-card),var(--ss-card-3)) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-extreme .ss-idx-card{
  border-color:rgba(206,91,77,.28) !important;
  background:
    radial-gradient(circle at 16% 0%, var(--ss-red-soft), transparent 38%),
    radial-gradient(circle at 92% 8%, rgba(206,91,77,.08), transparent 34%),
    linear-gradient(180deg,var(--ss-card),var(--ss-card-3)) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-extreme .ss-idx-card::before{
  background:linear-gradient(90deg, rgba(206,91,77,.55), transparent) !important;
}


/* =========================================================
   09. TAGS, CHIPS, FILTERS
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-tag,
body #ss-idx-root.ss-idx-root .ss-idx-theme-chip,
body #ss-idx-root.ss-idx-root .ss-idx-map-tag{
  border-color:var(--ss-line) !important;
  background:linear-gradient(180deg,var(--ss-card-2),var(--ss-card-3)) !important;
  color:var(--ss-soft) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-tag.orbit{
  background:var(--ss-blue-soft) !important;
  color:var(--ss-blue) !important;
  border-color:rgba(104,164,215,.28) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-tag.spiral{
  background:var(--ss-purple-soft) !important;
  color:var(--ss-purple) !important;
  border-color:rgba(185,161,234,.28) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-tag.intent{
  background:var(--ss-green-soft) !important;
  color:var(--ss-green) !important;
  border-color:rgba(137,198,164,.28) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-tag.strong{
  background:var(--ss-gold-soft) !important;
  color:var(--ss-gold-2) !important;
  border-color:var(--ss-line-strong) !important;
}


/* =========================================================
   10. THEMATIC PANEL AND LAYERS
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-map-block{
  border-color:var(--ss-line-strong) !important;
  background:
    radial-gradient(circle at 8% 0%, var(--ss-gold-soft), transparent 34%),
    radial-gradient(circle at 92% 8%, var(--ss-blue-soft), transparent 34%),
    linear-gradient(180deg,var(--ss-panel-strong),var(--ss-card-3)) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-themes-block-title,
body #ss-idx-root.ss-idx-root .ss-idx-map-title,
body #ss-idx-root.ss-idx-root .ss-idx-themes-column-title,
body #ss-idx-root.ss-idx-root .ss-idx-layers-subtitle,
body #ss-idx-root.ss-idx-root .ss-idx-inti-column-title,
body #ss-idx-root.ss-idx-root .ss-idx-fraktal-group-title,
body #ss-idx-root.ss-idx-root .ss-idx-spiral-column-title{
  font-size:clamp(21px, 1.85vw, 26px) !important;
  line-height:1.10 !important;
  letter-spacing:-.030em !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-tematik-control label{
  color:var(--ss-gold) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-tematik-control select,
body #ss-idx-root.ss-idx-root .ss-idx-mini-search input{
  min-height:46px !important;
  border-color:var(--ss-line-strong) !important;
  border-radius:999px !important;
  background:rgba(14,30,46,.96) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-tematik-control select,
body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-mini-search input{
  background:rgba(255,255,255,.96) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-layers-panels{
  border-color:var(--ss-line-strong) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-layers-tabs button.is-active{
  box-shadow:0 10px 28px rgba(199,166,90,.10) !important;
}


/* =========================================================
   11. LIST READABILITY
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-inti-list li,
body #ss-idx-root.ss-idx-root .ss-idx-fraktal-list li,
body #ss-idx-root.ss-idx-root .ss-idx-spiral-list li,
body #ss-idx-root.ss-idx-root .ss-idx-urutan-list li,
body #ss-idx-root.ss-idx-root .ss-idx-layers-list li,
body #ss-idx-root.ss-idx-root .ss-idx-map-related li,
body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list li{
  border-bottom-color:var(--ss-line-soft) !important;
  font-size:13.8px !important;
  line-height:1.62 !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-inti-list a,
body #ss-idx-root.ss-idx-root .ss-idx-fraktal-list a,
body #ss-idx-root.ss-idx-root .ss-idx-spiral-list a,
body #ss-idx-root.ss-idx-root .ss-idx-urutan-list a,
body #ss-idx-root.ss-idx-root .ss-idx-layers-list a,
body #ss-idx-root.ss-idx-root .ss-idx-map-related a,
body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list a{
  transition:color .18s ease !important;
}


/* =========================================================
   12. MINI SEARCH AND INTERNAL SCROLL
========================================================= */

body #ss-idx-root.ss-idx-root .ss-idx-mini-search{
  max-width:760px !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-mini-search small{
  color:var(--ss-soft) !important;
}

@media (min-width:901px){
  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result,
  body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list,
  body #ss-idx-root.ss-idx-root .ss-idx-map-posts,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result{
    max-height:640px !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    padding-right:10px !important;
    overscroll-behavior:contain !important;

    scrollbar-width:thin !important;
    scrollbar-color:var(--ss-line-strong) rgba(255,255,255,.045) !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result{
    display:grid !important;
    align-content:start !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list{
    align-content:start !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-map-posts{
    display:block !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result::-webkit-scrollbar,
  body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list::-webkit-scrollbar,
  body #ss-idx-root.ss-idx-root .ss-idx-map-posts::-webkit-scrollbar,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result::-webkit-scrollbar{
    width:9px !important;
    height:9px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result::-webkit-scrollbar-track,
  body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list::-webkit-scrollbar-track,
  body #ss-idx-root.ss-idx-root .ss-idx-map-posts::-webkit-scrollbar-track,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result::-webkit-scrollbar-track{
    border-radius:999px !important;
    background:rgba(255,255,255,.045) !important;
  }

  body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-tematik-result::-webkit-scrollbar-track,
  body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-themes-result-list::-webkit-scrollbar-track,
  body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-map-posts::-webkit-scrollbar-track,
  body #ss-idx-root.ss-idx-root[data-ss-theme="light"] .ss-idx-mini-search-result::-webkit-scrollbar-track{
    background:rgba(22,34,50,.055) !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result::-webkit-scrollbar-thumb,
  body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list::-webkit-scrollbar-thumb,
  body #ss-idx-root.ss-idx-root .ss-idx-map-posts::-webkit-scrollbar-thumb,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result::-webkit-scrollbar-thumb{
    border-radius:999px !important;
    background:linear-gradient(
      180deg,
      rgba(199,166,90,.62),
      rgba(136,193,238,.28)
    ) !important;
    border:2px solid transparent !important;
    background-clip:padding-box !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result::-webkit-scrollbar-thumb:hover,
  body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list::-webkit-scrollbar-thumb:hover,
  body #ss-idx-root.ss-idx-root .ss-idx-map-posts::-webkit-scrollbar-thumb:hover,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(
      180deg,
      rgba(224,196,124,.82),
      rgba(136,193,238,.40)
    ) !important;
    background-clip:padding-box !important;
  }
}

@media (max-width:900px){
  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result,
  body #ss-idx-root.ss-idx-root .ss-idx-themes-result-list,
  body #ss-idx-root.ss-idx-root .ss-idx-map-posts,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result{
    max-height:none !important;
    overflow:visible !important;
    padding-right:0 !important;
  }
}


/* =========================================================
   13. FOOTER AND SEO PARAGRAPH LIFT
========================================================= */

body #ss-idx-root.ss-idx-root > p{
  max-width:1040px !important;
  color:var(--ss-muted) !important;
  font-size:15.5px !important;
  line-height:1.84 !important;
}

body #ss-idx-root.ss-idx-root > p:first-of-type{
  border-top-color:var(--ss-line) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-bottom-bar{
  border-color:var(--ss-line-strong) !important;
  border-radius:var(--ss-radius-lg) !important;
  background:
    radial-gradient(circle at 10% 0%, var(--ss-gold-soft), transparent 34%),
    radial-gradient(circle at 92% 10%, var(--ss-blue-soft), transparent 34%),
    linear-gradient(135deg,var(--ss-panel-strong),var(--ss-card-3)) !important;
  box-shadow:var(--ss-shadow-soft) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-bottom-bar-title{
  color:var(--ss-ink-strong) !important;
  font-family:"Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size:22px !important;
  line-height:1.14 !important;
  letter-spacing:-.024em !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-bottom-bar-kicker{
  color:var(--ss-gold) !important;
  letter-spacing:.14em !important;
}


/* =========================================================
   14. MOBILE SAFETY WITHOUT TOUCHING FLOATING / SHEET
========================================================= */

@media (max-width:1100px){
  body #ss-idx-root.ss-idx-root .ss-idx-inti-grid,
  body #ss-idx-root.ss-idx-root .ss-idx-list,
  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-themes-grid,
  body #ss-idx-root.ss-idx-root .ss-idx-map-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:900px){
  body #ss-idx-root.ss-idx-root .ss-idx-title{
    font-size:clamp(42px, 8vw, 56px) !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-section-head h2{
    font-size:clamp(29px, 5.2vw, 36px) !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-themes-shortcut-inner,
  body #ss-idx-root.ss-idx-root .ss-idx-layers-grid,
  body #ss-idx-root.ss-idx-root .ss-idx-fraktal-wrapper,
  body #ss-idx-root.ss-idx-root .ss-idx-spiral-wrapper{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:760px){
  body #ss-idx-root.ss-idx-root{
    padding-top:12px !important;
  }

  body #ss-idx-root.ss-idx-root section,
  body #ss-idx-root.ss-idx-root .ss-idx-topbar,
  body #ss-idx-root.ss-idx-root .ss-idx-bottom-bar,
  body #ss-idx-root.ss-idx-root > p{
    width:calc(100% - 28px) !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-topbar{
    border-radius:24px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-hero{
    min-height:auto !important;
    margin-top:14px !important;
    padding:62px 18px 30px !important;
    border-radius:28px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-hero::before{
    inset:14px !important;
    border-radius:22px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-title{
    font-size:clamp(38px, 12vw, 46px) !important;
    line-height:.98 !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-subtitle{
    font-size:15px !important;
    line-height:1.72 !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-inti-grid,
  body #ss-idx-root.ss-idx-root .ss-idx-list,
  body #ss-idx-root.ss-idx-root .ss-idx-tematik-result,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-result,
  body #ss-idx-root.ss-idx-root .ss-idx-tematik-controls{
    grid-template-columns:1fr !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-section{
    padding:20px !important;
    border-radius:26px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-section::before{
    left:20px !important;
    right:20px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-card,
  body #ss-idx-root.ss-idx-root .ss-idx-inti-column,
  body #ss-idx-root.ss-idx-root .ss-idx-map-block,
  body #ss-idx-root.ss-idx-root .ss-idx-themes-column,
  body #ss-idx-root.ss-idx-root .ss-idx-map-card,
  body #ss-idx-root.ss-idx-root .ss-idx-layers-column,
  body #ss-idx-root.ss-idx-root .ss-idx-layers-panels,
  body #ss-idx-root.ss-idx-root .ss-idx-mini-search-item{
    border-radius:22px !important;
  }
}

@media (max-width:520px){
  body #ss-idx-root.ss-idx-root .ss-idx-title{
    font-size:38px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-section{
    padding:18px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-themes-shortcut-buttons button,
  body #ss-idx-root.ss-idx-root .ss-idx-layers-tabs button,
  body #ss-idx-root.ss-idx-root .ss-idx-theme-chip,
  body #ss-idx-root.ss-idx-root .ss-idx-map-tag{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body #ss-idx-root.ss-idx-root *,
  body #ss-idx-root.ss-idx-root *::before,
  body #ss-idx-root.ss-idx-root *::after{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}



  /* FLOATING BUTTON */
  .ss-idx-floating-btn {
    position: fixed;
    right: 16px;
    bottom: 18px;
    z-index: 2147483647;
    display: none;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 999px;
    border: none;
    background: #111;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    font-size: 12px;
  }

  .ss-idx-floating-btn.is-active {
    display: inline-flex !important;
  }

  .ss-idx-floating-icon {
    display: grid;
    grid-template-columns: repeat(2, 6px);
    grid-template-rows: repeat(2, 6px);
    gap: 3px;
  }

  .ss-idx-floating-icon span {
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: #fff;
  }

  .ss-idx-floating-label {
    font-family: "Cormorant Garamond", serif;
    font-size: 13px;
  }

  /* SHEET (MOBILE INDEX) */
  .ss-idx-sheet-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    opacity: 0;
    visibility: hidden;
    z-index: 2147483646;
    display: flex;
    align-items: flex-end;
    transition: opacity 0.18s ease, visibility 0.18s ease;
  }

  .ss-idx-sheet-backdrop.is-open {
    opacity: 1;
    visibility: visible;
  }

  .ss-idx-sheet {
    width: 100%;
    background: #fff;
    border-radius: 16px 16px 0 0;
    padding: 12px 14px 18px;
    max-height: 70vh;
    transform: translateY(100%);
    transition: transform 0.2s ease;
  }

  .ss-idx-sheet-backdrop.is-open .ss-idx-sheet {
    transform: translateY(0);
  }

  .ss-idx-sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }

  .ss-idx-sheet-head span {
    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
  }

  .ss-idx-sheet-close {
    border: none;
    background: transparent;
    font-size: 20px;
    line-height: 1;
    padding: 0 4px;
    cursor: pointer;
  }

  .ss-idx-sheet-body {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
  }

  .ss-idx-sheet-body button {
    border: none;
    background: #f5f5f5;
    border-radius: 999px;
    padding: 6px 10px;
    font-family: "Cormorant Garamond", serif;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
  }

  .ss-idx-sheet-body button:hover {
    background: #111;
    color: #fff;
  }
 



/* =========================================================
   ATLAS SISTEM SUNYI v5.1 — CORE ENGLISH LINK + KBDS POPUP BRIDGE
   Scope: Inti Sistem Sunyi + Mini Search core items only
========================================================= */
body #ss-idx-root.ss-idx-root .ss-idx-inti-item,
body .ss-idx-root .ss-idx-inti-item{
  display:grid !important;
  gap:6px !important;
  padding:10px 0 !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-inti-main-link,
body .ss-idx-root .ss-idx-inti-main-link{
  display:inline !important;
  min-width:0 !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-core-actions,
body .ss-idx-root .ss-idx-core-actions{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin-top:2px !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-core-action,
body #ss-idx-root.ss-idx-root .ss-idx-kbds-popup,
body .ss-idx-root .ss-idx-core-action,
body .ss-idx-root .ss-idx-kbds-popup{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:25px !important;
  padding:4px 8px !important;
  border:1px solid var(--ss-line) !important;
  border-radius:999px !important;
  background:var(--ss-card-2) !important;
  color:var(--ss-soft) !important;
  font-family:inherit !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.015em !important;
  text-decoration:none !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-core-action:hover,
body #ss-idx-root.ss-idx-root .ss-idx-kbds-popup:hover,
body .ss-idx-root .ss-idx-core-action:hover,
body .ss-idx-root .ss-idx-kbds-popup:hover{
  transform:translateY(-1px) !important;
  border-color:var(--ss-line-strong) !important;
  background:var(--ss-gold-soft) !important;
  color:var(--ss-ink-strong) !important;
  text-decoration:none !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-core-action.is-english,
body .ss-idx-root .ss-idx-core-action.is-english{
  color:var(--ss-gold-2) !important;
  border-color:var(--ss-line-strong) !important;
  background:rgba(199,166,90,.10) !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-kbds-popup,
body .ss-idx-root .ss-idx-kbds-popup{
  width:26px !important;
  min-width:26px !important;
  padding:0 !important;
  color:var(--ss-gold-2) !important;
  font-size:12px !important;
  letter-spacing:0 !important;
}

body #ss-idx-root.ss-idx-root .ss-idx-mini-search-core-badge,
body .ss-idx-root .ss-idx-mini-search-core-badge{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin:0 0 7px !important;
  padding:4px 8px !important;
  border:1px solid var(--ss-line-strong) !important;
  border-radius:999px !important;
  background:var(--ss-gold-soft) !important;
  color:var(--ss-gold-2) !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}

@media (max-width:760px){
  body #ss-idx-root.ss-idx-root .ss-idx-core-actions,
  body .ss-idx-root .ss-idx-core-actions{
    gap:5px !important;
  }

  body #ss-idx-root.ss-idx-root .ss-idx-core-action,
  body .ss-idx-root .ss-idx-core-action{
    min-height:24px !important;
    padding:4px 7px !important;
    font-size:10px !important;
  }
}