/* =========================================================
   EXTREME DISTORTION vs SISTEM SUNYI
   GODMODE FRONTEND v2.0.13.1 DUAL HELP CENTER ENTRY
   Root: .ss-extreme-lp
   Catatan: class, ID, dan data attribute mesin lama dipertahankan.
========================================================= */

/* =========================================================
   00. ROOT TOKENS
========================================================= */

.ss-extreme-lp{
  --ed-bg:#070707;
  --ed-bg-2:#11100f;
  --ed-surface:#151313;
  --ed-surface-2:#1d1917;
  --ed-card:#1a1716;
  --ed-line:rgba(255,255,255,.095);
  --ed-line-soft:rgba(255,255,255,.065);
  --ed-line-strong:rgba(188,48,36,.36);
  --ed-ink:#f4efe7;
  --ed-muted:rgba(244,239,231,.70);
  --ed-soft:rgba(244,239,231,.52);
  --ed-faint:rgba(244,239,231,.30);
  --ed-red:#b72b22;
  --ed-red-2:#7d1612;
  --ed-rust:#b06431;
  --ed-amber:#e9b37d;
  --ed-ash:#b8b0a7;
  --ed-smoke:rgba(255,255,255,.055);
  --ed-glow:rgba(183,43,34,.18);
  --ed-radius:28px;
  --ed-radius-sm:16px;
  --ed-shadow:0 28px 90px rgba(0,0,0,.48);
  --ed-shadow-soft:0 16px 48px rgba(0,0,0,.30);

  font-family:"Lato",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ed-ink);
  line-height:1.75;
  background:
    radial-gradient(circle at 12% -4%, rgba(183,43,34,.22), transparent 28%),
    radial-gradient(circle at 84% 8%, rgba(176,100,49,.13), transparent 31%),
    linear-gradient(180deg,#070707 0%,#11100f 42%,#080808 100%);
  padding:0 0 56px;
  overflow:hidden;
}

.ss-extreme-lp,
.ss-extreme-lp *{
  box-sizing:border-box;
}

.ss-extreme-lp a{
  color:inherit;
  text-decoration:none;
}

.ss-extreme-lp a:hover{
  text-decoration:none;
}

.ss-extreme-lp section{
  max-width:1160px;
  margin:0 auto 28px;
  padding:20px 18px;
}

.ss-extreme-lp h1,
.ss-extreme-lp h2,
.ss-extreme-lp h3,
.ss-extreme-lp h4{
  color:var(--ed-ink);
  text-shadow:none;
}

/* =========================================================
   01. TOPBAR
========================================================= */

.ss-extreme-topbar{
  max-width:1160px;
  margin:0 auto;
  padding:24px 18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:var(--ed-soft);
}

.ss-extreme-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--ed-soft);
}

.ss-extreme-brand-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--ed-red);
  box-shadow:0 0 18px rgba(183,43,34,.72);
}

.ss-extreme-toplinks{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  align-items:center;
}

.ss-extreme-toplinks a,
.ss-extreme-help-toggle,
.ss-extreme-theme-toggle{
  appearance:none;
  border:1px solid var(--ed-line);
  background:rgba(255,255,255,.035);
  color:var(--ed-muted);
  padding:7px 12px;
  border-radius:999px;
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}

.ss-extreme-toplinks a:hover,
.ss-extreme-help-toggle:hover,
.ss-extreme-theme-toggle:hover{
  border-color:var(--ed-line-strong);
  background:rgba(183,43,34,.10);
  color:var(--ed-ink);
  transform:translateY(-1px);
}

/* =========================================================
   02. HERO
========================================================= */

.ss-extreme-hero{
  padding-top:26px;
}

.ss-extreme-hero-shell{
  position:relative;
  overflow:hidden;
  border:1px solid var(--ed-line);
  border-radius:36px;
  background:
    radial-gradient(circle at 18% 0%, rgba(183,43,34,.18), transparent 35%),
    radial-gradient(circle at 86% 18%, rgba(176,100,49,.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.072), rgba(255,255,255,.026));
  box-shadow:var(--ed-shadow);
  padding:38px;
}

.ss-extreme-hero-shell::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 62% 32%, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(115deg, transparent 0%, rgba(183,43,34,.08) 46%, transparent 62%);
  opacity:.72;
  pointer-events:none;
}

.ss-extreme-hero-shell::after{
  content:"EXTREME";
  position:absolute;
  right:-6%;
  bottom:-18%;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(120px,18vw,300px);
  line-height:.8;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.034);
  pointer-events:none;
  user-select:none;
}

.ss-extreme-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.72fr);
  gap:34px;
  align-items:stretch;
}

.ss-extreme-hero-main{
  min-width:0;
}

.ss-extreme-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(183,43,34,.34);
  color:#f0bbb5;
  background:rgba(183,43,34,.09);
  border-radius:999px;
  padding:8px 12px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:18px;
}

body .ss-extreme-lp .ss-extreme-title{
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:54px !important;
  line-height:.94 !important;
  letter-spacing:-.042em !important;
  font-weight:700;
  color:var(--ed-ink) !important;
  margin:0 0 18px !important;
  max-width:760px;
  text-shadow:none !important;
}

body .ss-extreme-lp .ss-extreme-title span,
body .ss-extreme-lp .ss-extreme-title strong{
  color:#f3c0b8 !important;
  text-shadow:none !important;
}

.ss-extreme-subtitle{
  margin:0;
  max-width:760px;
  font-size:19px;
  line-height:1.6;
  color:var(--ed-muted);
  font-weight:400;
}

.ss-extreme-disclaimer{
  max-width:760px;
  margin:18px 0 0;
  padding:13px 15px;
  border-radius:18px;
  border:1px solid var(--ed-line-soft);
  background:rgba(0,0,0,.18);
  color:var(--ed-muted);
  font-size:13px;
  line-height:1.65;
}

.ss-extreme-hero-actions{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ss-extreme-cta,
.ss-extreme-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:11px 16px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.03em;
  border:1px solid var(--ed-line);
  transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
}

.ss-extreme-cta{
  background:linear-gradient(180deg,var(--ed-red),var(--ed-red-2));
  color:#fff8f2;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 14px 38px rgba(183,43,34,.24);
}

.ss-extreme-ghost{
  color:var(--ed-muted);
  background:rgba(255,255,255,.045);
}

.ss-extreme-help-toggle,
.ss-extreme-help-cta{
  appearance:none;
  -webkit-appearance:none;
  font-family:inherit;
  cursor:pointer;
}

.ss-extreme-help-cta{
  line-height:1.2;
}

.ss-extreme-cta:hover,
.ss-extreme-ghost:hover{
  transform:translateY(-1px);
}

.ss-extreme-hero-aside{
  position:relative;
  display:flex;
  min-width:0;
}

.ss-extreme-diagnostic-panel{
  width:100%;
  border:1px solid var(--ed-line);
  border-radius:28px;
  background:radial-gradient(circle at 50% 0%, rgba(183,43,34,.14), transparent 42%),rgba(0,0,0,.18);
  padding:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.ss-extreme-panel-label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--ed-soft);
  font-weight:900;
  margin-bottom:16px;
}

.ss-extreme-stat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.ss-extreme-stat{
  border:1px solid var(--ed-line-soft);
  border-radius:18px;
  background:rgba(255,255,255,.04);
  padding:14px;
}

.ss-extreme-stat strong{
  display:block;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:32px;
  line-height:1;
  color:#fff7ef;
}

.ss-extreme-stat span{
  display:block;
  margin-top:5px;
  font-size:12px;
  line-height:1.35;
  color:var(--ed-soft);
}

.ss-extreme-signal{
  margin-top:14px;
  border:1px solid rgba(183,43,34,.22);
  border-radius:18px;
  background:rgba(183,43,34,.075);
  padding:13px 14px;
  color:var(--ed-muted);
  font-size:13px;
  line-height:1.62;
}

/* =========================================================
   03. ORIENTATION CARDS
========================================================= */

.ss-extreme-orientation{
  margin-top:28px;
}

.ss-extreme-orientation-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.ss-extreme-orientation-card{
  border:1px solid var(--ed-line);
  border-radius:24px;
  background:rgba(255,255,255,.045);
  padding:18px;
  box-shadow:var(--ed-shadow-soft);
}

.ss-extreme-orientation-card b{
  display:block;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:22px;
  line-height:1.15;
  color:var(--ed-ink);
  margin-bottom:8px;
}

.ss-extreme-orientation-card p{
  margin:0;
  font-size:13.5px;
  line-height:1.72;
  color:var(--ed-muted);
}

/* =========================================================
   04. EDITORIAL TABS
========================================================= */

.ss-extreme-editorial{
  margin-top:34px;
}

.ss-extreme-editorial-shell{
  border:1px solid var(--ed-line);
  border-radius:30px;
  background:radial-gradient(circle at 12% 0%, rgba(183,43,34,.10), transparent 34%),rgba(255,255,255,.04);
  box-shadow:var(--ed-shadow-soft);
  overflow:hidden;
  padding-top:0;
}

.ss-ed-tab-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.ss-ed-tab-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:14px;
  border-bottom:1px solid var(--ed-line);
  background:rgba(0,0,0,.18);
}

.ss-ed-tab-nav label{
  cursor:pointer;
  border:1px solid var(--ed-line);
  border-radius:999px;
  padding:9px 13px;
  font-size:12px;
  font-weight:900;
  color:var(--ed-soft);
  background:rgba(255,255,255,.035);
  transition:.2s ease;
}

#ss-ed-tab-summary:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-summary"],
#ss-ed-tab-how:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-how"],
#ss-ed-tab-faq:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-faq"],
#ss-ed-tab-full:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-full"]{
  color:#fff7ef;
  border-color:rgba(183,43,34,.42);
  background:rgba(183,43,34,.16);
}

.ss-ed-tab-panels{
  padding:24px;
}

.ss-ed-panel{
  display:none;
  padding-top:18px;
}

#ss-ed-tab-summary:checked ~ .ss-ed-tab-panels .ss-ed-panel-summary,
#ss-ed-tab-how:checked ~ .ss-ed-tab-panels .ss-ed-panel-how,
#ss-ed-tab-faq:checked ~ .ss-ed-tab-panels .ss-ed-panel-faq,
#ss-ed-tab-full:checked ~ .ss-ed-tab-panels .ss-ed-panel-full{
  display:block;
}

body .ss-extreme-lp .ss-ed-panel h1,
body .ss-extreme-lp .ss-ed-panel h2,
body .ss-extreme-lp .ss-extreme-article h1,
body .ss-extreme-lp .ss-extreme-article h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:36px !important;
  line-height:1.12 !important;
  letter-spacing:-.022em !important;
  color:var(--ed-ink) !important;
  margin:0 0 14px !important;
  text-shadow:none !important;
}

body .ss-extreme-lp .ss-ed-panel h3,
body .ss-extreme-lp .ss-extreme-article h3{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:24px !important;
  line-height:1.18 !important;
  color:#f1c4bd !important;
  margin:28px 0 10px !important;
  text-shadow:none !important;
}

.ss-ed-panel p,
.ss-ed-panel li{
  color:var(--ed-muted);
  font-size:15px;
  line-height:1.85;
}

.ss-ed-panel p{
  margin:0 0 14px;
}

.ss-ed-panel ul,
.ss-ed-panel ol{
  padding-left:22px;
  margin:12px 0 16px;
}

.ss-ed-how-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}

.ss-ed-how-card{
  border:1px solid var(--ed-line);
  background:rgba(0,0,0,.16);
  border-radius:20px;
  padding:16px;
}

.ss-ed-how-card b{
  display:block;
  color:var(--ed-ink);
  font-weight:900;
  margin-bottom:5px;
}

.ss-ed-how-card span{
  color:var(--ed-muted);
  font-size:13.5px;
  line-height:1.65;
}

.ss-extreme-article{
  max-width:850px !important;
  margin:0 !important;
  padding:18px 0 0 !important;
  color:var(--ed-muted);
  background:transparent !important;
  font-size:15px;
  line-height:1.9;
}

.ss-extreme-article p{
  margin:0 0 15px;
  color:var(--ed-muted);
  font-size:15.5px;
  line-height:1.8;
  max-width:860px;
}

.ss-extreme-article ul,
.ss-extreme-article ol{
  margin:12px 0 18px;
  padding-left:22px;
}

.ss-extreme-article li{
  margin:7px 0;
  color:var(--ed-muted);
}

.ss-extreme-article .ss-ds-kbd-link-text{
  color:#f0c0b9;
  border-bottom:1px dotted rgba(240,192,185,.45);
  cursor:pointer;
}

/* =========================================================
   04B. EDITORIAL FAQ TAB
========================================================= */

.ss-ed-panel-faq{
  max-width:100%;
}

.ss-ed-faq-intro{
  max-width:860px;
  margin:0 0 22px;
  font-size:15px;
  line-height:1.8;
  color:var(--ed-muted);
}

.ss-ed-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.ss-ed-faq-item{
  position:relative;
  border:1px solid var(--ed-line);
  border-radius:20px;
  background:
    radial-gradient(circle at 0% 0%, rgba(183,43,34,.10), transparent 34%),
    rgba(255,255,255,.045);
  box-shadow:0 14px 38px rgba(0,0,0,.20);
  overflow:hidden;
}

.ss-ed-faq-item[open]{
  border-color:rgba(183,43,34,.30);
  background:
    radial-gradient(circle at 0% 0%, rgba(183,43,34,.14), transparent 36%),
    rgba(255,255,255,.055);
}

.ss-ed-faq-item summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:17px 46px 17px 18px;

  font-family:"Cormorant Garamond",Georgia,serif;
  line-height:1.16;
  font-weight:700;
  color:var(--ed-ink);
}

.ss-ed-faq-item summary::-webkit-details-marker{
  display:none;
}

.ss-ed-faq-item summary::after{
  content:"+";
  position:absolute;
  right:18px;
  top:17px;
  width:24px;
  height:24px;
  border-radius:999px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family:"Lato",system-ui,sans-serif;
  font-size:15px;
  font-weight:900;
  line-height:1;
  color:#f3c0b8;
  background:rgba(183,43,34,.12);
  border:1px solid rgba(183,43,34,.24);
}

.ss-ed-faq-item[open] summary::after{
  content:"−";
  color:#fff7ef;
  background:rgba(183,43,34,.52);
  border-color:rgba(183,43,34,.38);
}

.ss-ed-faq-body{
  padding:0 18px 18px;
}

.ss-ed-faq-body p{
  margin:0;
  font-size:14px;
  line-height:1.78;
  color:var(--ed-muted);
}

.ss-ed-faq-item:hover{
  border-color:rgba(183,43,34,.32);
}

@media (max-width:860px){
  .ss-ed-faq-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .ss-ed-tab-nav{
    gap:6px;
  }

  .ss-ed-tab-nav label{
    padding:8px 10px;
    font-size:11.5px;
  }

  .ss-ed-tab-panels{
    padding:18px;
  }

  .ss-ed-faq-item summary{
    padding:15px 44px 15px 16px;
  }

  .ss-ed-faq-body{
    padding:0 16px 16px;
  }
}

/* =========================================================
   05. MAP ENGINE
========================================================= */

.ss-extreme-map-block{
  margin-top:34px;
}

.ss-extreme-map-shell{
  border:1px solid var(--ed-line);
  border-radius:34px;
  background:radial-gradient(circle at 18% 0%, rgba(183,43,34,.11), transparent 34%),rgba(255,255,255,.04);
  box-shadow:var(--ed-shadow);
  padding:30px 24px 24px;
}

.ss-extreme-map-header{
  max-width:860px;
  margin-bottom:22px;
  padding-top:6px;
}

body .ss-extreme-lp .ss-extreme-map-header h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:42px !important;
  line-height:1.06 !important;
  letter-spacing:-.026em !important;
  margin:0 0 12px !important;
  color:var(--ed-ink) !important;
  text-shadow:none !important;
}

.ss-extreme-map-header p{
  margin:0;
  color:var(--ed-muted);
  font-size:15px;
  line-height:1.78;
}

.ss-extreme-controls{
  border:1px solid var(--ed-line);
  border-radius:28px;
  background:rgba(0,0,0,.18);
  padding:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  margin:20px 0 22px;
}

.ss-extreme-search-group label{
  display:block;
  font-size:12px;
  font-weight:900;
  color:var(--ed-soft);
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}

.ss-extreme-search-input{
  width:95% !important;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.065);
  color:var(--ed-ink);
  padding:14px 17px;
  font-size:15px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.ss-extreme-search-input::placeholder{
  color:var(--ed-faint);
}

.ss-extreme-search-input:focus{
  border-color:rgba(183,43,34,.45);
  box-shadow:0 0 0 4px rgba(183,43,34,.12);
}

.ss-extreme-search-results{
  display:none;
  margin-top:10px;
  border:1px solid var(--ed-line);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  padding:0;
  overflow:hidden;
}

.ss-extreme-controls.is-searching .ss-extreme-search-results{
  display:block;
  padding:8px 12px;
}

.ss-extreme-search-results-empty{
  color:var(--ed-faint);
  font-size:12.5px;
  padding:4px 0;
}

.ss-extreme-search-results-list{
  list-style:none;
  margin:0;
  padding:0;
}

.ss-extreme-search-results-list li{
  padding:9px 0;
  border-bottom:1px dashed rgba(255,255,255,.08);
  color:var(--ed-muted);
  font-size:13px;
}

.ss-extreme-search-results-list li:last-child{
  border-bottom:none;
}

.ss-inline-term{
  color:#f0c0b9;
  border-bottom:1px dotted rgba(240,192,185,.44);
  cursor:pointer;
}

.ss-extreme-tab-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
}

.ss-extreme-tab,
.ss-extreme-chip,
.ss-extreme-pill-btn,
.ss-extreme-danger-chip{
  font-family:inherit;
  appearance:none;
  border:1px solid var(--ed-line);
  background:rgba(255,255,255,.045);
  color:var(--ed-muted);
  border-radius:999px;
  cursor:pointer;
  transition:.2s ease;
}

.ss-extreme-tab{
  padding:10px 15px;
  font-size:13px;
  font-weight:900;
}

.ss-extreme-tab:hover,
.ss-extreme-chip:hover,
.ss-extreme-pill-btn:hover,
.ss-extreme-danger-chip:hover{
  border-color:rgba(183,43,34,.36);
  background:rgba(183,43,34,.11);
  color:var(--ed-ink);
}

.ss-extreme-tab.is-active,
.ss-extreme-chip.is-active{
  background:linear-gradient(180deg,var(--ed-red),var(--ed-red-2));
  border-color:rgba(255,255,255,.08);
  color:#fff7ef;
}

/* =========================================================
   06. QUICK PANELS
========================================================= */

.ss-extreme-map-quick{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);
  gap:16px;
  margin:16px 0 18px;
  align-items:stretch;
  max-width:100%;
  overflow:visible;
}

.ss-extreme-bar{
  border:1px solid var(--ed-line);
  border-radius:24px;
  background:rgba(255,255,255,.045);
  padding:26px 26px 24px;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}

.ss-extreme-bar-favorites{
  grid-column:1 / -1;
}

body .ss-extreme-lp .ss-extreme-bar-title{
  display:block;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:20px !important;
  line-height:1.14 !important;
  letter-spacing:-.01em;
  color:var(--ed-ink) !important;
  font-weight:700;
  margin:0 0 12px !important;
  padding-top:0 !important;
  text-shadow:none !important;
}

.ss-extreme-bar-body{
  padding-top:2px;
}

.ss-extreme-bar-body p{
  margin:0 0 9px;
  color:var(--ed-muted);
  font-size:13.5px;
  line-height:1.68;
}

.ss-extreme-explore-body,
.ss-extreme-favorites-body{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  padding-top:6px;
  font-size:12.5px;
  color:var(--ed-soft);
}

.ss-extreme-explore-body a,
.ss-extreme-fav-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin:0;
  padding:6px 10px;
  border:1px solid var(--ed-line);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#f0c0b9;
  text-decoration:none;
  line-height:1.35;
  font-size:12px;
  cursor:pointer;
}


.ss-extreme-favorites-body em{
  color:var(--ed-faint);
  font-size:13px;
}

.ss-extreme-fav-chip::before{
  content:"★";
  color:var(--ed-amber);
  font-size:11px;
}

.ss-extreme-danger-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  overflow:visible;
  max-width:100%;
  padding:6px 0 0;
}

.ss-extreme-danger-chip{
  flex:0 1 auto;
  max-width:100%;
  min-width:0;
  min-height:32px;
  padding:7px 11px;
  font-size:12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:normal;
  text-align:left;
  line-height:1.35;
}

.ss-extreme-danger-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--ed-red);
  box-shadow:0 0 12px rgba(183,43,34,.7);
  flex:0 0 auto;
}

/* =========================================================
   07. FILTER PANEL
========================================================= */

.ss-extreme-filter-panel{
  border:1px solid var(--ed-line);
  border-radius:24px;
  background:rgba(255,255,255,.035);
  margin-top:16px;
  overflow:hidden;
}

.ss-extreme-filter-panel summary{
  list-style:none;
  cursor:pointer;
  padding:14px 16px;
  color:var(--ed-ink);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ss-extreme-filter-panel summary::-webkit-details-marker{
  display:none;
}

.ss-extreme-filter-panel summary::after{
  content:"Buka";
  float:right;
  color:var(--ed-soft);
  font-size:11px;
}

.ss-extreme-filter-panel[open] summary::after{
  content:"Tutup";
}

.ss-extreme-filter-panel-body{
  padding:0 16px 16px;
}

.ss-extreme-toggle-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  margin:0 0 12px;
}

.ss-extreme-toggle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--ed-muted);
  font-size:12.5px;
  cursor:pointer;
}

.ss-extreme-toggle input{
  accent-color:var(--ed-red);
}

.ss-extreme-filter-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
  margin-top:12px;
}

.ss-extreme-filter-label{
  flex:0 0 auto;
  color:var(--ed-soft);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.10em;
}

.ss-extreme-chip-row,
.ss-extreme-alpha-list,
.ss-extreme-actions-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.ss-extreme-chip{
  padding:7px 10px;
  font-size:12px;
  line-height:1.35;
}

.ss-extreme-alpha-list button{
  border:1px solid var(--ed-line);
  background:rgba(255,255,255,.035);
  color:var(--ed-muted);
  border-radius:999px;
  padding:5px 9px;
  cursor:pointer;
  font-size:12px;
}

.ss-extreme-alpha-list button.is-active,
.ss-extreme-alpha-list button:hover{
  background:rgba(183,43,34,.15);
  border-color:rgba(183,43,34,.34);
  color:var(--ed-ink);
}

.ss-extreme-actions-row{
  margin-top:16px;
}

.ss-extreme-pill-btn{
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
}

/* =========================================================
   08. GRID AND CARDS
========================================================= */

.ss-extreme-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.ss-extreme-column{
  border:1px solid var(--ed-line);
  border-radius:28px;
  background:rgba(255,255,255,.04);
  padding:24px 14px 14px;
  min-width:0;
}

.ss-extreme-column-header{
  position:relative;
  padding:8px 12px 16px;
  margin-bottom:16px;
  border-bottom:1px solid var(--ed-line);
}

.ss-extreme-column-label{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(183,43,34,.15);
  border:1px solid rgba(183,43,34,.3);
  color:#f0c0b9;
  font-weight:900;
  margin-bottom:14px;
}

body .ss-extreme-lp .ss-extreme-column-title{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:23px !important;
  line-height:1.08 !important;
  letter-spacing:-.014em;
  font-weight:700;
  color:var(--ed-ink) !important;
  text-shadow:none !important;
}

.ss-extreme-column-subtitle{
  margin-top:6px;
  font-size:13px;
  line-height:1.55;
  color:var(--ed-soft);
}

.ss-extreme-term-card{
  position:relative;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));
  padding:18px 44px 16px 16px;
  margin-bottom:11px;
  cursor:pointer;
  transition:.22s ease;
}

.ss-extreme-term-card:hover{
  transform:translateY(-2px);
  border-color:rgba(183,43,34,.34);
  box-shadow:0 16px 38px rgba(0,0,0,.28);
  background:radial-gradient(circle at 12% 0%, rgba(183,43,34,.10), transparent 42%),rgba(255,255,255,.055);
}

.ss-extreme-term-header{
  padding-right:34px;
}

body .ss-extreme-lp .ss-extreme-term-card .ss-extreme-term-title,
body .ss-extreme-lp article.ss-extreme-term-card .ss-extreme-term-title{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:19px !important;
  line-height:1.16 !important;
  letter-spacing:-.006em;
  font-weight:700 !important;
  color:var(--ed-ink) !important;
  text-shadow:none !important;
}

.ss-extreme-term-short{
  margin-top:7px;
  font-size:13px;
  line-height:1.6;
  color:var(--ed-muted);
}

.ss-extreme-term-meta-row{
  margin-top:10px;
}

.ss-extreme-term-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}

.ss-extreme-level-badge,
.ss-extreme-topdanger-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  line-height:1.15;
  font-weight:900;
  border:1px solid rgba(183,43,34,.30);
  background:rgba(183,43,34,.10);
  color:#f0c0b9;
  white-space:normal;
}

.ss-extreme-topdanger-badge{
  border-color:rgba(176,100,49,.28);
  background:rgba(176,100,49,.10);
  color:var(--ed-amber);
}

.ss-extreme-fav-btn{
  position:absolute;
  top:12px;
  right:12px;
  width:26px;
  height:26px;
  min-width:26px;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;
  font-size:12px;
  font-family:Arial,sans-serif;
  border-radius:999px;
  border:1px solid var(--ed-line);
  background:rgba(255,255,255,.04);
  color:rgba(244,239,231,.36);
  cursor:pointer;
  transform:none;
}

.ss-extreme-fav-btn.is-active,
.ss-extreme-fav-btn:hover{
  color:#f0c0b9;
  border-color:rgba(183,43,34,.35);
  background:rgba(183,43,34,.12);
}

.ss-extreme-term-body{
  margin-top:10px;
}

.ss-extreme-term-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  margin-top:9px;
}

.ss-extreme-label{
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--ed-faint);
}

.ss-extreme-kedok-tag,
.ss-extreme-tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid var(--ed-line);
  border-radius:999px;
  padding:4px 7px;
  color:var(--ed-muted);
  background:rgba(255,255,255,.035);
  font-size:10px;
  line-height:1.15;
  white-space:normal;
}

.ss-extreme-kedok-dot{
  width:5px;
  height:5px;
  border-radius:999px;
  background:var(--ed-rust);
}

.ss-extreme-tag.ss-ds-kbd-link-text{
  color:#d9c0a5;
  cursor:pointer;
}

.ss-extreme-subtle-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:999px;
  border:1px solid rgba(176,100,49,.30);
  background:rgba(176,100,49,.12);
  color:var(--ed-amber);
  padding:5px 8px;
  font-size:10px;
  font-weight:900;
  line-height:1;
  text-transform:lowercase;
}

.ss-extreme-subtle-badge::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--ed-amber);
  opacity:.7;
}

.ss-extreme-empty{
  grid-column:1/-1;
  border:1px dashed var(--ed-line);
  border-radius:24px;
  padding:26px;
  text-align:center;
  color:var(--ed-soft);
}

/* =========================================================
   09. FOOTER BRIDGE
========================================================= */

.ss-extreme-bridge{
  margin-top:34px;
}

.ss-extreme-bridge-shell{
  border:1px solid var(--ed-line);
  border-radius:30px;
  background:radial-gradient(circle at 50% 0%, rgba(176,100,49,.10), transparent 42%),rgba(255,255,255,.04);
  padding:40px 26px 46px;
  text-align:center;
}

body .ss-extreme-lp .ss-extreme-bridge-shell h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:36px !important;
  font-weight: 600 !important;
  line-height:1.08 !important;
  margin:0 0 10px !important;
  color:var(--ed-ink) !important;
  letter-spacing:-.035em;
  text-shadow:none !important;
}

.ss-extreme-bridge-shell p{
  max-width:720px;
  margin:0 auto 28px;
  color:var(--ed-muted);
  font-size:15px;
  line-height:1.78;
}

.ss-extreme-bridge-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}

/* =========================================================
   10. LIGHT MODE
========================================================= */

body .ss-extreme-lp[data-ed-theme="light"]{
  --ed-bg:#f1e7df;
  --ed-bg-2:#fbf6ef;
  --ed-surface:#fffaf3;
  --ed-surface-2:#f0e4da;
  --ed-card:#ffffff;
  --ed-line:rgba(58,35,26,.14);
  --ed-line-soft:rgba(58,35,26,.10);
  --ed-line-strong:rgba(145,42,34,.34);
  --ed-ink:#211410;
  --ed-muted:rgba(36,25,20,.74);
  --ed-soft:rgba(36,25,20,.58);
  --ed-faint:rgba(36,25,20,.40);
  --ed-red:#9e241d;
  --ed-red-2:#6f1712;
  --ed-rust:#a06032;
  --ed-amber:#8f4d25;
  --ed-ash:#6f6259;
  --ed-smoke:rgba(40,25,18,.055);
  --ed-glow:rgba(158,36,29,.14);
  --ed-shadow:0 26px 80px rgba(70,45,25,.16);
  --ed-shadow-soft:0 14px 42px rgba(70,45,25,.10);

  color:var(--ed-ink);
  background:
    radial-gradient(circle at 12% -4%, rgba(158,36,29,.10), transparent 28%),
    radial-gradient(circle at 84% 8%, rgba(160,96,50,.10), transparent 31%),
    linear-gradient(180deg,#efe4dc 0%,#fbf6ef 42%,#eee2d6 100%);
}

body .ss-extreme-lp[data-ed-theme="light"] *,
body .ss-extreme-lp[data-ed-theme="light"] h1,
body .ss-extreme-lp[data-ed-theme="light"] h2,
body .ss-extreme-lp[data-ed-theme="light"] h3,
body .ss-extreme-lp[data-ed-theme="light"] h4{
  text-shadow:none !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-hero-shell,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-editorial-shell,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-shell,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-shell{
  background:
    radial-gradient(circle at 18% 0%, rgba(158,36,29,.075), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(160,96,50,.075), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(250,242,235,.84));
  border-color:var(--ed-line);
  box-shadow:var(--ed-shadow);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-hero-shell::before{
  opacity:.24;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-hero-shell::after{
  color:rgba(36,25,20,.022);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-title{
  color:#211410 !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-title span,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-title strong{
  color:#8e201a !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-subtitle{
  color:rgba(36,25,20,.78) !important;
  font-weight:500;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-disclaimer,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-signal{
  background:rgba(158,36,29,.055);
  border-color:rgba(158,36,29,.18);
  color:rgba(36,25,20,.74);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-kicker{
  background:rgba(158,36,29,.055);
  border-color:rgba(158,36,29,.24);
  color:#9e241d;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-brand{
  color:rgba(36,25,20,.62);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-brand-dot{
  background:#9e241d;
  box-shadow:none;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-toplinks a,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-help-toggle,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-theme-toggle{
  background:rgba(255,255,255,.78);
  border-color:rgba(58,35,26,.12);
  color:rgba(36,25,20,.72);
  box-shadow:0 8px 22px rgba(70,45,25,.08);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-toplinks a:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-help-toggle:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-theme-toggle:hover{
  background:rgba(158,36,29,.08);
  border-color:rgba(158,36,29,.24);
  color:#8e201a;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-orientation-card,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bar,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-controls,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-panel,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-card,
body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-how-card,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-diagnostic-panel,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-stat{
  background:rgba(255,255,255,.78);
  border-color:var(--ed-line);
  box-shadow:var(--ed-shadow-soft);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-tab-nav {
  background:rgba(70,45,25,.045);
  border-bottom-color:var(--ed-line);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-tab-nav label, body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-label{
  background:rgba(255,255,255,.72);
  border-color:var(--ed-line);
  color:rgba(36,25,20,.68);
}

body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-summary:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-summary"],
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-how:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-how"],
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-full:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-full"]{
  background:rgba(158,36,29,.10);
  border-color:rgba(158,36,29,.30);
  color:#8e201a;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-panel-label,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-stat span,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-subtitle,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-label{
  color:var(--ed-soft);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-stat strong, body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-article h3 strong{
  color:#9e241d;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-panel p,
body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-panel li,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-article p,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-article li,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-header p,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-short,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bar-body p,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-shell p,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-orientation-card p{
  color:var(--ed-muted) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-search-input,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-search-results{
  background:rgba(255,255,255,.88);
  border-color:rgba(58,35,26,.16);
  color:var(--ed-ink);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-search-input::placeholder{
  color:rgba(36,25,20,.42);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-search-results-empty,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-search-results-list li{
  color:rgba(36,25,20,.64);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-tab,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-chip,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-pill-btn,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-danger-chip,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-kedok-tag,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-tag,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-level-badge,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-topdanger-badge,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-fav-chip{
  background:rgba(255,255,255,.78);
  border-color:var(--ed-line);
  color:rgba(36,25,20,.72);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-tab.is-active,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-chip.is-active{
  background:linear-gradient(180deg,#9e241d,#6f1712);
  border-color:rgba(158,36,29,.28);
  color:#fff8f2;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-fav-chip,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-explore-body a,
body .ss-extreme-lp[data-ed-theme="light"] .ss-inline-term,
body .ss-extreme-lp[data-ed-theme="light"] .ss-ds-kbd-link-text,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-tag.ss-ds-kbd-link-text,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-article .ss-ds-kbd-link-text{
  color:#8e201a !important;
  border-bottom-color:rgba(142,33,26,.35);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-fav-chip{
  background:rgba(158,36,29,.055);
  border-color:rgba(158,36,29,.20);
  font-weight:700;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-fav-chip:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-tab:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-chip:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-pill-btn:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-danger-chip:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-ghost:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-tab-nav label:hover, 
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-label:hover {
  background:rgba(158,36,29,.10);
  border-color:rgba(158,36,29,.30);
  color:#6f1712 !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-cta{
  background:linear-gradient(180deg,#9e241d,#6f1712);
  color:#fff8f2;
  border-color:rgba(158,36,29,.26);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-ghost{
  background:rgba(255,255,255,.78);
  border-color:var(--ed-line);
  color:rgba(36,25,20,.76);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-card:hover{
  background:radial-gradient(circle at 12% 0%, rgba(158,36,29,.08), transparent 42%),rgba(255,255,255,.88);
  border-color:rgba(158,36,29,.26);
  box-shadow:0 18px 44px rgba(70,45,25,.14);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-fav-btn{
  background:rgba(255,255,255,.62);
  border-color:var(--ed-line);
  color:rgba(36,25,20,.45);
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-fav-btn:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-fav-btn.is-active{
  color:#8f211a;
  border-color:rgba(158,36,29,.28);
  background:rgba(158,36,29,.08);
}

/* =========================================================
   11. RESPONSIVE
========================================================= */

@media (max-width:1020px){
  .ss-extreme-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ss-extreme-hero-inner{
    grid-template-columns:1fr;
  }

  .ss-extreme-map-quick{
    grid-template-columns:1fr;
  }

  body .ss-extreme-lp .ss-extreme-title{
    font-size:54px !important;
  }
}

@media (max-width:760px){
  .ss-extreme-topbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .ss-extreme-hero-shell,
  .ss-extreme-map-shell{
    padding:20px;
    border-radius:28px;
  }

  body .ss-extreme-lp .ss-extreme-title{
    font-size:46px !important;
  }

  .ss-extreme-subtitle{
    font-size:16px;
  }

  .ss-extreme-stat-grid{
    grid-template-columns:1fr 1fr;
  }

  .ss-extreme-orientation-grid,
  .ss-ed-how-grid,
  .ss-extreme-grid{
    grid-template-columns:1fr;
  }

  .ss-ed-tab-panels{
    padding:18px;
  }

  body .ss-extreme-lp .ss-extreme-map-header h2,
  body .ss-extreme-lp .ss-ed-panel h1,
  body .ss-extreme-lp .ss-ed-panel h2,
  body .ss-extreme-lp .ss-extreme-article h1,
  body .ss-extreme-lp .ss-extreme-article h2{
    font-size:30px !important;
  }

  body .ss-extreme-lp .ss-extreme-column-title{
    font-size:24px !important;
  }

  body .ss-extreme-lp .ss-extreme-term-card .ss-extreme-term-title{
    font-size:19px !important;
  }

  body .ss-extreme-lp .ss-extreme-bar-title{
    font-size:22px !important;
  }

  .ss-extreme-bar{
    padding:22px 18px 20px;
  }

  .ss-extreme-theme-toggle{
    width:auto;
  }
}

@media (max-width:520px){
  .ss-extreme-lp section{
    padding:20px 14px;
  }

  .ss-extreme-topbar{
    padding-left:14px;
    padding-right:14px;
  }

  .ss-extreme-hero-shell,
  .ss-extreme-map-shell{
    padding:16px;
    border-radius:24px;
  }

  .ss-extreme-stat-grid{
    grid-template-columns:1fr;
  }

  .ss-ed-tab-nav label,
  .ss-extreme-tab{
    width:100%;
    text-align:center;
  }

  .ss-extreme-filter-row{
    align-items:flex-start;
    flex-direction:column;
  }

  body .ss-extreme-lp .ss-extreme-title{
    font-size:40px !important;
  }

  .ss-extreme-danger-chip,
  .ss-extreme-fav-chip,
  .ss-extreme-explore-body a{
    width:100%;
    justify-content:flex-start;
  }
}

/* KBDS overlay close fix, safest */
.ss-ds-kbd-overlay,
.ss-ds-kbd-overlay.is-open{
  z-index: 999999 !important;
  pointer-events: auto !important;
}

.ss-ds-kbd-overlay-panel{
  pointer-events: auto !important;
}

button.ss-ds-kbd-overlay-close,
button[data-kbd-overlay-close]{
  z-index: 50 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

[data-kbd-overlay-close]{
  pointer-events: auto !important;
  cursor: pointer !important;
}

.ss-ds-kbd-overlay::before,
.ss-ds-kbd-overlay::after,
.ss-ds-kbd-overlay-panel::before,
.ss-ds-kbd-overlay-panel::after{
  pointer-events: none !important;
}

/* =========================================================
   EXTREME DISTORTION
   Lightmode Editorial Tab Active Fix
   FAQ included
========================================================= */

/* Semua tab lightmode dibuat konsisten */
body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-tab-nav label{
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 18px;
  border-radius: 999px;

  background: rgba(255,255,255,.78);
  border: 1px solid rgba(58,35,26,.12);
  color: rgba(36,25,20,.68);

  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .01em;

  box-shadow:
    0 6px 16px rgba(70,45,25,.035),
    inset 0 1px 0 rgba(255,255,255,.86);
}

/* Active state, termasuk FAQ */
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-summary:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-summary"],
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-how:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-how"],
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-faq:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-faq"],
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-full:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-full"]{
  background:
    linear-gradient(180deg, rgba(158,36,29,.16), rgba(158,36,29,.10)) !important;
  border-color: rgba(158,36,29,.34) !important;
  color: #7a1712 !important;

  box-shadow:
    0 8px 20px rgba(158,36,29,.085),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* Hover lightmode tidak boleh mengalahkan active state */
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-summary:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-summary"]:hover,
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-how:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-how"]:hover,
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-faq:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-faq"]:hover,
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-full:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-full"]:hover{
  background:
    linear-gradient(180deg, rgba(158,36,29,.18), rgba(158,36,29,.11)) !important;
  border-color: rgba(158,36,29,.38) !important;
  color: #6f1712 !important;
  transform: none;
}

/* Mobile: tetap proporsional */
@media (max-width:640px){
  body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-tab-nav label{
    min-height: 36px;
    padding: 8px 12px;
    font-size: 11.5px;
  }
}


/* =========================================================
   EXTREME DISTORTION vs SISTEM SUNYI
   PREMIUM LIFT PATCH FINAL SAFE
   Basis: kode awal asli
   Fokus: editorial lift, readability, dark-light safe, mobile safe
========================================================= */


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

body .ss-extreme-lp{
  --ed-premium-line:rgba(183,43,34,.36);
  --ed-premium-line-soft:rgba(255,255,255,.105);
  --ed-premium-gold:rgba(233,179,125,.72);
  --ed-premium-glow-red:rgba(183,43,34,.16);
  --ed-premium-glow-rust:rgba(176,100,49,.10);
  --ed-premium-panel:
    radial-gradient(circle at 12% 0%, rgba(183,43,34,.105), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(176,100,49,.070), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024)),
    rgba(10,8,8,.40);
  --ed-premium-card:
    radial-gradient(circle at 92% 8%, rgba(183,43,34,.080), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.052), rgba(255,255,255,.020)),
    rgba(255,255,255,.035);
  --ed-premium-shadow:
    0 28px 82px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.040);
}

body .ss-extreme-lp[data-ed-theme="light"]{
  --ed-premium-line:rgba(158,36,29,.26);
  --ed-premium-line-soft:rgba(36,25,20,.12);
  --ed-premium-gold:rgba(142,75,38,.72);
  --ed-premium-glow-red:rgba(158,36,29,.080);
  --ed-premium-glow-rust:rgba(154,90,49,.055);
  --ed-premium-panel:
    radial-gradient(circle at 12% 0%, rgba(158,36,29,.065), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(154,90,49,.050), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.72)),
    rgba(255,255,255,.86);
  --ed-premium-card:
    radial-gradient(circle at 92% 8%, rgba(158,36,29,.048), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.74)),
    rgba(255,255,255,.82);
  --ed-premium-shadow:
    0 18px 52px rgba(36,24,18,.095),
    inset 0 1px 0 rgba(255,255,255,.72);
}


/* =========================================================
   02. PAGE ATMOSPHERE, LIGHT TOUCH ONLY
========================================================= */

body .ss-extreme-lp{
  background:
    radial-gradient(circle at 10% -4%, rgba(183,43,34,.24), transparent 30%),
    radial-gradient(circle at 86% 6%, rgba(176,100,49,.13), transparent 32%),
    radial-gradient(circle at 50% 100%, rgba(244,239,231,.040), transparent 42%),
    linear-gradient(90deg, rgba(183,43,34,.014) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, var(--ed-bg) 0%, var(--ed-bg-2) 48%, #0c0706 100%) !important;
  background-size:auto, auto, auto, 62px 62px, auto !important;
}

body .ss-extreme-lp[data-ed-theme="light"]{
  background:
    radial-gradient(circle at 10% -4%, rgba(158,36,29,.11), transparent 30%),
    radial-gradient(circle at 86% 6%, rgba(154,90,49,.085), transparent 32%),
    radial-gradient(circle at 50% 100%, rgba(36,25,20,.030), transparent 42%),
    linear-gradient(90deg, rgba(158,36,29,.010) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #fbf6ef 0%, #f3e8dd 48%, #ece0d4 100%) !important;
  background-size:auto, auto, auto, 62px 62px, auto !important;
}


/* =========================================================
   04. HERO AND DIAGNOSTIC PANEL
========================================================= */

body .ss-extreme-lp .ss-extreme-hero-shell{
  border-color:var(--ed-premium-line) !important;
  box-shadow:
    0 34px 100px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-hero-shell{
  border-color:rgba(158,36,29,.22) !important;
  box-shadow:
    0 24px 70px rgba(36,24,18,.11),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
}

body .ss-extreme-lp .ss-extreme-kicker{
  border-color:rgba(183,43,34,.28) !important;
  background:rgba(183,43,34,.10) !important;
}

body .ss-extreme-lp .ss-extreme-title{
  letter-spacing:-.062em !important;
  text-shadow:0 18px 64px rgba(0,0,0,.30) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-title{
  text-shadow:none !important;
}

body .ss-extreme-lp .ss-extreme-diagnostic-panel{
  position:relative !important;
  overflow:hidden !important;
  border-color:var(--ed-premium-line) !important;
  background:var(--ed-premium-panel) !important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.040) !important;
}

body .ss-extreme-lp .ss-extreme-diagnostic-panel::before{
  content:"" !important;
  position:absolute !important;
  left:22px !important;
  right:22px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(183,43,34,.54), rgba(233,179,125,.20), transparent) !important;
  pointer-events:none !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-diagnostic-panel{
  border-color:rgba(158,36,29,.20) !important;
  background:var(--ed-premium-card) !important;
  box-shadow:var(--ed-premium-shadow) !important;
}

body .ss-extreme-lp .ss-extreme-stat,
body .ss-extreme-lp .ss-extreme-signal{
  border-color:var(--ed-premium-line-soft) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-stat,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-signal{
  background:rgba(255,255,255,.70) !important;
  border-color:rgba(36,25,20,.105) !important;
}


/* =========================================================
   05. ORIENTATION CARDS
========================================================= */

body .ss-extreme-lp .ss-extreme-orientation-card{
  position:relative !important;
  overflow:hidden !important;
  border-color:var(--ed-premium-line-soft) !important;
  background:var(--ed-premium-card) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.20) !important;
}

body .ss-extreme-lp .ss-extreme-orientation-card::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(183,43,34,.46), transparent) !important;
  pointer-events:none !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-orientation-card{
  border-color:rgba(36,25,20,.105) !important;
  background:var(--ed-premium-card) !important;
  box-shadow:0 14px 36px rgba(36,24,18,.075) !important;
}


/* =========================================================
   06. EDITORIAL SHELL
========================================================= */

body .ss-extreme-lp .ss-extreme-editorial-shell{
  position:relative !important;
  overflow:hidden !important;
  border-color:var(--ed-premium-line) !important;
  background:var(--ed-premium-panel) !important;
  box-shadow:var(--ed-premium-shadow) !important;
}

body .ss-extreme-lp .ss-extreme-editorial-shell::before{
  content:"" !important;
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(183,43,34,.62),
    rgba(233,179,125,.26),
    transparent
  ) !important;
  pointer-events:none !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-editorial-shell{
  border-color:rgba(158,36,29,.22) !important;
  background:var(--ed-premium-panel) !important;
  box-shadow:var(--ed-premium-shadow) !important;
}


/* =========================================================
   07. EDITORIAL TAB NAV, CENTERED TEXT FIX
========================================================= */

body .ss-extreme-lp .ss-ed-tab-nav{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  padding:14px !important;
  border-bottom-color:var(--ed-premium-line-soft) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
}

body .ss-extreme-lp .ss-ed-tab-nav label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  margin:0 !important;
  border-color:var(--ed-premium-line-soft) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--ed-soft) !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-align:center !important;
  vertical-align:middle !important;
}

body .ss-extreme-lp .ss-ed-tab-nav label:hover{
  border-color:var(--ed-premium-line) !important;
  background:rgba(183,43,34,.115) !important;
  color:var(--ed-ink) !important;
}

body .ss-extreme-lp #ss-ed-tab-summary:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-summary"],
body .ss-extreme-lp #ss-ed-tab-how:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-how"],
body .ss-extreme-lp #ss-ed-tab-faq:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-faq"],
body .ss-extreme-lp #ss-ed-tab-full:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-full"]{
  border-color:rgba(183,43,34,.44) !important;
  background:
    radial-gradient(circle at 30% 0%, rgba(255,255,255,.11), transparent 40%),
    linear-gradient(135deg, rgba(183,43,34,.20), rgba(176,100,49,.10)) !important;
  color:#fff7ef !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-tab-nav{
  border-bottom-color:rgba(36,25,20,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.50)) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-tab-nav label{
  border-color:rgba(36,25,20,.10) !important;
  background:rgba(255,255,255,.76) !important;
  color:rgba(36,25,20,.70) !important;
  box-shadow:0 8px 18px rgba(36,24,18,.040) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-summary:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-summary"],
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-how:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-how"],
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-faq:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-faq"],
body .ss-extreme-lp[data-ed-theme="light"] #ss-ed-tab-full:checked ~ .ss-ed-tab-nav label[for="ss-ed-tab-full"]{
  border-color:rgba(158,36,29,.28) !important;
  background:
    radial-gradient(circle at 30% 0%, rgba(255,255,255,.86), transparent 40%),
    linear-gradient(135deg, rgba(158,36,29,.10), rgba(154,90,49,.050)) !important;
  color:#7d1f18 !important;
}


/* =========================================================
   08. EDITORIAL PANEL, HOW CARDS, FAQ
========================================================= */

body .ss-extreme-lp .ss-ed-tab-panels{
  position:relative !important;
  z-index:1 !important;
}

body .ss-extreme-lp .ss-ed-panel{
  border-top:1px solid rgba(255,255,255,.050) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-panel{
  border-top-color:rgba(36,25,20,.060) !important;
}

body .ss-extreme-lp .ss-ed-panel h1,
body .ss-extreme-lp .ss-ed-panel h2{
  letter-spacing:-.040em !important;
}

body .ss-extreme-lp .ss-ed-how-card,
body .ss-extreme-lp .ss-ed-faq-item{
  position:relative !important;
  overflow:hidden !important;
  border-color:var(--ed-premium-line-soft) !important;
  background:var(--ed-premium-card) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.18) !important;
}

body .ss-extreme-lp .ss-ed-how-card::before,
body .ss-extreme-lp .ss-ed-faq-item::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(183,43,34,.44), rgba(233,179,125,.14), transparent) !important;
  pointer-events:none !important;
}

body .ss-extreme-lp .ss-ed-faq-item[open]{
  border-color:rgba(183,43,34,.34) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(183,43,34,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024)),
    rgba(255,255,255,.045) !important;
}

body .ss-extreme-lp .ss-ed-faq-item summary{
  padding-top:18px !important;
  padding-bottom:18px !important;
}

body .ss-extreme-lp .ss-ed-faq-item summary::after{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-how-card,
body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-faq-item{
  border-color:rgba(36,25,20,.105) !important;
  background:var(--ed-premium-card) !important;
  box-shadow:0 14px 34px rgba(36,24,18,.070) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-faq-item[open]{
  border-color:rgba(158,36,29,.24) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(158,36,29,.065), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,255,255,.80)),
    rgba(255,255,255,.90) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-faq-item summary{
  color:#211410 !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-faq-body p,
body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-how-card span,
body .ss-extreme-lp[data-ed-theme="light"] .ss-ed-faq-intro{
  color:rgba(36,25,20,.72) !important;
}


/* =========================================================
   09. MAP SHELL AND CONTROL DECK
========================================================= */

body .ss-extreme-lp .ss-extreme-map-shell{
  border-color:var(--ed-premium-line) !important;
  box-shadow:var(--ed-shadow) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-shell{
  border-color:rgba(158,36,29,.22) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(158,36,29,.070), transparent 34%),
    radial-gradient(circle at 94% 12%, rgba(154,90,49,.050), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(250,242,235,.84)) !important;
}

body .ss-extreme-lp .ss-extreme-controls{
  position:relative !important;
  overflow:hidden !important;
  border-color:var(--ed-premium-line-soft) !important;
  background:
     radial-gradient(circle at 7% 0%, rgba(183,43,34,.40), transparent 34%),
            linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.06)),
            rgba(0,0,0,.55) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.040),
    0 18px 52px rgba(0,0,0,.16) !important;
}

body .ss-extreme-lp .ss-extreme-controls::before{
  content:"" !important;
  position:absolute !important;
  left:22px !important;
  right:22px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(183,43,34,.48), rgba(233,179,125,.18), transparent) !important;
  pointer-events:none !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-controls{
  border-color:rgba(158,36,29,.20) !important;
  background:
    radial-gradient(circle at 7% 0%, rgba(158,36,29,.060), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(154,90,49,.040), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.72)),
    rgba(255,255,255,.86) !important;
  box-shadow:
    0 18px 52px rgba(36,24,18,.080),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}


/* =========================================================
   10. SEARCH, MAP TABS, QUICK BARS
========================================================= */

body .ss-extreme-lp .ss-extreme-search-group label{
  color:var(--ed-amber) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-search-group label{
  color:#8e201a !important;
}

body .ss-extreme-lp .ss-extreme-search-input{
  min-height:25px !important;
  border-color:rgba(255,255,255,.13) !important;
  background:rgba(255,255,255,.065) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-search-input{
  border-color:rgba(36,25,20,.12) !important;
  background:rgba(255,255,255,.88) !important;
  color:#211410 !important;
}

body .ss-extreme-lp .ss-extreme-tab,
body .ss-extreme-lp .ss-extreme-chip,
body .ss-extreme-lp .ss-extreme-pill-btn,
body .ss-extreme-lp .ss-extreme-danger-chip,
body .ss-extreme-lp .ss-extreme-fav-chip,
body .ss-extreme-lp .ss-extreme-favorite-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  line-height:1.2 !important;
  border-color:var(--ed-premium-line-soft) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-tab,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-chip,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-pill-btn,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-danger-chip,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-fav-chip,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-favorite-chip{
  border-color:rgba(36,25,20,.11) !important;
  background:rgba(255,255,255,.76) !important;
  color:rgba(36,25,20,.72) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-tab.is-active,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-chip.is-active{
  background:linear-gradient(180deg,#9e241d,#6f1712) !important;
  border-color:rgba(158,36,29,.28) !important;
  color:#fff8f2 !important;
}

body .ss-extreme-lp .ss-extreme-bar{
  border-color:var(--ed-premium-line-soft) !important;
  background:var(--ed-premium-card) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bar{
  border-color:rgba(36,25,20,.105) !important;
  background:var(--ed-premium-card) !important;
  box-shadow:0 12px 34px rgba(36,24,18,.065) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bar-title{
  color:#211410 !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bar-body p{
  color:rgba(36,25,20,.70) !important;
}


/* =========================================================
   11. FILTER PANEL, SAFE LIGHT MODE FIX
========================================================= */

body .ss-extreme-lp .ss-extreme-filter-panel{
  border-color:var(--ed-premium-line-soft) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(183,43,34,.075), transparent 34%),
    rgba(255,255,255,.035) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-panel{
  border-color:rgba(158,36,29,.20) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(158,36,29,.050), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(154,90,49,.038), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.74)),
    rgba(255,255,255,.88) !important;
  box-shadow:
    0 14px 42px rgba(36,24,18,.070),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-panel summary,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-title{
  color:#211410 !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-panel summary::after{
  color:#8e201a !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-label{
  color:#8e201a !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-toggle,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-toggle span,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-panel label{
  color:rgba(36,25,20,.74) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-filter-panel input[type="checkbox"]{
  accent-color:#9e241d !important;
  opacity:1 !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-alpha-list button{
  border-color:rgba(36,25,20,.11) !important;
  background:rgba(255,255,255,.76) !important;
  color:rgba(36,25,20,.68) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-alpha-list button:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-alpha-list button.is-active{
  border-color:rgba(158,36,29,.28) !important;
  background:rgba(158,36,29,.080) !important;
  color:#8e201a !important;
}


/* =========================================================
   12. DYNAMIC COLUMNS AND TERM CARDS
========================================================= */

body .ss-extreme-lp .ss-extreme-column{
  border-color:var(--ed-premium-line-soft) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(183,43,34,.095), transparent 34%),
    radial-gradient(circle at 94% 8%, rgba(176,100,49,.060), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.046), rgba(255,255,255,.018)),
    rgba(255,255,255,.032) !important;
  box-shadow:0 22px 66px rgba(0,0,0,.24) !important;
}

body .ss-extreme-lp .ss-extreme-column-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  border-color:rgba(183,43,34,.34) !important;
}

body .ss-extreme-lp .ss-extreme-term-card{
  border-color:var(--ed-premium-line-soft) !important;
  background:var(--ed-premium-card) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.16) !important;
}

body .ss-extreme-lp .ss-extreme-term-card:hover{
  border-color:var(--ed-premium-line) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(183,43,34,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.024)),
    rgba(255,255,255,.045) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-card{
  border-color:rgba(36,25,20,.105) !important;
  background:var(--ed-premium-card) !important;
  box-shadow:0 14px 38px rgba(36,24,18,.070) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-label{
  border-color:rgba(158,36,29,.24) !important;
  background:rgba(158,36,29,.070) !important;
  color:#8e201a !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-title,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-title{
  color:#211410 !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-subtitle,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-desc,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-header p,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-short,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-desc{
  color:rgba(36,25,20,.70) !important;
}


/* =========================================================
   13. BRIDGE
========================================================= */

body .ss-extreme-lp .ss-extreme-bridge-shell{
  position:relative !important;
  overflow:hidden !important;
  border-color:var(--ed-premium-line) !important;
  background:var(--ed-premium-panel) !important;
  box-shadow:var(--ed-premium-shadow) !important;
}

body .ss-extreme-lp .ss-extreme-bridge-shell::before{
  content:"" !important;
  position:absolute !important;
  left:28px !important;
  right:28px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(183,43,34,.52), transparent) !important;
  pointer-events:none !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-shell{
  border-color:rgba(158,36,29,.22) !important;
  background:var(--ed-premium-panel) !important;
}


/* =========================================================
   14. MOBILE SAFETY
========================================================= */

@media(max-width:900px){
  body .ss-extreme-lp .ss-ed-tab-nav{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }

  body .ss-extreme-lp .ss-ed-tab-nav::-webkit-scrollbar{
    display:none !important;
  }

  body .ss-extreme-lp .ss-ed-tab-nav label{
    flex:0 0 auto !important;
  }

  body .ss-extreme-lp .ss-ed-how-grid,
  body .ss-extreme-lp .ss-ed-faq-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  body .ss-extreme-lp .ss-extreme-toplinks a,
  body .ss-extreme-lp .ss-extreme-help-toggle,
  body .ss-extreme-lp .ss-extreme-theme-toggle{
    min-height:36px !important;
  }

  body .ss-extreme-lp .ss-ed-tab-nav{
    padding:12px !important;
    gap:8px !important;
  }

  body .ss-extreme-lp .ss-ed-tab-nav label{
    min-height:40px !important;
    padding:0 14px !important;
    font-size:11.5px !important;
  }

  body .ss-extreme-lp .ss-extreme-controls,
  body .ss-extreme-lp .ss-extreme-filter-panel,
  body .ss-extreme-lp .ss-extreme-column,
  body .ss-extreme-lp .ss-extreme-term-card{
    border-radius:22px !important;
  }

  body .ss-extreme-lp .ss-extreme-search-input{
    width:100% !important;
  }
}

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


/* =========================================================
   13. ED TERM CARD ICON ACTIONS v1.5
   Scoped hanya untuk landing Extreme Distortion.
   Urutan: Eksplorasi, Visual Map, Kompas Pulang, Compare, Page Term.
========================================================= */

.ss-extreme-lp .ss-extreme-term-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:7px !important;
  margin-top:14px !important;
  padding-top:13px !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
}

.ss-extreme-lp .ss-extreme-term-action{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 32px !important;
  width:32px !important;
  min-width:32px !important;
  max-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.055) !important;
  color:rgba(244,239,231,.74) !important;
  font-family:inherit !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
  -webkit-tap-highlight-color:transparent;
}

.ss-extreme-lp .ss-extreme-term-action:hover,
.ss-extreme-lp .ss-extreme-term-action:focus-visible{
  color:var(--ed-ink) !important;
  border-color:rgba(233,179,125,.32) !important;
  background:rgba(233,179,125,.105) !important;
  transform:translateY(-1px);
  outline:none !important;
}

.ss-extreme-lp .ss-extreme-term-action.is-popup,
.ss-extreme-lp .ss-extreme-term-action.is-kompas,
.ss-extreme-lp .ss-extreme-term-action.is-compare{
  color:rgba(233,179,125,.88) !important;
}

.ss-extreme-lp .ss-extreme-term-action.is-map{
  color:rgba(143,183,220,.90) !important;
}

.ss-extreme-lp .ss-extreme-term-action.is-page{
  color:rgba(244,239,231,.82) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-actions{
  border-top-color:rgba(36,25,20,.10) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-action{
  border-color:rgba(36,25,20,.12) !important;
  background:rgba(255,255,255,.72) !important;
  color:rgba(36,25,20,.68) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-action:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-action:focus-visible{
  border-color:rgba(158,36,29,.24) !important;
  background:rgba(158,36,29,.08) !important;
  color:#8e201a !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-action.is-popup,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-action.is-kompas,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-action.is-compare{
  color:#8e201a !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-term-action.is-map{
  color:#315c83 !important;
}

@media (max-width:1180px){
  .ss-extreme-lp .ss-extreme-term-actions{
    gap:6px !important;
  }

  .ss-extreme-lp .ss-extreme-term-action{
    flex-basis:30px !important;
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    border-radius:10px !important;
    font-size:13px !important;
  }
}

@media (max-width:767px){
  .ss-extreme-lp .ss-extreme-term-actions{
    gap:6px !important;
  }

  .ss-extreme-lp .ss-extreme-term-action{
    flex-basis:31px !important;
    width:31px !important;
    min-width:31px !important;
    max-width:31px !important;
    height:31px !important;
    min-height:31px !important;
  }
}

@media (max-width:380px){
  .ss-extreme-lp .ss-extreme-term-action{
    flex-basis:29px !important;
    width:29px !important;
    min-width:29px !important;
    max-width:29px !important;
    height:29px !important;
    min-height:29px !important;
  }
}


/* =========================================================
   v2.0 — DIAGNOSTIC WORKSPACE + HERO SEARCH REFLOW
   Keeps legacy ED engine selectors intact.
========================================================= */
.ss-extreme-lp .ss-extreme-hero-shell{
  max-width:1160px !important;
  margin:0 auto !important;
}

.ss-extreme-lp .ss-extreme-hero-search-panel{
  position:relative !important;
  z-index:2 !important;
  margin-top:22px !important;
  padding:clamp(18px,2.3vw,26px) !important;
  border:1px solid var(--ed-line-strong) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 10% 18%, rgba(183,43,34,.18), transparent 34%),
    radial-gradient(circle at 92% 84%, rgba(176,100,49,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
  box-shadow:var(--ed-shadow) !important;
}

.ss-extreme-lp .ss-extreme-hero-search-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(260px,.52fr) !important;
  gap:18px !important;
  align-items:end !important;
  margin-bottom:14px !important;
}

.ss-extreme-lp .ss-extreme-hero-search-head h2{
  margin:0 !important;
  color:var(--ed-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(22px,2.3vw,32px) !important;
  line-height:1.14 !important;
  letter-spacing:-.034em !important;
}

.ss-extreme-lp .ss-extreme-hero-search-head p{
  margin:0 !important;
  color:var(--ed-muted) !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
}

.ss-extreme-lp .ss-extreme-hero-search-group{
  margin:0 !important;
}

.ss-extreme-lp .ss-extreme-search-input{
  width:100% !important;
}

.ss-extreme-lp .ss-extreme-hero-results{
  margin-top:12px !important;
}

.ss-extreme-lp .ss-extreme-hero-search-panel.is-searching .ss-extreme-hero-results{
  display:block !important;
  padding:10px 12px !important;
}

.ss-extreme-lp .ss-extreme-hero-results .ss-extreme-search-results-list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:8px !important;
}

.ss-extreme-lp .ss-extreme-hero-results .ss-extreme-search-results-list li{
  border:1px solid var(--ed-line-soft) !important;
  border-radius:14px !important;
  padding:10px 12px !important;
  background:rgba(255,255,255,.045) !important;
}

.ss-extreme-lp .ss-extreme-hero-chip-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:13px !important;
}

.ss-extreme-lp .ss-extreme-hero-chip-row button{
  min-height:32px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line-soft) !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--ed-muted) !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}

.ss-extreme-lp .ss-extreme-hero-chip-row button:hover{
  border-color:var(--ed-line-strong) !important;
  color:var(--ed-ink) !important;
  background:rgba(183,43,34,.15) !important;
}

.ss-extreme-lp .ss-extreme-workspace{
  padding:38px 0 56px !important;
}

.ss-extreme-lp .ss-extreme-workspace-shell{
  width:min(1160px, calc(100% - 32px)) !important;
  margin:0 auto !important;
}

.ss-extreme-lp .ss-extreme-workspace-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.48fr) !important;
  gap:22px !important;
  align-items:end !important;
  margin-bottom:16px !important;
}

.ss-extreme-lp .ss-extreme-workspace-head h2{
  margin:0 !important;
  color:var(--ed-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(26px,2.7vw,38px) !important;
  line-height:1.12 !important;
  letter-spacing:-.042em !important;
}

.ss-extreme-lp .ss-extreme-workspace-head p{
  margin:0 !important;
  color:var(--ed-muted) !important;
  font-size:14px !important;
  line-height:1.7 !important;
}

.ss-extreme-lp .ss-extreme-workspace-tabs{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:4px 2px 12px !important;
  margin-bottom:14px !important;
  scrollbar-width:thin !important;
}

.ss-extreme-lp .ss-extreme-workspace-tabs button{
  flex:0 0 auto !important;
  min-height:40px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line-soft) !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--ed-muted) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.ss-extreme-lp .ss-extreme-workspace-tabs button.is-active{
  border-color:var(--ed-line-strong) !important;
  background:linear-gradient(180deg,var(--ed-red),var(--ed-red-2)) !important;
  color:#fff !important;
  box-shadow:0 14px 38px rgba(183,43,34,.20) !important;
}

.ss-extreme-lp .ss-extreme-workspace-panel{
  display:none !important;
}

.ss-extreme-lp .ss-extreme-workspace-panel.is-active{
  display:block !important;
}

.ss-extreme-lp .ss-extreme-workspace .ss-extreme-map-block{
  padding:0 !important;
}

.ss-extreme-lp .ss-extreme-workspace .ss-extreme-map-shell{
  width:100% !important;
  max-width:none !important;
}

.ss-extreme-lp .ss-extreme-workspace .ss-extreme-controls{
  margin-top:18px !important;
}

.ss-extreme-lp .ss-extreme-map-quick{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:12px !important;
}

.ss-extreme-lp .ss-extreme-bar-favorites{
  margin-top:12px !important;
}

.ss-extreme-lp .ss-extreme-workspace .ss-extreme-bar-favorites{
  margin-top:0 !important;
}

.ss-extreme-lp .ss-extreme-workspace .ss-extreme-map-quick + .ss-extreme-bar-favorites{
  display:block !important;
}

.ss-extreme-lp .ss-extreme-filter-panel:not([open]){
  background:rgba(255,255,255,.035) !important;
}

.ss-extreme-lp .ss-extreme-term-action.is-family{
  border-color:rgba(201,167,103,.28) !important;
  color:var(--ed-amber) !important;
}

.ss-extreme-lp .ss-extreme-term-action.is-family:hover{
  border-color:rgba(201,167,103,.55) !important;
  background:rgba(201,167,103,.13) !important;
}

.ss-extreme-lp .ss-extreme-guide-reflow .ss-ed-panel{
  display:block !important;
  margin-bottom:16px !important;
}

.ss-extreme-lp .ss-extreme-workspace-panel .ss-ed-panel{
  max-width:none !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-hero-search-panel,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-workspace-tabs button,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-hero-chip-row button{
  background:rgba(255,255,255,.74) !important;
}

@media (max-width: 900px){
  .ss-extreme-lp .ss-extreme-hero-search-head,
  .ss-extreme-lp .ss-extreme-workspace-head,
  .ss-extreme-lp .ss-extreme-map-quick{
    grid-template-columns:1fr !important;
  }

  .ss-extreme-lp .ss-extreme-hero-results .ss-extreme-search-results-list{
    grid-template-columns:1fr !important;
  }
}



/* =========================================================
   v2.0.1 — WORKSPACE PANEL RESTORE + MAP UTILITY REFLOW
   - Restore workspace panel content visibility
   - Danger strip inline, configurable via data-ed-danger-limit
   - Explore/Favorites moved below term grid
   - Bridge CTA theme stabilization
========================================================= */

body .ss-extreme-lp .ss-extreme-workspace-panel.is-active .ss-ed-panel{
  display:block !important;
}

body .ss-extreme-lp .ss-extreme-workspace-panel[data-ed-workspace-panel="how"].is-active .ss-extreme-guide-reflow{
  display:block !important;
}

body .ss-extreme-lp .ss-extreme-workspace-panel[data-ed-workspace-panel="faq"].is-active .ss-ed-panel-faq,
body .ss-extreme-lp .ss-extreme-workspace-panel[data-ed-workspace-panel="article"].is-active .ss-ed-panel-full{
  display:block !important;
}

body .ss-extreme-lp .ss-extreme-danger-strip{
  margin:16px 0 14px !important;
  padding:15px 16px !important;
  border:1px solid var(--ed-line) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(183,43,34,.13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
  box-shadow:var(--ed-shadow-soft) !important;
}

body .ss-extreme-lp .ss-extreme-danger-strip-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 10px !important;
}

body .ss-extreme-lp .ss-extreme-danger-strip .ss-extreme-bar-title{
  margin:0 !important;
  font-size:11px !important;
  line-height:1.2 !important;
  color:var(--ed-amber) !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-family:inherit !important;
}

body .ss-extreme-lp .ss-extreme-danger-strip-note{
  color:var(--ed-soft) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

body .ss-extreme-lp .ss-extreme-danger-strip .ss-extreme-danger-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
}

body .ss-extreme-lp .ss-extreme-danger-strip .ss-extreme-danger-chip{
  min-height:32px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--ed-ink) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

body .ss-extreme-lp .ss-extreme-danger-strip .ss-extreme-danger-chip:hover{
  border-color:var(--ed-line-strong) !important;
  background:rgba(183,43,34,.12) !important;
}

body .ss-extreme-lp .ss-extreme-map-utility-row{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:14px !important;
  margin:24px 0 0 !important;
  align-items:stretch !important;
}

body .ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-bar{
  min-height:0 !important;
  margin:0 !important;
}

body .ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-bar-body p{
  margin-bottom:9px !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

body .ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-explore-body,
body .ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-favorites-body{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  align-items:center !important;
}

body .ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-explore-body a,
body .ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-fav-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line) !important;
  background:rgba(255,255,255,.042) !important;
  color:var(--ed-ink) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}

body .ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-explore-body em,
body .ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-favorites-body em{
  color:var(--ed-soft) !important;
  font-size:12px !important;
  line-height:1.4 !important;
}

body .ss-extreme-lp .ss-extreme-filter-panel{
  margin:0 0 18px !important;
}

body .ss-extreme-lp .ss-extreme-grid{
  margin-top:18px !important;
}

body .ss-extreme-lp .ss-extreme-bridge{
  padding:56px 0 66px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(183,43,34,.10), transparent 38%),
    linear-gradient(180deg, rgba(7,7,7,.98), rgba(17,12,10,1)) !important;
  color:var(--ed-ink) !important;
}

body .ss-extreme-lp .ss-extreme-bridge-shell{
  border:1px solid var(--ed-line) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(183,43,34,.16), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.060), rgba(255,255,255,.022)) !important;
  box-shadow:var(--ed-shadow) !important;
  color:var(--ed-ink) !important;
}

body .ss-extreme-lp .ss-extreme-bridge-shell h2,
body .ss-extreme-lp .ss-extreme-bridge-shell p{
  color:var(--ed-ink) !important;
}

body .ss-extreme-lp .ss-extreme-bridge-shell p{
  color:var(--ed-muted) !important;
}

body .ss-extreme-lp .ss-extreme-bridge-actions .ss-extreme-cta{
  color:#fff7ef !important;
  background:linear-gradient(180deg,var(--ed-red),var(--ed-red-2)) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 14px 38px rgba(183,43,34,.22) !important;
}

body .ss-extreme-lp .ss-extreme-bridge-actions .ss-extreme-ghost{
  color:var(--ed-ink) !important;
  border-color:var(--ed-line) !important;
  background:rgba(255,255,255,.050) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-danger-strip,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-utility-row .ss-extreme-bar{
  background:
    radial-gradient(circle at 10% 0%, rgba(177,76,54,.09), transparent 40%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.64)) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge{
  background:
    radial-gradient(circle at 50% 0%, rgba(177,76,54,.10), transparent 38%),
    linear-gradient(180deg, #f3e9dd, #eadbca) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-shell{
  background:
    radial-gradient(circle at 50% 0%, rgba(177,76,54,.10), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.70)) !important;
  color:var(--ed-ink) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-actions .ss-extreme-cta{
  color:#fff7ef !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-actions .ss-extreme-ghost{
  color:var(--ed-ink) !important;
  background:rgba(255,255,255,.68) !important;
}

@media (max-width: 900px){
  body .ss-extreme-lp .ss-extreme-danger-strip-head,
  body .ss-extreme-lp .ss-extreme-map-utility-row{
    grid-template-columns:1fr !important;
  }

  body .ss-extreme-lp .ss-extreme-danger-strip-head{
    display:grid !important;
  }
}



/* =========================================================
   v2.0.2 — CONSOLIDATED WORKSPACE REWRITE
   Root fixes:
   - removes visual impact of legacy controls wrapper
   - one workspace tab visibility system only
   - readable tabs in dark/light mode
   - bridge CTA fully inside ED skin
========================================================= */

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-workspace{
  display:block !important;
  margin-top:18px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-workspace > .ss-extreme-tab-row{
  margin:0 0 16px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-workspace > .ss-extreme-danger-strip{
  margin:0 0 14px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-workspace > .ss-extreme-filter-panel{
  margin:0 0 18px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel.is-active{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  overflow:visible !important;
  pointer-events:auto !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel.is-active .ss-ed-panel,
#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel.is-active .ss-ed-panel-summary,
#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel.is-active .ss-ed-panel-how,
#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel.is-active .ss-ed-panel-faq,
#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel.is-active .ss-ed-panel-full,
#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel.is-active .ss-extreme-guide-reflow,
#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel.is-active .ss-extreme-article{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  overflow:visible !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-panel[data-ed-workspace-panel="how"] .ss-ed-panel{
  padding-top:0 !important;
  border-top:0 !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 0 20px !important;
  padding:0 !important;
  overflow:visible !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-tabs button{
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line) !important;
  background:rgba(255,255,255,.062) !important;
  color:var(--ed-muted) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-workspace-tabs button.is-active{
  border-color:rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg,var(--ed-red),var(--ed-red-2)) !important;
  color:#fff7ef !important;
  box-shadow:0 16px 42px rgba(183,43,34,.22) !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-workspace-tabs button{
  border-color:rgba(71,43,34,.16) !important;
  background:rgba(255,255,255,.78) !important;
  color:#3c2e28 !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-workspace-tabs button.is-active{
  border-color:rgba(126,36,26,.25) !important;
  background:linear-gradient(180deg,#bd392d,#8f2119) !important;
  color:#fff7ef !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-danger-strip{
  border:1px solid var(--ed-line) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(183,43,34,.13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
  box-shadow:var(--ed-shadow-soft) !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-danger-strip{
  background:
    radial-gradient(circle at 8% 10%, rgba(177,76,54,.09), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.66)) !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row{
  margin-top:26px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-bar{
  min-height:0 !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge{
  position:relative !important;
  z-index:2 !important;
  margin:0 !important;
  padding:64px 16px 72px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(183,43,34,.14), transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(176,100,49,.10), transparent 36%),
    linear-gradient(180deg, var(--ed-bg), var(--ed-bg-2)) !important;
  color:var(--ed-ink) !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-shell{
  width:min(1120px, calc(100% - 32px)) !important;
  margin:0 auto !important;
  padding:clamp(30px,4vw,52px) !important;
  border:1px solid var(--ed-line) !important;
  border-radius:32px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(183,43,34,.16), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.070), rgba(255,255,255,.024)) !important;
  box-shadow:var(--ed-shadow) !important;
  color:var(--ed-ink) !important;
  text-align:center !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-shell h2{
  color:var(--ed-ink) !important;
  font-family:"Cormorant Garamond", Georgia, serif !important;
  font-size:clamp(30px,3vw,44px) !important;
  line-height:1.12 !important;
  letter-spacing:-.032em !important;
  margin:0 0 16px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-shell p{
  max-width:720px !important;
  margin:0 auto 22px !important;
  color:var(--ed-muted) !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-actions .ss-extreme-cta,
#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-actions .ss-extreme-ghost{
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  opacity:1 !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-actions .ss-extreme-cta{
  color:#fff7ef !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:linear-gradient(180deg,var(--ed-red),var(--ed-red-2)) !important;
  box-shadow:0 16px 44px rgba(183,43,34,.24) !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-actions .ss-extreme-ghost{
  color:var(--ed-ink) !important;
  border:1px solid var(--ed-line) !important;
  background:rgba(255,255,255,.060) !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge{
  background:
    radial-gradient(circle at 50% 0%, rgba(177,76,54,.12), transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(159,116,48,.10), transparent 36%),
    linear-gradient(180deg, #efe2d5, #e4d2c0) !important;
  color:#211714 !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-shell{
  background:
    radial-gradient(circle at 50% 0%, rgba(177,76,54,.10), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.70)) !important;
  border-color:rgba(71,43,34,.15) !important;
  color:#211714 !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-shell h2{
  color:#211714 !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-shell p{
  color:rgba(33,23,20,.74) !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-actions .ss-extreme-ghost{
  color:#211714 !important;
  background:rgba(255,255,255,.76) !important;
  border-color:rgba(71,43,34,.14) !important;
}

@media (max-width: 900px){
  #ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row{
    grid-template-columns:1fr !important;
  }
}



/* =========================================================
   v2.0.8 — Balanced Map Columns + Utility Bridge Polish
   - per-kolom term dibatasi bertahap
   - Jejak/Favorites menjadi utility row dua kolom desktop
   - bridge CTA menyatu dengan background halaman
========================================================= */

#ss-extreme-top.ss-extreme-lp .ss-extreme-column-more-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px solid var(--ed-line-soft) !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-column-more{
  min-height:38px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(183,43,34,.30) !important;
  background:linear-gradient(180deg, rgba(183,43,34,.16), rgba(183,43,34,.075)) !important;
  color:var(--ed-ink) !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-column-more:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(183,43,34,.48) !important;
  background:linear-gradient(180deg, rgba(183,43,34,.23), rgba(183,43,34,.12)) !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-column-more-count{
  color:var(--ed-soft) !important;
  font-size:11px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row{
  width:100% !important;
  margin:26px 0 0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-bar,
#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-bar-favorites,
#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-bar-explore{
  grid-column:auto !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:22px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-explore-body,
#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-favorites-body{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-explore-body a,
#ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row .ss-extreme-fav-chip{
  margin:0 !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  margin:0 auto !important;
  padding:52px 0 70px !important;
  background:transparent !important;
  color:var(--ed-ink) !important;
}

#ss-extreme-top.ss-extreme-lp .ss-extreme-bridge-shell{
  width:min(1120px, calc(100% - 32px)) !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:clamp(30px,4vw,52px) !important;
  border:1px solid var(--ed-line) !important;
  border-radius:32px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(183,43,34,.13), transparent 42%),
    radial-gradient(circle at 14% 88%, rgba(176,100,49,.085), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.070), rgba(255,255,255,.024)) !important;
  box-shadow:var(--ed-shadow) !important;
  color:var(--ed-ink) !important;
  text-align:center !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-more{
  color:#842016 !important;
  background:linear-gradient(180deg, rgba(177,76,54,.13), rgba(255,255,255,.72)) !important;
  border-color:rgba(177,76,54,.25) !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-column-more-count{
  color:rgba(33,23,20,.52) !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge{
  background:transparent !important;
  color:#211714 !important;
}

#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-bridge-shell{
  background:
    radial-gradient(circle at 50% 0%, rgba(177,76,54,.08), transparent 42%),
    radial-gradient(circle at 14% 88%, rgba(159,116,48,.06), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.70)) !important;
  border-color:rgba(126,36,26,.16) !important;
  color:#211714 !important;
}

@media (max-width:900px){
  #ss-extreme-top.ss-extreme-lp .ss-extreme-map-utility-row{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:640px){
  #ss-extreme-top.ss-extreme-lp .ss-extreme-column-more-wrap{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  #ss-extreme-top.ss-extreme-lp .ss-extreme-column-more{
    width:100% !important;
  }
  #ss-extreme-top.ss-extreme-lp .ss-extreme-bridge{
    padding:40px 0 52px !important;
  }
}


/* =========================================================
   v2.0.8 — HERO FEATURED TERM + SYNCED MAP SEARCH POLISH
========================================================= */

.ss-extreme-lp .ss-extreme-feature-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:100% !important;
  padding:28px !important;
  border-radius:28px !important;
  border:1px solid rgba(231,80,66,.30) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(183,43,34,.20), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.026)) !important;
  box-shadow:var(--ed-shadow-soft) !important;
  cursor:pointer !important;
}
.ss-extreme-lp .ss-extreme-feature-card::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.060) !important;
  pointer-events:none !important;
}
.ss-extreme-lp .ss-extreme-feature-card > *{ position:relative !important; z-index:2 !important; }
.ss-extreme-lp .ss-extreme-feature-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:18px !important;
}
.ss-extreme-lp .ss-extreme-feature-head h2{
  margin:8px 0 0 !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:clamp(30px, 3vw, 44px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  color:var(--ed-ink) !important;
}
.ss-extreme-lp .ss-extreme-feature-refresh{
  width:42px !important;
  height:42px !important;
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line) !important;
  background:rgba(255,255,255,.060) !important;
  color:var(--ed-ink) !important;
  font-weight:900 !important;
  transition:transform .22s ease, background .22s ease, border-color .22s ease !important;
}
.ss-extreme-lp .ss-extreme-feature-refresh:hover{
  transform:rotate(18deg) translateY(-1px) !important;
  border-color:rgba(231,80,66,.42) !important;
  background:rgba(183,43,34,.16) !important;
}
.ss-extreme-lp .ss-extreme-feature-short{
  margin:0 0 16px !important;
  color:var(--ed-muted) !important;
  font-size:15px !important;
  line-height:1.72 !important;
}
.ss-extreme-lp .ss-extreme-feature-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-bottom:20px !important;
}
.ss-extreme-lp .ss-extreme-feature-meta span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:25px !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line) !important;
  color:var(--ed-muted) !important;
  background:rgba(255,255,255,.050) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}
.ss-extreme-lp .ss-extreme-feature-actions .ss-extreme-term-actions{
  margin-top:8px !important;
}

.ss-extreme-lp .ss-extreme-stats-strip{ padding:0 0 26px !important; }
.ss-extreme-lp .ss-extreme-stats-strip-shell{
  width:min(1180px, calc(100% - 32px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:12px !important;
}
.ss-extreme-lp .ss-extreme-stats-strip .ss-extreme-stat{
  min-height:92px !important;
  border-radius:20px !important;
  border:1px solid var(--ed-line) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.026)) !important;
  box-shadow:var(--ed-shadow-soft) !important;
  text-align:center !important;
}

.ss-extreme-lp .ss-extreme-hero-search-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:12px 0 0 !important;
}

.ss-extreme-lp .ss-extreme-map-search-compact{
  display:grid !important;
  grid-template-columns:minmax(0,.42fr) minmax(0,1fr) !important;
  gap:16px !important;
  align-items:end !important;
  padding:16px !important;
  margin:14px 0 !important;
  border-radius:22px !important;
  border:1px solid var(--ed-line) !important;
  background:rgba(255,255,255,.040) !important;
}
.ss-extreme-lp .ss-extreme-map-search-compact p{
  margin:6px 0 0 !important;
  color:var(--ed-muted) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
.ss-extreme-lp .ss-extreme-map-search-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
}
.ss-extreme-lp .ss-extreme-map-search-row input{
  min-height:48px !important;
  border-radius:999px !important;
}

.ss-extreme-lp .ss-extreme-grid-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:16px 0 14px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line) !important;
  background:rgba(255,255,255,.040) !important;
  color:var(--ed-muted) !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.ss-extreme-lp .ss-extreme-column-compact{
  min-height:34px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(231,80,66,.28) !important;
  background:rgba(183,43,34,.10) !important;
  color:var(--ed-ink) !important;
  font-size:11px !important;
  font-weight:900 !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-feature-card,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-search-compact,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-grid-toolbar,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-stats-strip .ss-extreme-stat{
  background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.62)) !important;
  border-color:rgba(163,62,47,.22) !important;
}
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-feature-refresh,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-feature-meta span{
  background:rgba(255,255,255,.74) !important;
  color:var(--ed-ink) !important;
}

@media (max-width: 920px){
  .ss-extreme-lp .ss-extreme-stats-strip-shell{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .ss-extreme-lp .ss-extreme-map-search-compact{ grid-template-columns:1fr !important; }
}
@media (max-width: 640px){
  .ss-extreme-lp .ss-extreme-stats-strip-shell{ grid-template-columns:1fr !important; }
  .ss-extreme-lp .ss-extreme-grid-toolbar{ align-items:flex-start !important; border-radius:18px !important; flex-direction:column !important; }
  .ss-extreme-lp .ss-extreme-map-search-row{ grid-template-columns:1fr !important; }
}


/* =========================================================
   v2.0.8 — FEATURED TERM INTERACTION + SEARCH TOOLBAR POLISH
   Focus:
   - Featured term title scaled down for long ED terms.
   - Featured card is no longer a clickable card; only buttons act.
   - Compact map search is a true toolbar; Reset no longer overlaps input.
   - Hero search results gain clear hover feedback.
========================================================= */

.ss-extreme-lp .ss-extreme-feature-card{
  cursor:default !important;
}

.ss-extreme-lp .ss-extreme-feature-head h2{
  font-size:clamp(26px, 2.35vw, 36px) !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  max-width:92% !important;
}

.ss-extreme-lp .ss-extreme-feature-short{
  font-size:14.25px !important;
  line-height:1.62 !important;
  margin-bottom:14px !important;
}

.ss-extreme-lp .ss-extreme-feature-actions .ss-extreme-term-actions button,
.ss-extreme-lp .ss-extreme-feature-actions .ss-extreme-term-actions a,
.ss-extreme-lp .ss-extreme-feature-refresh{
  position:relative !important;
  z-index:4 !important;
}

.ss-extreme-lp .ss-extreme-map-search-compact{
  grid-template-columns:minmax(180px, 300px) minmax(0, 1fr) !important;
  align-items:center !important;
  gap:14px !important;
  padding:13px 14px !important;
  margin:12px 0 14px !important;
  border-radius:18px !important;
}

.ss-extreme-lp .ss-extreme-map-search-compact .ss-extreme-filter-label{
  margin:0 !important;
}

.ss-extreme-lp .ss-extreme-map-search-compact p{
  margin:4px 0 0 !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

.ss-extreme-lp .ss-extreme-map-search-row{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:8px !important;
  align-items:center !important;
  min-width:0 !important;
}

.ss-extreme-lp .ss-extreme-map-search-row .ss-extreme-search-input{
  width:100% !important;
  min-height:44px !important;
  height:44px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  position:static !important;
}

.ss-extreme-lp .ss-extreme-map-search-row .ss-extreme-pill-btn{
  position:static !important;
  min-height:40px !important;
  height:40px !important;
  padding:8px 13px !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  border-radius:999px !important;
  z-index:1 !important;
}

.ss-extreme-lp .ss-extreme-hero-results .ss-extreme-search-results-list li{
  cursor:pointer !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}

.ss-extreme-lp .ss-extreme-hero-results .ss-extreme-search-results-list li:hover,
.ss-extreme-lp .ss-extreme-hero-results .ss-extreme-search-results-list li:focus-within{
  transform:translateY(-1px) !important;
  border-color:rgba(183,43,34,.42) !important;
  background:rgba(183,43,34,.075) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.10) !important;
}

.ss-extreme-lp .ss-extreme-hero-results .ss-extreme-search-results-list li:hover a,
.ss-extreme-lp .ss-extreme-hero-results .ss-extreme-search-results-list li:focus-within a{
  color:var(--ed-red) !important;
}

body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-hero-results .ss-extreme-search-results-list li:hover,
body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-hero-results .ss-extreme-search-results-list li:focus-within{
  background:rgba(231,80,66,.13) !important;
  border-color:rgba(231,80,66,.42) !important;
}

body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-hero-results .ss-extreme-search-results-list li:hover a,
body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-hero-results .ss-extreme-search-results-list li:focus-within a{
  color:#ffd7cf !important;
}

@media (max-width: 760px){
  .ss-extreme-lp .ss-extreme-feature-head h2{
    font-size:clamp(25px, 8vw, 32px) !important;
    max-width:100% !important;
  }
  .ss-extreme-lp .ss-extreme-map-search-compact{
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    gap:10px !important;
    padding:13px !important;
  }
  .ss-extreme-lp .ss-extreme-map-search-row{
    grid-template-columns:1fr auto !important;
  }
}

@media (max-width: 460px){
  .ss-extreme-lp .ss-extreme-map-search-row{
    grid-template-columns:1fr !important;
  }
  .ss-extreme-lp .ss-extreme-map-search-row .ss-extreme-pill-btn{
    width:100% !important;
  }
}



/* =========================================================
   v2.0.8 — FEATURED CARD EVENT ISOLATION + MAP SEARCH TOOLBAR REWRITE
   Consolidated cleanup. Do not make the featured card a global term trigger.
========================================================= */
.ss-extreme-lp .ss-extreme-feature-card{
  cursor:default !important;
}
.ss-extreme-lp .ss-extreme-feature-card[data-kbd-link-slug],
.ss-extreme-lp .ss-extreme-feature-card[data-kbd-term]{
  cursor:default !important;
}
.ss-extreme-lp .ss-extreme-feature-card .ss-extreme-term-action,
.ss-extreme-lp .ss-extreme-feature-card [data-ed-feature-refresh]{
  cursor:pointer !important;
  pointer-events:auto !important;
}

.ss-extreme-lp .ss-extreme-map-search-toolbar{
  display:grid !important;
  grid-template-columns:minmax(180px, 270px) minmax(0, 1fr) !important;
  gap:18px !important;
  align-items:center !important;
  padding:16px 18px !important;
  margin:16px 0 14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.16) !important;
}
.ss-extreme-lp .ss-extreme-map-search-copy{ min-width:0 !important; }
.ss-extreme-lp .ss-extreme-map-search-copy .ss-extreme-filter-label{
  display:block !important;
  margin:0 0 5px !important;
}
.ss-extreme-lp .ss-extreme-map-search-copy p{
  margin:0 !important;
  color:var(--ed-muted) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
.ss-extreme-lp .ss-extreme-map-search-controls{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  min-width:0 !important;
}
.ss-extreme-lp .ss-extreme-map-search-input{
  width:100% !important;
  min-width:0 !important;
  height:46px !important;
  min-height:46px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.055) !important;
  color:var(--ed-ink) !important;
  font:inherit !important;
  font-size:14px !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  outline:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.ss-extreme-lp .ss-extreme-map-search-input::placeholder{
  color:var(--ed-soft) !important;
}
.ss-extreme-lp .ss-extreme-map-search-input:focus{
  border-color:rgba(231,80,66,.62) !important;
  background:rgba(255,255,255,.085) !important;
  box-shadow:0 0 0 3px rgba(231,80,66,.10) !important;
}
.ss-extreme-lp .ss-extreme-map-search-reset{
  position:static !important;
  width:auto !important;
  min-width:70px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.070) !important;
  color:var(--ed-ink) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  text-transform:none !important;
  box-shadow:none !important;
  transform:none !important;
}
.ss-extreme-lp .ss-extreme-map-search-reset:hover,
.ss-extreme-lp .ss-extreme-map-search-reset:focus-visible{
  border-color:rgba(231,80,66,.55) !important;
  background:rgba(231,80,66,.14) !important;
  color:var(--ed-ink) !important;
}

body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-search-toolbar{
  border-color:rgba(127,35,26,.18) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.58)) !important;
  box-shadow:0 16px 38px rgba(80,44,30,.08) !important;
}
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-search-input{
  border-color:rgba(127,35,26,.20) !important;
  background:rgba(255,255,255,.96) !important;
  color:#241714 !important;
}
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-search-input::placeholder{
  color:rgba(36,23,20,.48) !important;
}
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-search-reset{
  border-color:rgba(127,35,26,.18) !important;
  background:#fff !important;
  color:#7f211a !important;
}
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-search-reset:hover,
body .ss-extreme-lp[data-ed-theme="light"] .ss-extreme-map-search-reset:focus-visible{
  background:#fff2ee !important;
  border-color:rgba(127,35,26,.35) !important;
}

.ss-extreme-lp .ss-extreme-search-results-list li{
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
  cursor:pointer !important;
}
.ss-extreme-lp .ss-extreme-search-results-list li:hover,
.ss-extreme-lp .ss-extreme-search-results-list li:focus-within{
  transform:translateY(-1px) !important;
  border-color:rgba(184,41,32,.50) !important;
  background:rgba(184,41,32,.075) !important;
  box-shadow:0 12px 28px rgba(60,20,14,.10) !important;
}
.ss-extreme-lp .ss-extreme-search-results-list li:hover .ss-inline-term,
.ss-extreme-lp .ss-extreme-search-results-list li:focus-within .ss-inline-term{
  color:#a51d17 !important;
}
.ss-extreme-lp .ss-extreme-hero-result-zone{
  color:var(--ed-soft) !important;
  font-size:11px !important;
}
body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-search-results-list li:hover,
body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-search-results-list li:focus-within{
  border-color:rgba(231,80,66,.60) !important;
  background:rgba(231,80,66,.16) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.30) !important;
}
body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-search-results-list li:hover .ss-inline-term,
body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-search-results-list li:focus-within .ss-inline-term{
  color:#ffe1da !important;
}
body .ss-extreme-lp[data-ed-theme="dark"] .ss-extreme-hero-result-zone{
  color:rgba(255,226,218,.62) !important;
}

@media (max-width: 820px){
  .ss-extreme-lp .ss-extreme-map-search-toolbar{
    grid-template-columns:1fr !important;
    gap:11px !important;
    padding:14px !important;
  }
}
@media (max-width: 520px){
  .ss-extreme-lp .ss-extreme-map-search-controls{
    grid-template-columns:1fr !important;
  }
  .ss-extreme-lp .ss-extreme-map-search-reset{
    width:100% !important;
  }
}


/* =========================================================
   v2.0.8 — FAVORITES PANEL RESTORE + UTILITY ROW GUARD
   Jejak/Favorites keluar dari tab Peta ED dan menjadi utility global.
========================================================= */
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility{
  position:relative !important;
  z-index:2 !important;
  padding:24px 0 18px !important;
  background:transparent !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-shell{
  width:min(1120px, calc(100% - 32px)) !important;
  margin:0 auto !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
  margin:0 !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-bar{
  min-height:0 !important;
  height:auto !important;
  padding:20px 22px !important;
  border-radius:22px !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-bar-body p{
  margin-bottom:12px !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-explore-body,
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-favorites-body{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  min-height:0 !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-explore-body a,
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-fav-chip{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid var(--ed-line) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--ed-ink) !important;
  font-size:12px !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}
#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-global-utility-row .ss-extreme-explore-body a,
#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] .ss-extreme-global-utility-row .ss-extreme-fav-chip{
  background:rgba(255,255,255,.78) !important;
  color:#21140f !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-explore-body em,
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-favorites-body em{
  color:var(--ed-muted) !important;
  font-size:12.5px !important;
}
@media (max-width: 760px){
  #ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   v2.0.8 — FAVORITES PANEL RESTORE + UTILITY ROW GUARD
   Guard struktur global utility: dua panel tetap ada dan sejajar.
========================================================= */
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row > .ss-extreme-trail-panel,
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row > .ss-extreme-favorites-panel{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-favorites-panel{
  visibility:visible !important;
  opacity:1 !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-favorites-body:empty::before{
  content:"Belum ada istilah favorit.";
  color:var(--ed-muted);
  font-size:12.5px;
  font-style:italic;
}

/* =========================================================
   v2.0.13 — FAVORITES MERGE GUARD + PRODUCTION LOCK CANDIDATE
========================================================= */
#ss-extreme-top.ss-extreme-lp [data-extreme-reset-favorites].is-confirming,
#ss-extreme-top.ss-extreme-lp [data-extreme-reset-trail].is-confirming{
  border-color:rgba(231,80,66,.72) !important;
  background:rgba(231,80,66,.16) !important;
  color:var(--ed-ink) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
}
#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] [data-extreme-reset-favorites].is-confirming,
#ss-extreme-top.ss-extreme-lp[data-ed-theme="light"] [data-extreme-reset-trail].is-confirming{
  color:#8d2119 !important;
  background:rgba(176,37,29,.08) !important;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-fav-chip,
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-explore-body a{
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;
}
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-fav-chip:hover,
#ss-extreme-top.ss-extreme-lp .ss-extreme-global-utility-row .ss-extreme-explore-body a:hover{
  transform:translateY(-1px);
  border-color:rgba(231,80,66,.55) !important;
}