/**
 * KBDS Page Term v1.4.0.3
 * Canonical Reading Action Grid + Shared Popup Theme Contract Integration
 *
 * Canonical template-owned stylesheet.
 * Source order preserves the production cascade from v1.2.26.4.
 * Scope remains .sskbds-v121 unless a global state is deliberately required.
 */
/* =========================================================
   KBDS PAGE TERM v12.25 - CSS CLEAN FINAL
   Scope utama: .sskbds-v121

   Catatan konsolidasi:
   - Baseline dan patch visual yang sudah terbukti stabil tetap dipertahankan.
   - Override akhir untuk darkmode, mobile, Visual Mapping, dan print tetap berada di bawah agar cascade aman.
   - Print final menjadi satu-satunya print layer aktif di akhir stylesheet.
========================================================= */
.sskbds-v121{
  --ss-bg:#0f1c26;
  --ss-bg2:#172630;
  --ss-card:rgba(255,255,255,.075);
  --ss-card2:rgba(255,255,255,.11);
  --ss-card3:rgba(255,255,255,.16);
  --ss-text:rgba(255,255,255,.91);
  --ss-soft:rgba(255,255,255,.68);
  --ss-faint:rgba(255,255,255,.45);
  --ss-border:rgba(255,255,255,.13);
  --ss-border-strong:rgba(200,169,107,.35);
  --ss-gold:#c8a96b;
  --ss-gold2:rgba(200,169,107,.17);
  --ss-blue:#2a3c48;
  --ss-red:#8f302b;
  --ss-red-soft:rgba(143,48,43,.24);
  --ss-shadow:0 26px 90px rgba(0,0,0,.34);
  color:var(--ss-text);
  background:
    radial-gradient(circle at 18% -4%,rgba(200,169,107,.14),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(70,110,136,.25),transparent 34%),
    linear-gradient(180deg,#0f1c26,#14222b 50%,#101b24);
  min-height:100vh;
  display:flow-root;
  font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.72;
}
.sskbds-v121[data-theme="light"],
body.td-theme-light .sskbds-v121:not([data-theme="dark"]),
body:not(.td-theme-dark) .sskbds-v121:not([data-theme="dark"]){
  --ss-bg:#f1eee7;
  --ss-bg2:#e7e2d6;
  --ss-card:rgba(255,255,255,.70);
  --ss-card2:rgba(255,255,255,.90);
  --ss-card3:rgba(255,255,255,.97);
  --ss-text:rgba(31,36,41,.92);
  --ss-soft:rgba(31,36,41,.68);
  --ss-faint:rgba(31,36,41,.46);
  --ss-border:rgba(28,38,48,.12);
  --ss-border-strong:rgba(154,120,64,.34);
  --ss-gold:#9a7840;
  --ss-gold2:rgba(154,120,64,.13);
  --ss-blue:#dfe7e9;
  --ss-red:#9b342f;
  --ss-red-soft:rgba(155,52,47,.15);
  --ss-shadow:0 26px 75px rgba(52,45,32,.13);
  color:var(--ss-text);
  background:
    radial-gradient(circle at 16% -3%,rgba(154,120,64,.13),transparent 32%),
    radial-gradient(circle at 84% 8%,rgba(42,60,72,.11),transparent 35%),
    linear-gradient(180deg,#f1eee7,#e9e5dc 56%,#f5f2eb);
}
.sskbds-v121[data-theme="dark"]{
  --ss-bg:#0f1c26;
  --ss-bg2:#172630;
  --ss-card:rgba(255,255,255,.075);
  --ss-card2:rgba(255,255,255,.11);
  --ss-card3:rgba(255,255,255,.16);
  --ss-text:rgba(255,255,255,.91);
  --ss-soft:rgba(255,255,255,.68);
  --ss-faint:rgba(255,255,255,.45);
  --ss-border:rgba(255,255,255,.13);
  --ss-border-strong:rgba(200,169,107,.35);
  --ss-gold:#c8a96b;
  --ss-gold2:rgba(200,169,107,.17);
  --ss-shadow:0 26px 90px rgba(0,0,0,.34);
}
.sskbds-v121 *{box-sizing:border-box}
.sskbds-v121 a{color:inherit;text-decoration:none}
.sskbds-shell,.sskbds-eco-top,.sskbds-eco-bottom{width:min(1180px,calc(100% - 42px));margin:0 auto}

/* Ecosystem bars */
.sskbds-eco-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 10px;border-bottom:1px solid var(--ss-border)}
.sskbds-eco-links,.sskbds-bottom-links,.sskbds-eco-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sskbds-eco-links a,.sskbds-bottom-links a,.sskbds-theme-toggle{
  font-size:12px;letter-spacing:.04em;padding:7px 13px;border:1px solid var(--ss-border);border-radius:999px;background:var(--ss-card2);color:var(--ss-soft)
}
.sskbds-theme-toggle{cursor:pointer}
.sskbds-eco-links a:hover,.sskbds-bottom-links a:hover,.sskbds-theme-toggle:hover{border-color:var(--ss-border-strong);color:var(--ss-text)}
.sskbds-eco-brand,.sskbds-bottom-left{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--ss-faint)}
.sskbds-eco-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:30px 0 34px;margin-top:30px;border-top:1px solid var(--ss-border)}

/* Navigation */
.sskbds-breadcrumb{padding:24px 0 12px;color:var(--ss-faint);font-size:12px;letter-spacing:.04em}
.sskbds-breadcrumb ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.sskbds-breadcrumb li:not(:last-child)::after{content:"/";margin-left:8px;color:var(--ss-faint)}
.sskbds-orientbar{display:grid;grid-template-columns:minmax(190px,.8fr) 1.1fr auto;gap:16px;align-items:center;margin:0 0 16px}
.sskbds-back,.sskbds-statusline{border:1px solid var(--ss-border);background:var(--ss-card2);border-radius:999px;padding:10px 16px;color:var(--ss-soft);font-size:13px}
.sskbds-orienttext{color:var(--ss-soft);font-size:14px}
.sskbds-orienttext a{text-decoration:underline;text-underline-offset:4px}

/* Sticky reader bar */
.sskbds-sticky{position:fixed;left:0;right:0;top:0;z-index:9999;transform:translateY(-115%);transition:transform .24s ease;background:color-mix(in srgb,var(--ss-bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--ss-border);box-shadow:0 18px 44px rgba(0,0,0,.18)}
.sskbds-sticky.is-visible{transform:translateY(0)}
.sskbds-sticky-inner{width:min(1180px,calc(100% - 28px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;align-items:center;padding:10px 0}
.sskbds-sticky-title{display:block;font-weight:800;color:var(--ss-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sskbds-sticky-toc{display:flex;gap:10px;overflow:auto;padding-top:2px}
.sskbds-sticky-toc a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ss-faint);white-space:nowrap}
.sskbds-sticky-right{position:relative;display:flex;gap:8px;align-items:center}
.sskbds-sticky-close{height:38px;min-width:38px}

/* Hero */
.sskbds-hero{
  position:relative;margin:16px 0 26px;border:1px solid var(--ss-border);border-radius:34px;
  background:
    radial-gradient(circle at 74% 18%,rgba(255,255,255,.11),transparent 26%),
    linear-gradient(135deg,var(--ss-card3),var(--ss-card));
  box-shadow:var(--ss-shadow);overflow:hidden;isolation:isolate
}
.sskbds-hero.is-ed{
  border-color:rgba(143,48,43,.48);
  box-shadow:0 26px 90px rgba(58,16,16,.22), inset 0 0 0 1px rgba(143,48,43,.14)
}
.sskbds-hero.is-ed:before{background:radial-gradient(circle at 78% 12%,var(--ss-red-soft),transparent 38%)}
.sskbds-hero.is-ss{border-color:rgba(200,169,107,.28)}
.sskbds-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,var(--ss-gold2),transparent 35%);pointer-events:none;z-index:0}
.sskbds-hero-ghost{
  position:absolute;left:22px;right:22px;bottom:-62px;z-index:0;font-family:Georgia,serif;font-size:clamp(70px,13vw,190px);
  line-height:.8;letter-spacing:-.07em;color:var(--ss-text);opacity:.045;white-space:nowrap;overflow:hidden;pointer-events:none
}
.sskbds-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.78fr);gap:30px;padding:42px;min-height:520px}
.sskbds-hero-main{position:relative;z-index:2;max-width:720px}
.sskbds-hero-tools{position:absolute;right:34px;top:28px;z-index:30;width:min(360px,calc(100% - 68px))}
.sskbds-menu-buttons{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}
.sskbds-menu-btn{border:1px solid var(--ss-border);background:var(--ss-card2);color:var(--ss-soft);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:750;cursor:pointer}
.sskbds-menu-btn:hover,.sskbds-menu-btn.is-active{color:var(--ss-text);border-color:var(--ss-border-strong)}
.sskbds-menu-btn.is-ed.is-active,.sskbds-menu-btn.is-ed:hover{border-color:rgba(143,48,43,.55);color:#b84b45}
.sskbds-kicker-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;max-width:620px}
.sskbds-kicker,.sskbds-slug,.sskbds-popular-badge{
  border:1px solid var(--ss-border);background:rgba(255,255,255,.07);border-radius:999px;padding:7px 12px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ss-soft)
}
.sskbds-popular-badge{cursor:pointer;color:var(--ss-gold);border-color:var(--ss-border-strong)}
.sskbds-title-row{display:flex;align-items:flex-start;gap:14px}
.sskbds-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6.6vw,78px);line-height:.99;letter-spacing:-.055em;margin:0 0 16px;color:var(--ss-text);font-weight:600}
.sskbds-fav-inline{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--ss-border);background:var(--ss-card2);color:var(--ss-faint);cursor:pointer;margin-top:10px;font-size:18px}
.sskbds-fav-inline[aria-pressed="true"]{color:var(--ss-gold);border-color:var(--ss-border-strong)}
.sskbds-mini{font-size:clamp(16px,1.55vw,21px);line-height:1.6;color:var(--ss-soft);margin:0 0 20px;max-width:660px}
.sskbds-hero-core{border-left:3px solid var(--ss-gold);padding:17px 0 17px 22px;margin:18px 0 18px;background:linear-gradient(90deg,var(--ss-gold2),transparent);border-radius:0 20px 20px 0;max-width:680px}
.sskbds-hero-core span{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--ss-gold);margin-bottom:8px}
.sskbds-hero-core p{margin:0 0 12px;font-size:16px;color:var(--ss-text)}
.sskbds-hero-related{margin:18px 0 8px}
.sskbds-hero-related p{font-size:13px;color:var(--ss-faint);margin:0 0 8px}
.sskbds-related-pills{display:flex;gap:8px;flex-wrap:wrap}
.sskbds-related-pills a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ss-border);border-radius:999px;padding:6px 11px;background:var(--ss-card2);font-size:12.5px;color:var(--ss-soft)}
.sskbds-related-pills a:hover{border-color:var(--ss-border-strong);color:var(--ss-text)}
.sskbds-hero-media{position:relative;z-index:2;align-self:end;display:flex;align-items:center;justify-content:center;padding-top:140px}
.sskbds-hero-media img{width:min(100%,460px);border-radius:26px;border:1px solid var(--ss-border);box-shadow:0 22px 50px rgba(0,0,0,.22);background:var(--ss-bg2)}
.sskbds-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.sskbds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#d8bd7a,#b89452);color:#111b22;font-weight:800;cursor:pointer}
.sskbds-btn.is-ghost{background:var(--ss-card2);color:var(--ss-text);border:1px solid var(--ss-border)}
.sskbds-btn:hover{filter:brightness(1.04)}

/* Search and popovers */
.sskbds-searchbox{position:relative}
.sskbds-searchbox label{display:block;margin-bottom:7px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--ss-faint);font-weight:750}
.sskbds-searchline{display:flex;gap:8px}
.sskbds-search-input{width:100%;border:1px solid var(--ss-border);border-radius:999px;background:var(--ss-card2);padding:13px 16px;color:var(--ss-text);outline:none}
.sskbds-search-input:focus{border-color:var(--ss-border-strong)}
.sskbds-search-clear,.sskbds-sticky-close{border:1px solid var(--ss-border);background:var(--ss-card2);color:var(--ss-soft);border-radius:999px;padding:0 12px;cursor:pointer}
.sskbds-search-results,.sskbds-hero-popover,.sskbds-popular-popover{
  position:absolute;z-index:100;left:0;right:0;top:calc(100% + 8px);background:rgba(15,28,38,.97);border:1px solid var(--ss-border);border-radius:20px;box-shadow:var(--ss-shadow);overflow:hidden;display:none;max-height:360px;overflow-y:auto;overscroll-behavior:contain
}
.sskbds-v121[data-theme="light"] .sskbds-search-results,
.sskbds-v121[data-theme="light"] .sskbds-hero-popover,
.sskbds-v121[data-theme="light"] .sskbds-popular-popover,
body:not(.td-theme-dark) .sskbds-v121:not([data-theme="dark"]) .sskbds-search-results,
body:not(.td-theme-dark) .sskbds-v121:not([data-theme="dark"]) .sskbds-hero-popover,
body:not(.td-theme-dark) .sskbds-v121:not([data-theme="dark"]) .sskbds-popular-popover{background:rgba(255,255,255,.98)}
.sskbds-search-results.is-open,.sskbds-hero-popover.is-open,.sskbds-popular-popover.is-open{display:block}
.sskbds-popover-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--ss-border);background:inherit;color:var(--ss-text)}
.sskbds-popover-head strong{font-size:13px}.sskbds-popover-head span{font-size:11px;color:var(--ss-faint);text-transform:uppercase;letter-spacing:.12em}
.sskbds-popover-list a,.sskbds-result{display:block;padding:13px 15px;border-bottom:1px solid var(--ss-border)}
.sskbds-popover-list a strong,.sskbds-result strong{display:block;font-size:14px;color:var(--ss-text)}
.sskbds-popover-list a span,.sskbds-result span{display:block;font-size:12px;color:var(--ss-soft);line-height:1.45;margin-top:3px}
.sskbds-popover-list a:hover,.sskbds-result:hover{background:rgba(200,169,107,.11)}
.sskbds-popular-popover{left:auto;right:auto;top:36px;width:min(360px,90vw)}

/* Hero nav */
.sskbds-hero-nav{position:absolute;inset:0;pointer-events:none;opacity:0;transition:.2s;z-index:35}
.sskbds-hero:hover .sskbds-hero-nav,.sskbds-hero:focus-within .sskbds-hero-nav{opacity:1}
.sskbds-hero-nav a{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ss-card3);border:1px solid var(--ss-border);pointer-events:auto;backdrop-filter:blur(12px)}
.sskbds-hero-nav .prev{left:14px}.sskbds-hero-nav .next{right:14px}

/* Sections */
.sskbds-sections{position:relative}
.sskbds-card{border:1px solid var(--ss-border);border-radius:28px;background:linear-gradient(145deg,var(--ss-card2),var(--ss-card));padding:28px;margin:18px 0;box-shadow:0 18px 52px rgba(0,0,0,.10)}
.sskbds-section-head{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:start;margin-bottom:18px}
.sskbds-eyebrow{display:block;color:var(--ss-gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-top:10px}
.sskbds-section-head h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em;line-height:1.12;font-weight:500}
.sskbds-anchor{margin-left:10px;border:1px solid var(--ss-border);border-radius:999px;background:transparent;color:var(--ss-faint);font-size:12px;cursor:pointer}
.sskbds-card p{color:var(--ss-soft);font-size:16px;margin:0 0 14px}
.sskbds-list{margin:0;padding-left:20px;color:var(--ss-soft)}
.sskbds-list li{margin:7px 0}
.sskbds-analogy{background:linear-gradient(135deg,var(--ss-gold2),var(--ss-card));border-color:var(--ss-border-strong)}
.sskbds-analogy p{font-size:19px;color:var(--ss-text);max-width:850px}
.sskbds-reading-head{
  display:block;
  margin-bottom:18px;
}
.sskbds-reading-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
.sskbds-reading-kicker .sskbds-eyebrow{margin:0}
.sskbds-reading-head .sskbds-section-title{min-width:0}
.sskbds-reading-more{margin-top:16px}
.sskbds-reading-more summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:40px;
  margin:4px 0 16px;
  padding:8px 13px;
  border:1px solid var(--ss-border-strong);
  border-radius:999px;
  color:var(--ss-gold);
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.sskbds-reading-more summary::-webkit-details-marker{display:none}
.sskbds-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sskbds-reading-note{border-top:1px solid var(--ss-border);padding-top:16px;margin-top:16px!important}
.sskbds-v121 .sskbds-reading-help{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  padding:7px 11px;
  font-size:11.5px;
  font-weight:800;
  white-space:nowrap;
}

/* Content widgets */
.sskbds-pills{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.sskbds-pill{display:inline-flex;border:1px solid var(--ss-border);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--ss-soft);background:rgba(255,255,255,.055)}
.sskbds-axis-grid,.sskbds-note-grid,.sskbds-personal-grid,.sskbds-jump-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sskbds-note-grid,.sskbds-personal-grid,.sskbds-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sskbds-axis-panel,.sskbds-note-card,.sskbds-position-box,.sskbds-prevnext-card{border:1px solid var(--ss-border);border-radius:22px;background:rgba(255,255,255,.055);padding:18px}
.sskbds-axis-panel h3,.sskbds-note-card h3,.sskbds-meta-row h3,.sskbds-rel-group h3,.sskbds-mini-head h3{margin:0 0 12px;font-size:15px;letter-spacing:.02em;color:var(--ss-text)}
.sskbds-axis-panel.is-positive{background:rgba(100,135,112,.10)}
.sskbds-axis-panel.is-negative{background:rgba(143,48,43,.10)}
.sskbds-lens-list .sskbds-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0}
.sskbds-lens-list li{border:1px solid var(--ss-border);border-radius:18px;background:rgba(255,255,255,.055);padding:14px;margin:0}
.sskbds-meta-row{border-top:1px solid var(--ss-border);padding-top:16px;margin-top:16px}

/* Relations */
.sskbds-relasi{overflow:hidden}
.sskbds-rel-group{margin:18px 0 0}
.sskbds-rel-group:first-child{margin-top:0}
.sskbds-rel-group>h3{display:inline-flex;border:1px solid var(--ss-border);border-radius:999px;padding:7px 12px;background:var(--ss-card2);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ss-gold)}
.sskbds-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.sskbds-rel-card{display:flex;flex-direction:column;gap:6px;min-height:126px;border:1px solid var(--ss-border);border-radius:20px;background:rgba(255,255,255,.06);padding:15px;transition:.18s}
.sskbds-rel-card:hover{transform:translateY(-2px);border-color:var(--ss-border-strong);background:rgba(200,169,107,.10)}
.sskbds-rel-title{font-weight:800;color:var(--ss-text);line-height:1.25}
.sskbds-rel-type{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--ss-gold)}
.sskbds-rel-note{font-size:13px;line-height:1.5;color:var(--ss-soft)}
.sskbds-rel-chipline{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sskbds-rel-chip{display:inline-flex;border:1px solid var(--ss-border);border-radius:999px;background:rgba(255,255,255,.04);padding:6px 10px;font-size:12.5px;color:var(--ss-soft)}
.sskbds-rel-group.is-cognitive{border:1px solid var(--ss-border);border-radius:22px;background:rgba(255,255,255,.045);padding:18px}
.sskbds-rel-group.is-cognitive .sskbds-list{columns:2;column-gap:30px}

/* Personal and position */
.sskbds-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.sskbds-mini-head button{border:1px solid var(--ss-border);border-radius:999px;background:var(--ss-card2);color:var(--ss-soft);padding:7px 12px;cursor:pointer}
.sskbds-local-list{display:grid;gap:10px}
.sskbds-local-list a{display:block;border:1px solid var(--ss-border);border-radius:16px;padding:12px;background:rgba(255,255,255,.045)}
.sskbds-local-list strong{display:block;font-size:14px}.sskbds-local-list span{display:block;font-size:12px;color:var(--ss-soft);margin-top:3px}
.sskbds-jump-form label{display:block;margin-bottom:8px;color:var(--ss-soft)}
.sskbds-jump-form input{width:100%;border:1px solid var(--ss-border);border-radius:999px;background:var(--ss-card2);padding:13px 16px;color:var(--ss-text);margin-bottom:10px}
.sskbds-prevnext-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.sskbds-prevnext-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ss-gold)}
.sskbds-prevnext-card strong{display:block;margin:8px 0 4px;color:var(--ss-text)}
.sskbds-prevnext-card em{font-style:normal;color:var(--ss-soft);font-size:13px}
.sskbds-bottom-cta{border:1px solid var(--ss-border);border-radius:30px;background:linear-gradient(135deg,var(--ss-gold2),var(--ss-card));padding:30px;margin:20px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}
.sskbds-bottom-cta span{color:var(--ss-gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em}.sskbds-bottom-cta h2{margin:4px 0 8px;font-family:Georgia,serif;font-size:30px}.sskbds-bottom-cta p{margin:0;color:var(--ss-soft)}
.sskbds-v121 .sskbds-bottom-help{
  display:inline-flex;
  margin-top:11px;
  padding:7px 11px;
  font-size:11.5px;
  font-weight:800;
}
.sskbds-v121 .sskbds-btn.is-visual-map{
  background:var(--ss-card2);
  color:var(--ss-text);
  border:1px solid var(--ss-border-strong);
}
.sskbds-autolink{border-bottom:1px solid var(--ss-border-strong);color:var(--ss-text)}

/* Mobile */
@media (max-width: 980px){
  .sskbds-shell,.sskbds-eco-top,.sskbds-eco-bottom{width:min(100% - 26px,1180px)}
  .sskbds-orientbar{grid-template-columns:1fr}
  .sskbds-hero-tools{position:relative;right:auto;top:auto;width:auto;padding:22px 24px 0}
  .sskbds-menu-buttons{justify-content:flex-start;overflow:auto}
  .sskbds-hero-grid{grid-template-columns:1fr;padding:28px;min-height:0}
  .sskbds-hero-media{padding-top:0;justify-content:flex-start}.sskbds-hero-media img{max-width:360px}
  .sskbds-section-head{grid-template-columns:1fr;gap:4px}.sskbds-eyebrow{margin-top:0}
  .sskbds-axis-grid,.sskbds-note-grid,.sskbds-personal-grid,.sskbds-jump-grid,.sskbds-rel-grid,.sskbds-lens-list .sskbds-list{grid-template-columns:1fr}
  .sskbds-rel-group.is-cognitive .sskbds-list{columns:1}
  .sskbds-sticky-inner{grid-template-columns:1fr}.sskbds-sticky-right{display:none}
}
@media (max-width: 640px){
  .sskbds-reading-kicker{
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
  }
  .sskbds-v121 .sskbds-reading-help{
    width:100%;
    white-space:normal;
  }
  .sskbds-eco-top,.sskbds-eco-bottom{align-items:flex-start;flex-direction:column}
  .sskbds-title{font-size:42px}.sskbds-card{padding:22px;border-radius:24px}.sskbds-hero-grid{padding:24px}.sskbds-hero-tools{padding:20px 20px 0}.sskbds-prevnext-cards,.sskbds-reading-grid{grid-template-columns:1fr}
  .sskbds-hero-ghost{font-size:86px;bottom:-28px}
}

/* Print baseline consolidated into final 
.sskbds-v121 .sskbds-hero-tools{z-index:85}
.sskbds-v121 .sskbds-hero-nav{z-index:25}
.sskbds-v121 .sskbds-search-results{z-index:220}
.sskbds-v121 .sskbds-hero-popover{
  left:auto;
  right:0;
  top:48px;
  width:min(380px,92vw);
  z-index:210;
  max-height:360px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.sskbds-v121 .sskbds-hero-search .sskbds-search-results{
  top:calc(100% + 8px);
  left:0;
  right:0;
  width:auto;
  max-height:340px;
}
.sskbds-v121 .sskbds-menu-buttons{position:relative;z-index:2}
.sskbds-v121 .sskbds-hero.has-overlay .sskbds-hero-nav{opacity:.12;pointer-events:none}
.sskbds-v121 .sskbds-section-head{
  display:block;
  text-align:left;
  margin-bottom:22px;
}
.sskbds-v121 .sskbds-eyebrow{
  margin:0 0 10px;
}
.sskbds-v121 .sskbds-section-title h2,
.sskbds-v121 .sskbds-section-head h2{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  text-align:left;
  max-width:850px;
}
.sskbds-v121 .sskbds-section-desc{
  max-width:760px;
  margin:10px 0 0;
  color:var(--ss-soft);
  font-size:14.5px;
  line-height:1.65;
}
.sskbds-v121 .sskbds-card h3,
.sskbds-v121 .sskbds-axis-panel h3,
.sskbds-v121 .sskbds-note-card h3,
.sskbds-v121 .sskbds-meta-row h3,
.sskbds-v121 .sskbds-mini-head h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.25;
  margin:0 0 10px;
  letter-spacing:-.015em;
  color:var(--ss-text);
  font-weight:650;
}
.sskbds-v121 .sskbds-card h4{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--ss-gold);
  margin:0 0 8px;
}

.sskbds-v121 .sskbds-rel-intro{
  max-width:820px;
  margin:0 0 22px;
}
.sskbds-v121 .sskbds-rel-intro p{
  font-size:15px;
  color:var(--ss-soft);
  margin:0 0 10px;
}
.sskbds-v121 .sskbds-rel-masonry{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:start;
}
.sskbds-v121 .sskbds-rel-col{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.sskbds-v121 .sskbds-rel-group{
  border:1px solid var(--ss-border);
  border-radius:22px;
  background:rgba(255,255,255,.045);
  padding:18px;
  min-width:0;
}
.sskbds-v121 .sskbds-rel-head{
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--ss-border);
}
.sskbds-v121 .sskbds-rel-head h3{
  margin:0 0 8px;
}
.sskbds-v121 .sskbds-rel-head p{
  margin:0;
  color:var(--ss-soft);
  font-size:13.5px;
  line-height:1.55;
}
.sskbds-v121 .sskbds-rel-grid{
  display:flex;
  flex-direction:column;
  gap:0;
}
.sskbds-v121 .sskbds-rel-card{
  display:block;
  border:0;
  border-radius:0;
  background:transparent;
  padding:12px 0;
  border-bottom:1px solid var(--ss-border);
}
.sskbds-v121 .sskbds-rel-card:last-child{border-bottom:0}
.sskbds-v121 .sskbds-rel-card:hover .sskbds-rel-title{
  color:var(--ss-gold);
  text-decoration:underline;
  text-underline-offset:4px;
}
.sskbds-v121 .sskbds-rel-title{
  display:block;
  font-weight:800;
  color:var(--ss-text);
  font-size:15px;
  line-height:1.35;
}
.sskbds-v121 .sskbds-rel-type{
  display:inline-flex;
  margin:6px 0 2px;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ss-gold);
}
.sskbds-v121 .sskbds-rel-note{
  display:block;
  color:var(--ss-soft);
  font-size:13.5px;
  line-height:1.55;
}
.sskbds-v121 .sskbds-rel-chipline{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.sskbds-v121 .sskbds-rel-chip{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--ss-border);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--ss-soft);
  font-size:12px;
  line-height:1.3;
  padding:6px 10px;
}
.sskbds-v121 .sskbds-rel-group.is-cognitive .sskbds-list{
  list-style:none;
  padding-left:0;
}
.sskbds-v121 .sskbds-rel-group.is-cognitive .sskbds-list li{
  position:relative;
  padding-left:18px;
  margin:10px 0;
  color:var(--ss-soft);
  line-height:1.58;
}
.sskbds-v121 .sskbds-rel-group.is-cognitive .sskbds-list li::before{
  content:"–";
  position:absolute;
  left:0;
  color:var(--ss-gold);
}
.sskbds-v121 .sskbds-axis-panel,
.sskbds-v121 .sskbds-note-card,
.sskbds-v121 .sskbds-position-box{
  min-width:0;
}
.sskbds-v121 .sskbds-sticky-toc a{
  cursor:pointer;
}
@media (max-width:980px){
  .sskbds-v121 .sskbds-rel-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sskbds-v121 .sskbds-hero-popover{right:0;left:auto}
}
@media (max-width:680px){
  .sskbds-v121 .sskbds-rel-masonry{grid-template-columns:1fr}
  .sskbds-v121 .sskbds-hero-popover{position:absolute;left:0;right:0;width:auto}
}



/* =========================================================
   KBDS Page Term v12.3 - Visual Polish + Reading Restore
========================================================= */
.sskbds-v121,
.sskbds-v121[data-theme="dark"]{
  --ss-text:rgba(246,248,244,.94);
  --ss-soft:rgba(226,232,229,.80);
  --ss-faint:rgba(226,232,229,.62);
  --ss-card:rgba(255,255,255,.085);
  --ss-card2:rgba(255,255,255,.125);
  --ss-card3:rgba(255,255,255,.17);
  --ss-border:rgba(255,255,255,.18);
  --ss-border-strong:rgba(200,169,107,.46);
}
.sskbds-v121[data-theme="light"],
body.td-theme-light .sskbds-v121:not([data-theme="dark"]),
body:not(.td-theme-dark) .sskbds-v121:not([data-theme="dark"]){
  --ss-text:rgba(28,32,37,.94);
  --ss-soft:rgba(47,55,62,.74);
  --ss-faint:rgba(47,55,62,.54);
  --ss-card:rgba(255,255,255,.74);
  --ss-card2:rgba(255,255,255,.92);
  --ss-card3:rgba(255,255,255,.98);
  --ss-border:rgba(33,43,52,.14);
  --ss-border-strong:rgba(154,120,64,.42);
}
.sskbds-v121 .sskbds-card,
.sskbds-v121 .sskbds-axis-panel,
.sskbds-v121 .sskbds-note-card,
.sskbds-v121 .sskbds-position-box,
.sskbds-v121 .sskbds-prevnext-card,
.sskbds-v121 .sskbds-rel-group{
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-card p,
.sskbds-v121 .sskbds-list,
.sskbds-v121 .sskbds-list li,
.sskbds-v121 .sskbds-rel-note,
.sskbds-v121 .sskbds-section-desc,
.sskbds-v121 .sskbds-rel-head p,
.sskbds-v121 .sskbds-axis-desc{
  color:var(--ss-soft) !important;
}
.sskbds-v121 .sskbds-section-head{
  display:block;
  text-align:left;
  margin-bottom:22px;
}
.sskbds-v121 .sskbds-section-title{max-width:920px}
.sskbds-v121 .sskbds-section-head h2{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin:4px 0 6px;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-eyebrow{
  margin:0 0 8px;
  display:block;
}
.sskbds-v121 .sskbds-section-desc{
  margin:0;
  max-width:860px;
  font-size:15px;
  line-height:1.65;
}
.sskbds-v121 .sskbds-anchor{
  width:28px;
  height:28px;
  min-width:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;
  opacity:.78;
}
.sskbds-v121 .sskbds-btn,
.sskbds-v121 .sskbds-menu-btn,
.sskbds-v121 .sskbds-theme-toggle,
.sskbds-v121 .sskbds-search-clear,
.sskbds-v121 .sskbds-sticky-close,
.sskbds-v121 [data-reset-trail],
.sskbds-v121 [data-reset-favs]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.15;
  min-height:38px;
}
.sskbds-v121 .sskbds-search-clear,
.sskbds-v121 .sskbds-sticky-close{
  width:44px;
  min-width:44px;
  padding:0;
}
.sskbds-v121 .sskbds-axis-panel{
  position:relative;
  overflow:hidden;
  padding:20px 20px 18px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
}
.sskbds-v121 .sskbds-axis-panel h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.2;
  margin:0 0 7px;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-axis-desc{
  font-size:13.5px !important;
  line-height:1.55 !important;
  margin:0 0 14px !important;
  padding-bottom:12px;
  border-bottom:1px solid var(--ss-border);
}
.sskbds-v121 .sskbds-axis-panel .sskbds-list{
  padding-left:18px;
}
.sskbds-v121 .sskbds-axis-panel .sskbds-list li{
  margin:6px 0;
}
.sskbds-v121 .sskbds-rel-type{display:none !important}
.sskbds-v121 .sskbds-rel-card{
  min-height:0;
  padding:13px 0;
  border:0;
  border-radius:0;
  border-bottom:1px solid var(--ss-border);
  background:transparent;
  box-shadow:none;
}
.sskbds-v121 .sskbds-rel-card:hover{
  transform:none;
  background:transparent;
}
.sskbds-v121 .sskbds-rel-card:hover .sskbds-rel-title{
  color:var(--ss-gold);
}
.sskbds-v121 .sskbds-rel-title{
  font-size:15.5px;
  line-height:1.35;
}
.sskbds-v121 .sskbds-rel-note{
  font-size:13.5px;
  line-height:1.55;
}
.sskbds-v121 .sskbds-rel-chip{
  min-height:0;
  font-size:12px;
  color:var(--ss-soft);
  background:rgba(255,255,255,.055);
}
.sskbds-v121 .sskbds-note-grid{
  align-items:start;
}
.sskbds-v121 .sskbds-note-card{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  padding:18px 20px;
}
.sskbds-v121 .sskbds-note-card h3,
.sskbds-v121 .sskbds-meta-row h3,
.sskbds-v121 .sskbds-mini-head h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.2;
  color:var(--ss-text);
  margin:0 0 12px;
}
.sskbds-v121 .sskbds-note-card .sskbds-list{
  padding-left:22px;
}
.sskbds-v121 .sskbds-note-card .sskbds-list li{
  margin:8px 0;
  line-height:1.6;
}
.sskbds-v121 .sskbds-reading{overflow:hidden}
.sskbds-v121 .sskbds-reading-compact>p{
  font-size:17px;
  line-height:1.72;
  max-width:920px;
  color:var(--ss-text) !important;
}
.sskbds-v121 .sskbds-reading-categories{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid var(--ss-border);
}
.sskbds-v121 .sskbds-reading-categories article{
  position:relative;
  min-height:104px;
  border:1px solid var(--ss-border);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  padding:16px 15px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.sskbds-v121 .sskbds-reading-categories article:before{
  content:"";
  width:34px;
  height:1px;
  background:var(--ss-border-strong);
  opacity:.6;
}
.sskbds-v121 .sskbds-reading-categories span{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  font-size:16px;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-reading-categories strong{
  font-size:12.5px;
  line-height:1.45;
  font-weight:500;
  color:var(--ss-soft);
}
.sskbds-v121[data-theme="dark"] .sskbds-card,
.sskbds-v121[data-theme="dark"] .sskbds-rel-group,
.sskbds-v121[data-theme="dark"] .sskbds-note-card,
.sskbds-v121[data-theme="dark"] .sskbds-axis-panel,
.sskbds-v121[data-theme="dark"] .sskbds-position-box,
.sskbds-v121[data-theme="dark"] .sskbds-prevnext-card,
.sskbds-v121[data-theme="dark"] .sskbds-reading-categories article{
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.055));
  border-color:rgba(255,255,255,.20);
}
.sskbds-v121[data-theme="dark"] .sskbds-dinamika,
.sskbds-v121[data-theme="dark"] .sskbds-lens,
.sskbds-v121[data-theme="dark"] .sskbds-posisi,
.sskbds-v121[data-theme="dark"] .sskbds-meleset{
  background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.065));
}
.sskbds-v121[data-theme="dark"] .sskbds-pill,
.sskbds-v121[data-theme="dark"] .sskbds-rel-chip,
.sskbds-v121[data-theme="dark"] .sskbds-related-pills a{
  color:rgba(238,242,239,.84);
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.20);
}
@media (max-width:980px){
  .sskbds-v121 .sskbds-reading-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .sskbds-v121 .sskbds-reading-categories{grid-template-columns:1fr}
  .sskbds-v121 .sskbds-section-head h2{font-size:28px}
}



/* =========================================================
   KBDS Page Term v12.4 - Darkmode Contrast + Status Styling
   Fokus: keterbacaan darkmode, status populer, alfabet hero.
========================================================= */
.sskbds-v121[data-theme="dark"]{
  --ss-bg:#0b1821;
  --ss-bg2:#12232d;
  --ss-card:rgba(255,255,255,.095);
  --ss-card2:rgba(255,255,255,.145);
  --ss-card3:rgba(255,255,255,.19);
  --ss-text:rgba(248,250,247,.96);
  --ss-soft:rgba(231,237,234,.84);
  --ss-faint:rgba(226,232,229,.66);
  --ss-border:rgba(255,255,255,.22);
  --ss-border-strong:rgba(211,180,112,.56);
  --ss-gold:#d7b979;
  --ss-gold2:rgba(215,185,121,.20);
  color:var(--ss-text);
}

/* Search / forms: darkmode harus terasa bisa diketik, bukan tenggelam. */
.sskbds-v121[data-theme="dark"] .sskbds-search-input,
.sskbds-v121[data-theme="dark"] .sskbds-jump-form input{
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.30) !important;
  color:rgba(255,255,255,.96) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.12);
}
.sskbds-v121[data-theme="dark"] .sskbds-search-input::placeholder,
.sskbds-v121[data-theme="dark"] .sskbds-jump-form input::placeholder{
  color:rgba(255,255,255,.62) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-search-input:focus,
.sskbds-v121[data-theme="dark"] .sskbds-jump-form input:focus{
  border-color:rgba(215,185,121,.75) !important;
  background:rgba(255,255,255,.16) !important;
  outline:none;
}
.sskbds-v121[data-theme="dark"] .sskbds-search-clear,
.sskbds-v121[data-theme="dark"] .sskbds-sticky-close,
.sskbds-v121[data-theme="dark"] .sskbds-jump-form .sskbds-btn{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:rgba(255,255,255,.90) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-search-results,
.sskbds-v121[data-theme="dark"] .sskbds-hero-popover,
.sskbds-v121[data-theme="dark"] .sskbds-popular-popover{
  background:rgba(7,17,24,.98) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:rgba(255,255,255,.94) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-popover-list a strong,
.sskbds-v121[data-theme="dark"] .sskbds-result strong{color:rgba(255,255,255,.96) !important}
.sskbds-v121[data-theme="dark"] .sskbds-popover-list a span,
.sskbds-v121[data-theme="dark"] .sskbds-result span{color:rgba(225,233,231,.78) !important}

/* Popularity badge: tiga level punya rasa visual berbeda. */
.sskbds-v121 .sskbds-popular-badge.level-1{
  color:#a98647;
  border-color:rgba(169,134,71,.42);
  background:rgba(169,134,71,.08);
}
.sskbds-v121 .sskbds-popular-badge.level-2{
  color:#9a6b24;
  border-color:rgba(184,137,55,.58);
  background:linear-gradient(135deg,rgba(200,169,107,.18),rgba(255,255,255,.06));
}
.sskbds-v121 .sskbds-popular-badge.level-3{
  color:#7b4e12;
  border-color:rgba(198,145,45,.72);
  background:linear-gradient(135deg,rgba(221,178,86,.28),rgba(255,255,255,.10));
  box-shadow:0 0 0 1px rgba(198,145,45,.10),0 10px 28px rgba(198,145,45,.12);
}
.sskbds-v121[data-theme="dark"] .sskbds-popular-badge.level-1{
  color:#e0c98c;
  border-color:rgba(224,201,140,.42);
  background:rgba(224,201,140,.10);
}
.sskbds-v121[data-theme="dark"] .sskbds-popular-badge.level-2{
  color:#f0d38b;
  border-color:rgba(240,211,139,.62);
  background:linear-gradient(135deg,rgba(215,185,121,.22),rgba(255,255,255,.07));
}
.sskbds-v121[data-theme="dark"] .sskbds-popular-badge.level-3{
  color:#ffe1a3;
  border-color:rgba(255,218,143,.78);
  background:linear-gradient(135deg,rgba(255,210,113,.27),rgba(255,255,255,.09));
  box-shadow:0 0 0 1px rgba(255,210,113,.16),0 12px 34px rgba(255,196,80,.18);
}

/* Alfabet hero dari og.php cenderung hitam, jadi di darkmode diberi panel terang. */
.sskbds-v121[data-theme="dark"] .sskbds-hero-media{
  isolation:isolate;
}
.sskbds-v121[data-theme="dark"] .sskbds-hero-media img{
  background:
    radial-gradient(circle at 50% 32%,rgba(255,255,255,.98),rgba(238,232,218,.92) 58%,rgba(220,211,191,.88));
  border-color:rgba(255,255,255,.30) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.75);
}
.sskbds-v121[data-theme="dark"] .sskbds-hero-media img[src*="og.php"]{
  filter:none !important;
}

/* Darkmode section readability: jangan ada kartu abu terang dengan teks putih pudar. */
.sskbds-v121[data-theme="dark"] .sskbds-card,
.sskbds-v121[data-theme="dark"] .sskbds-dinamika,
.sskbds-v121[data-theme="dark"] .sskbds-lens,
.sskbds-v121[data-theme="dark"] .sskbds-posisi,
.sskbds-v121[data-theme="dark"] .sskbds-meleset,
.sskbds-v121[data-theme="dark"] .sskbds-disiplin,
.sskbds-v121[data-theme="dark"] .sskbds-personal,
.sskbds-v121[data-theme="dark"] .sskbds-position-nav{
  background:
    radial-gradient(circle at 8% 0%,rgba(215,185,121,.075),transparent 30%),
    linear-gradient(145deg,rgba(37,58,68,.92),rgba(18,34,44,.90)) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:rgba(248,250,247,.96) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-section-head h2,
.sskbds-v121[data-theme="dark"] .sskbds-card h2,
.sskbds-v121[data-theme="dark"] .sskbds-card h3,
.sskbds-v121[data-theme="dark"] .sskbds-section-title h2,
.sskbds-v121[data-theme="dark"] .sskbds-meta-row h3,
.sskbds-v121[data-theme="dark"] .sskbds-note-card h3,
.sskbds-v121[data-theme="dark"] .sskbds-axis-panel h3,
.sskbds-v121[data-theme="dark"] .sskbds-rel-head h3,
.sskbds-v121[data-theme="dark"] .sskbds-mini-head h3{
  color:rgba(255,255,255,.96) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-card p,
.sskbds-v121[data-theme="dark"] .sskbds-section-desc,
.sskbds-v121[data-theme="dark"] .sskbds-list,
.sskbds-v121[data-theme="dark"] .sskbds-list li,
.sskbds-v121[data-theme="dark"] .sskbds-axis-desc,
.sskbds-v121[data-theme="dark"] .sskbds-rel-head p,
.sskbds-v121[data-theme="dark"] .sskbds-rel-note,
.sskbds-v121[data-theme="dark"] .sskbds-note-card p,
.sskbds-v121[data-theme="dark"] .sskbds-position-box span,
.sskbds-v121[data-theme="dark"] .sskbds-prevnext-card em{
  color:rgba(232,238,235,.84) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-lens-list li,
.sskbds-v121[data-theme="dark"] .sskbds-note-card,
.sskbds-v121[data-theme="dark"] .sskbds-axis-panel,
.sskbds-v121[data-theme="dark"] .sskbds-meta-row,
.sskbds-v121[data-theme="dark"] .sskbds-position-box,
.sskbds-v121[data-theme="dark"] .sskbds-prevnext-card,
.sskbds-v121[data-theme="dark"] .sskbds-reading-categories article{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:rgba(248,250,247,.94) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-pill,
.sskbds-v121[data-theme="dark"] .sskbds-rel-chip,
.sskbds-v121[data-theme="dark"] .sskbds-related-pills a{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.23) !important;
  color:rgba(240,245,242,.88) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-anchor{
  color:rgba(255,255,255,.72) !important;
  border-color:rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.07) !important;
}

/* Ruang lanjut: darkmode harus tetap menjadi CTA, bukan kartu tenggelam. */
.sskbds-v121[data-theme="dark"] .sskbds-bottom-cta{
  background:
    radial-gradient(circle at 15% 0%,rgba(215,185,121,.16),transparent 30%),
    linear-gradient(135deg,rgba(48,70,80,.94),rgba(19,34,44,.96)) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:rgba(248,250,247,.96) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-bottom-cta h2{
  color:rgba(255,255,255,.96) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-bottom-cta p{
  color:rgba(232,238,235,.86) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-bottom-cta .sskbds-btn.is-ghost{
  background:rgba(255,255,255,.12) !important;
  color:rgba(255,255,255,.92) !important;
  border-color:rgba(255,255,255,.28) !important;
}

/* Lightmode guard: jangan sampai patch darkmode bocor ke mode terang. */
.sskbds-v121[data-theme="light"] .sskbds-hero-media img,
body:not(.td-theme-dark) .sskbds-v121:not([data-theme="dark"]) .sskbds-hero-media img{
  background:var(--ss-bg2);
}


/* =========================================================
   KBDS Page Term v12.5 - Darkmode Lock + Button Hover Fix
   Fokus: core/extended/lensa darkmode dan hover tombol eksplorasi.
========================================================= */

/* Tombol utama dikunci agar tidak diambil alih style global Newspaper / KBDS global. */
.sskbds-v121 .sskbds-btn,
.sskbds-v121 .sskbds-btn.ss-kbds-btn,
.sskbds-v121 button.sskbds-btn,
.sskbds-v121 a.sskbds-btn{
  min-height:44px;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px;
  line-height:1.15 !important;
  text-align:center !important;
  border:1px solid rgba(184,137,55,.52) !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#dcc27f 0%,#c8a96b 48%,#af8544 100%) !important;
  color:#0e1720 !important;
  font-weight:800 !important;
  text-shadow:none !important;
  box-shadow:0 12px 24px rgba(154,120,64,.16), inset 0 1px 0 rgba(255,255,255,.35) !important;
  filter:none !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}
.sskbds-v121 .sskbds-btn:hover,
.sskbds-v121 .sskbds-btn.ss-kbds-btn:hover,
.sskbds-v121 button.sskbds-btn:hover,
.sskbds-v121 a.sskbds-btn:hover{
  transform:translateY(-1px) !important;
  background:linear-gradient(135deg,#ead28f 0%,#d0b271 48%,#bb9250 100%) !important;
  color:#071018 !important;
  border-color:rgba(215,185,121,.78) !important;
  box-shadow:0 18px 34px rgba(154,120,64,.22), inset 0 1px 0 rgba(255,255,255,.42) !important;
  filter:none !important;
}
.sskbds-v121 .sskbds-btn:focus-visible,
.sskbds-v121 .sskbds-btn.ss-kbds-btn:focus-visible{
  outline:2px solid rgba(215,185,121,.76) !important;
  outline-offset:3px !important;
}
.sskbds-v121 .sskbds-btn.is-ghost,
.sskbds-v121 a.sskbds-btn.is-ghost,
.sskbds-v121 button.sskbds-btn.is-ghost{
  background:var(--ss-card2) !important;
  color:var(--ss-text) !important;
  border-color:var(--ss-border) !important;
  box-shadow:none !important;
}
.sskbds-v121 .sskbds-btn.is-ghost:hover,
.sskbds-v121 a.sskbds-btn.is-ghost:hover,
.sskbds-v121 button.sskbds-btn.is-ghost:hover{
  background:var(--ss-card3) !important;
  color:var(--ss-text) !important;
  border-color:var(--ss-border-strong) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.10) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-btn,
.sskbds-v121[data-theme="dark"] .sskbds-btn.ss-kbds-btn,
.sskbds-v121[data-theme="dark"] button.sskbds-btn,
.sskbds-v121[data-theme="dark"] a.sskbds-btn{
  background:linear-gradient(135deg,#f0d58f 0%,#d6b86f 48%,#b88a44 100%) !important;
  border-color:rgba(240,211,139,.58) !important;
  color:#08131b !important;
  box-shadow:0 16px 34px rgba(0,0,0,.20),0 0 0 1px rgba(255,225,163,.08), inset 0 1px 0 rgba(255,255,255,.38) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-btn:hover,
.sskbds-v121[data-theme="dark"] .sskbds-btn.ss-kbds-btn:hover,
.sskbds-v121[data-theme="dark"] button.sskbds-btn:hover,
.sskbds-v121[data-theme="dark"] a.sskbds-btn:hover{
  background:linear-gradient(135deg,#ffe1a3 0%,#e0c079 48%,#c2974f 100%) !important;
  color:#061018 !important;
  border-color:rgba(255,225,163,.86) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.30),0 0 28px rgba(215,185,121,.14), inset 0 1px 0 rgba(255,255,255,.44) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-btn.is-ghost,
.sskbds-v121[data-theme="dark"] a.sskbds-btn.is-ghost,
.sskbds-v121[data-theme="dark"] button.sskbds-btn.is-ghost{
  background:rgba(255,255,255,.105) !important;
  color:rgba(248,250,247,.94) !important;
  border-color:rgba(255,255,255,.24) !important;
  box-shadow:none !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-btn.is-ghost:hover,
.sskbds-v121[data-theme="dark"] a.sskbds-btn.is-ghost:hover,
.sskbds-v121[data-theme="dark"] button.sskbds-btn.is-ghost:hover{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  border-color:rgba(215,185,121,.54) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22) !important;
}

/* Core dan Extended di darkmode dikunci sebagai reading panel gelap, bukan paper-card putih. */
.sskbds-v121[data-theme="dark"] .sskbds-card.sskbds-core,
.sskbds-v121[data-theme="dark"] .sskbds-card.sskbds-extended{
  background:
    radial-gradient(circle at 8% 0%,rgba(215,185,121,.085),transparent 32%),
    linear-gradient(145deg,rgba(36,57,68,.96),rgba(12,27,37,.97)) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:rgba(248,250,247,.96) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.28) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-core .sskbds-section-head h2,
.sskbds-v121[data-theme="dark"] .sskbds-extended .sskbds-section-head h2,
.sskbds-v121[data-theme="dark"] .sskbds-core h2,
.sskbds-v121[data-theme="dark"] .sskbds-extended h2{
  color:rgba(255,255,255,.97) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-core p,
.sskbds-v121[data-theme="dark"] .sskbds-extended p,
.sskbds-v121[data-theme="dark"] .sskbds-extended-body p,
.sskbds-v121[data-theme="dark"] .sskbds-core .sskbds-section-desc,
.sskbds-v121[data-theme="dark"] .sskbds-extended .sskbds-section-desc{
  color:rgba(232,238,235,.88) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-extended .sskbds-autolink{
  color:#f0d58f !important;
  text-decoration-color:rgba(240,213,143,.46) !important;
  background:rgba(215,185,121,.10) !important;
  border-radius:7px;
  padding:0 .12em;
}
.sskbds-v121[data-theme="dark"] .sskbds-extended .sskbds-autolink:hover{
  color:#ffe1a3 !important;
  background:rgba(215,185,121,.18) !important;
}

/* Lensa Sistem Sunyi: dibuat card gelap yang kontras dengan item-item terang lembut. */
.sskbds-v121[data-theme="dark"] .sskbds-card.sskbds-lens,
.sskbds-v121[data-theme="dark"] section#kbds-lens.sskbds-lens{
  background:
    radial-gradient(circle at 10% 0%,rgba(215,185,121,.10),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(83,128,150,.12),transparent 36%),
    linear-gradient(145deg,rgba(33,54,65,.98),rgba(10,24,34,.98)) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:rgba(248,250,247,.97) !important;
  box-shadow:0 24px 68px rgba(0,0,0,.30) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-lens .sskbds-section-head h2,
.sskbds-v121[data-theme="dark"] .sskbds-lens h2{
  color:rgba(255,255,255,.97) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-lens .sskbds-section-desc{
  color:rgba(232,238,235,.84) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-lens-list .sskbds-list{
  color:rgba(232,238,235,.90) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-lens-list li{
  background:linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.065)) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:rgba(244,248,245,.93) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-lens-list li::marker{
  color:var(--ss-gold) !important;
}

/* Posisi/Kemelesetan tetap diperkuat tanpa memutihkan seluruh section. */
.sskbds-v121[data-theme="dark"] .sskbds-card.sskbds-posisi,
.sskbds-v121[data-theme="dark"] .sskbds-card.sskbds-meleset{
  background:linear-gradient(145deg,rgba(35,55,66,.96),rgba(12,27,37,.96)) !important;
  color:rgba(248,250,247,.95) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-meleset .sskbds-note-card,
.sskbds-v121[data-theme="dark"] .sskbds-posisi .sskbds-meta-row{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.18) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-meleset .sskbds-note-card h3,
.sskbds-v121[data-theme="dark"] .sskbds-posisi .sskbds-meta-row h3{
  color:rgba(255,255,255,.96) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-meleset .sskbds-note-card li,
.sskbds-v121[data-theme="dark"] .sskbds-posisi .sskbds-pill{
  color:rgba(232,238,235,.88) !important;
}

/* Alfabet hero tetap light/neutral di darkmode karena image og.php memakai huruf hitam. */
.sskbds-v121[data-theme="dark"] .sskbds-hero-media img{
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.98),rgba(241,235,221,.94) 58%,rgba(221,212,192,.90)) !important;
  border-color:rgba(215,185,121,.30) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.16), inset 0 1px 0 rgba(255,255,255,.78) !important;
}


/* =========================================================
   KBDS Page Term v12.6 - Darkmode Hard Lock
   Patch final untuk selector yang kalah saat darkmode site aktif.
   Target: Core, Extended, Lensa, dan tombol eksplorasi.
========================================================= */

.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-core,
.sskbds-v121[data-theme="dark"] section#kbds-core.sskbds-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-core,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-core.sskbds-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-core{
  background:
    radial-gradient(circle at 8% 0%, rgba(215,185,121,.11), transparent 32%),
    linear-gradient(145deg, rgba(33,54,65,.98), rgba(10,24,34,.98)) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: rgba(248,250,247,.96) !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.30) !important;
}

.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-extended,
.sskbds-v121[data-theme="dark"] section#kbds-extended.sskbds-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-extended,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-extended.sskbds-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-extended{
  background:
    radial-gradient(circle at 8% 0%, rgba(215,185,121,.095), transparent 34%),
    radial-gradient(circle at 92% 6%, rgba(83,128,150,.12), transparent 34%),
    linear-gradient(145deg, rgba(31,52,63,.98), rgba(9,23,33,.98)) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: rgba(248,250,247,.96) !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.30) !important;
}

.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-core .sskbds-section-head,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-extended .sskbds-section-head,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-core .sskbds-section-head,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-extended .sskbds-section-head{
  color: rgba(248,250,247,.96) !important;
}

.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-core .sskbds-eyebrow,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-extended .sskbds-eyebrow,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-core .sskbds-eyebrow,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-extended .sskbds-eyebrow{
  color: rgba(224,190,118,.96) !important;
}

.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-core h2,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-extended h2,
.sskbds-v121[data-theme="dark"] section#kbds-core h2,
.sskbds-v121[data-theme="dark"] section#kbds-extended h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-core h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-extended h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-core h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-extended h2{
  color: rgba(255,255,255,.98) !important;
  text-shadow: none !important;
}

.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-core .sskbds-section-desc,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-extended .sskbds-section-desc,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-core p,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-extended p,
.sskbds-v121[data-theme="dark"] section#kbds-core p,
.sskbds-v121[data-theme="dark"] section#kbds-extended p,
.sskbds-v121[data-theme="dark"] .sskbds-extended-body,
.sskbds-v121[data-theme="dark"] .sskbds-extended-body p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-core .sskbds-section-desc,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-extended .sskbds-section-desc,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-core p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-extended p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-core p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-extended p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-extended-body,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-extended-body p{
  color: rgba(232,238,235,.90) !important;
  text-shadow: none !important;
}

/* Lensa title hard-lock: beberapa theme rule menimpa h2 sehingga perlu selector ID. */
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens,
.sskbds-v121[data-theme="dark"] section#kbds-lens,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-lens{
  background:
    radial-gradient(circle at 10% 0%, rgba(215,185,121,.12), transparent 58%),
    linear-gradient(145deg, rgba(17,34,44,.96), rgba(9,22,31,.96)) !important;
  color: rgba(246,248,244,.94) !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens .sskbds-section-title h2,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens .sskbds-section-title h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens h2{
  color: rgba(255,255,255,.97) !important;
  text-shadow: none !important;
}
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens .sskbds-section-desc,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens p,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens li,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens .sskbds-section-desc,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens li{
  color: rgba(232,238,235,.88) !important;
}

/* =========================================================
   KBDS v12.7 EDITORIAL UI + CSS CONSOLIDATION
   Final top/hero simplification, relation atlas, metadata atlas,
   index navigator, floating behavior support, responsive polish.
========================================================= */

/* Compact ecosystem/top area */
.sskbds-v121 .sskbds-shell,
.sskbds-v121 .sskbds-eco-top,
.sskbds-v121 .sskbds-eco-bottom{
  width:min(1180px,calc(100% - 48px));
}
.sskbds-v121 .sskbds-eco-top{
  padding:18px 0 8px;
  gap:16px;
}
.sskbds-v121 .sskbds-breadcrumb{
  margin:18px 0 10px;
  padding:0 18px;
}
.sskbds-v121 .sskbds-orientbar{
  grid-template-columns:minmax(180px,.7fr) minmax(240px,1.1fr) auto;
  gap:12px;
  margin:0 0 14px;
}
.sskbds-v121 .sskbds-back,
.sskbds-v121 .sskbds-statusline{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
}

/* Hero: less vertical bulk, stronger editorial hierarchy */
.sskbds-v121 .sskbds-hero{
  padding:42px 42px 38px !important;
  min-height:auto;
}
.sskbds-v121 .sskbds-hero-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);
  gap:34px;
  align-items:end;
}
.sskbds-v121 .sskbds-title{
  font-size:clamp(46px,5.2vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-.052em !important;
  max-width:780px;
  margin-bottom:16px !important;
}
.sskbds-v121 .sskbds-mini{
  max-width:720px;
  font-size:clamp(17px,1.8vw,22px);
  line-height:1.55;
}
.sskbds-v121 .sskbds-hero-core{
  max-width:760px;
  margin-top:22px;
}
.sskbds-v121 .sskbds-hero-media{
  padding-top:84px !important;
}
.sskbds-v121 .sskbds-hero-media img{
  width:min(100%,390px);
}
.sskbds-v121 .sskbds-hero-tools{
  top:28px;
  right:34px;
}
.sskbds-v121 .sskbds-searchbox.sskbds-hero-search{
  margin-top:0px;
}
.sskbds-v121 .sskbds-hero-ghost{
  font-size:clamp(76px,13vw,182px);
  line-height:.82;
  opacity:.105;
}

/* Keep global popup hook clean, style through context only */
.sskbds-v121 .sskbds-actions .ss-kbds-btn.ss-kbds-open-popup{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:11px 18px !important;
  border-radius:999px !important;
  border:1px solid rgba(200,169,107,.42) !important;
  background:linear-gradient(135deg,rgba(200,169,107,.96),rgba(226,205,158,.88)) !important;
  color:#172027 !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.16) !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease !important;
}
.sskbds-v121 .sskbds-actions .ss-kbds-btn.ss-kbds-open-popup:hover,
.sskbds-v121 .sskbds-actions .ss-kbds-btn.ss-kbds-open-popup:focus-visible{
  transform:translateY(-1px) !important;
  filter:saturate(1.05) brightness(1.02) !important;
  border-color:rgba(255,235,188,.76) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
  color:#11181e !important;
}

/* Editorial metadata atlas */
.sskbds-v121 .sskbds-posisi{
  overflow:hidden;
}
.sskbds-v121 .sskbds-posisi .sskbds-meta-row{
  padding:18px 20px;
  margin:0 0 12px;
  border-radius:22px;
  border:1px solid var(--ss-border);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
}
.sskbds-v121 .sskbds-posisi .sskbds-meta-row h3{
  margin:0 0 10px;
  font-size:15px;
  letter-spacing:.02em;
}
.sskbds-v121 .sskbds-posisi .sskbds-pills{
  gap:8px;
}
.sskbds-v121 .sskbds-posisi .sskbds-pill{
  margin:0;
}

/* Relation atlas */
.sskbds-v121 .sskbds-relasi{
  overflow:hidden;
  position:relative;
}
.sskbds-v121 .sskbds-rel-atlas{
  display:grid;
  gap:20px;
}
.sskbds-v121 .sskbds-rel-intro{
  max-width:820px;
  color:var(--ss-soft);
  font-size:15.5px;
}
.sskbds-v121 .sskbds-rel-intro p{
  margin:0 0 8px;
}
.sskbds-v121 .sskbds-rel-center{
  position:relative;
  display:grid;
  gap:4px;
  width:min(100%,640px);
  margin:2px auto 4px;
  padding:18px 24px;
  text-align:center;
  border-radius:28px;
  border:1px solid var(--ss-border-strong);
  background:
    radial-gradient(circle at 50% 0%,rgba(200,169,107,.18),transparent 62%),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:0 22px 54px rgba(0,0,0,.12);
}
.sskbds-v121 .sskbds-rel-center::before,
.sskbds-v121 .sskbds-rel-center::after{
  content:"";
  position:absolute;
  top:50%;
  width:min(18vw,170px);
  height:1px;
  background:linear-gradient(90deg,transparent,var(--ss-border-strong),transparent);
}
.sskbds-v121 .sskbds-rel-center::before{right:100%}
.sskbds-v121 .sskbds-rel-center::after{left:100%}
.sskbds-v121 .sskbds-rel-center span{
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--ss-gold);
  font-size:10.5px;
  font-weight:800;
}
.sskbds-v121 .sskbds-rel-center strong{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ss-text);
  font-size:clamp(24px,3.2vw,38px);
  line-height:1.1;
}
.sskbds-v121 .sskbds-rel-center em{
  color:var(--ss-faint);
  font-style:normal;
  font-size:13px;
}
.sskbds-v121 .sskbds-rel-zones{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}
.sskbds-v121 .sskbds-rel-basement{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:18px;
  align-items:start;
}
.sskbds-v121 .sskbds-rel-zone{
  position:relative;
  border:1px solid var(--ss-border);
  border-radius:28px;
  padding:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 18px 42px rgba(0,0,0,.08);
}
.sskbds-v121 .sskbds-rel-zone.is-closeness{
  border-color:rgba(200,169,107,.30);
}
.sskbds-v121 .sskbds-rel-zone.is-tension{
  border-color:rgba(143,48,43,.30);
}
.sskbds-v121 .sskbds-rel-zone.is-foundation{
  border-color:rgba(124,156,140,.26);
}
.sskbds-v121 .sskbds-rel-zone.is-cognitive-zone{
  border-color:rgba(112,148,174,.28);
}
.sskbds-v121 .sskbds-zone-label{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding:0 0 14px;
  margin:0 0 14px;
  border-bottom:1px solid var(--ss-border);
}
.sskbds-v121 .sskbds-zone-label span{
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--ss-gold);
  font-size:10.5px;
  font-weight:800;
}
.sskbds-v121 .sskbds-zone-label strong{
  color:var(--ss-soft);
  font-size:13px;
  font-weight:650;
  text-align:right;
  max-width:260px;
}
.sskbds-v121 .sskbds-rel-zone.is-tension .sskbds-zone-label span{
  color:#d49a8e;
}
.sskbds-v121 .sskbds-rel-zone.is-foundation .sskbds-zone-label span{
  color:#acc6b5;
}
.sskbds-v121 .sskbds-rel-zone.is-cognitive-zone .sskbds-zone-label span{
  color:#a9c4d6;
}
.sskbds-v121 .sskbds-rel-group{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
  margin:0 0 18px !important;
}
.sskbds-v121 .sskbds-rel-group:last-child{
  margin-bottom:0 !important;
}
.sskbds-v121 .sskbds-rel-head{
  margin:0 0 12px;
  padding:0;
}
.sskbds-v121 .sskbds-rel-head h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 5px !important;
  font-size:19px !important;
  line-height:1.25;
}
.sskbds-v121 .sskbds-rel-head h3::before{
  content:"";
  width:28px;
  height:1px;
  background:var(--ss-border-strong);
  flex:0 0 auto;
}
.sskbds-v121 .sskbds-rel-head p{
  margin:0;
  color:var(--ss-soft);
  font-size:13.5px;
  line-height:1.55;
}
.sskbds-v121 .sskbds-rel-grid{
  display:grid;
  gap:8px;
}
.sskbds-v121 .sskbds-rel-card{
  display:grid;
  gap:3px;
  padding:12px 0;
  border:0;
  border-bottom:1px solid var(--ss-border);
  border-radius:0;
  background:transparent;
  transition:padding .18s ease, border-color .18s ease, color .18s ease;
}
.sskbds-v121 .sskbds-rel-card:hover{
  padding-left:10px;
  border-color:var(--ss-border-strong);
}
.sskbds-v121 .sskbds-rel-title{
  font-weight:850;
  color:var(--ss-text);
  line-height:1.25;
}
.sskbds-v121 .sskbds-rel-note{
  color:var(--ss-soft);
  font-size:13.2px;
  line-height:1.55;
  padding-left:10px;
}
.sskbds-v121 .sskbds-rel-type{
  display:none !important;
}
.sskbds-v121 .sskbds-rel-chipline{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.sskbds-v121 .sskbds-rel-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border-radius:999px;
  border:1px solid var(--ss-border);
  background:rgba(255,255,255,.05);
  padding:5px 10px;
  color:var(--ss-soft);
  font-size:12px;
}

/* Better section hierarchy and note panels */
.sskbds-v121 .sskbds-section-head{
  grid-template-columns:140px minmax(0,1fr);
}
.sskbds-v121 .sskbds-section-head h2{
  font-size:clamp(27px,3.1vw,42px);
}
.sskbds-v121 .sskbds-meleset .sskbds-section-head h2,
.sskbds-v121 .sskbds-disiplin .sskbds-section-head h2{
  font-size:clamp(30px,3.4vw,46px) !important;
}
.sskbds-v121 .sskbds-meleset .sskbds-note-card h3,
.sskbds-v121 .sskbds-disiplin .sskbds-note-card h3{
  font-size:20px !important;
  line-height:1.22;
}
.sskbds-v121 .sskbds-note-card{
  padding:20px 22px;
}

/* Editorial index navigator */
.sskbds-v121 .sskbds-position-nav{
  overflow:hidden;
}
.sskbds-v121 .sskbds-index-navigator{
  display:grid;
  grid-template-columns:minmax(260px,.92fr) minmax(260px,1.08fr);
  gap:18px;
  margin-bottom:18px;
}
.sskbds-v121 .sskbds-index-core,
.sskbds-v121 .sskbds-index-jump{
  border:1px solid var(--ss-border);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
  padding:22px;
}
.sskbds-v121 .sskbds-index-label{
  display:block;
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--ss-gold);
  font-size:10.5px;
  font-weight:800;
}
.sskbds-v121 .sskbds-index-core strong{
  display:flex;
  align-items:baseline;
  gap:8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,5vw,68px);
  line-height:1;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-index-core strong em{
  font-family:Inter,Montserrat,system-ui,sans-serif;
  color:var(--ss-faint);
  font-size:20px;
  font-style:normal;
  font-weight:750;
}
.sskbds-v121 .sskbds-index-core p{
  margin:12px 0 0;
  color:var(--ss-soft);
}
.sskbds-v121 .sskbds-index-jump{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sskbds-v121 .sskbds-index-jump label{
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--ss-gold);
  font-size:10.5px;
  font-weight:850;
  margin:0 0 10px;
}
.sskbds-v121 .sskbds-index-jump-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
.sskbds-v121 .sskbds-index-jump input{
  min-height:46px;
}
.sskbds-v121 .sskbds-prevnext-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.sskbds-v121 .sskbds-prevnext-card{
  position:relative;
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  padding:22px;
  border-radius:26px;
  border:1px solid var(--ss-border);
  background:
    radial-gradient(circle at 12% 8%,rgba(200,169,107,.12),transparent 44%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  overflow:hidden;
}
.sskbds-v121 .sskbds-prevnext-card::after{
  position:absolute;
  top:14px;
  right:18px;
  color:var(--ss-faint);
  font-size:28px;
}
.sskbds-v121 .sskbds-prevnext-card.is-prev::after{content:"←"}
.sskbds-v121 .sskbds-prevnext-card.is-next::after{content:"→"}
.sskbds-v121 .sskbds-prevnext-card span{
  color:var(--ss-gold);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10.5px;
  font-style:normal;
  font-weight:850;
}
.sskbds-v121 .sskbds-prevnext-card strong{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ss-text);
  font-size:24px;
  line-height:1.1;
}
.sskbds-v121 .sskbds-prevnext-card em{
  color:var(--ss-soft);
  font-size:13.5px;
  line-height:1.55;
  font-style:normal;
}

/* Floating layers close visually with scroll-ready states */
.sskbds-v121 .sskbds-hero-popover,
.sskbds-v121 .sskbds-search-results,
.sskbds-v121 .sskbds-popular-popover{
  transition:opacity .16s ease, transform .16s ease;
}

/* Darkmode refinements for redesigned blocks */
.sskbds-v121[data-theme="dark"] .sskbds-posisi .sskbds-meta-row,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-posisi .sskbds-meta-row{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045)) !important;
  border-color:rgba(255,255,255,.15) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-rel-zone,
.sskbds-v121[data-theme="dark"] .sskbds-index-core,
.sskbds-v121[data-theme="dark"] .sskbds-index-jump,
.sskbds-v121[data-theme="dark"] .sskbds-prevnext-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rel-zone,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-index-core,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-index-jump,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-prevnext-card{
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045)) !important;
  border-color:rgba(255,255,255,.15) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-rel-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rel-card{
  border-color:rgba(255,255,255,.12) !important;
}

/* Responsive: get hero into viewport quickly */
@media (max-width:1020px){
  .sskbds-v121 .sskbds-hero{
    padding:32px 28px 32px !important;
  }
  .sskbds-v121 .sskbds-hero-grid{
    grid-template-columns:1fr;
  }
  .sskbds-v121 .sskbds-hero-media{
    display:none !important;
  }
  .sskbds-v121 .sskbds-title{
    font-size:clamp(40px,9vw,64px) !important;
  }
  .sskbds-v121 .sskbds-rel-zones,
  .sskbds-v121 .sskbds-rel-basement,
  .sskbds-v121 .sskbds-index-navigator{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .sskbds-v121 .sskbds-shell,
  .sskbds-v121 .sskbds-eco-top,
  .sskbds-v121 .sskbds-eco-bottom{
    width:min(100% - 20px,1180px);
  }
  .sskbds-v121 .sskbds-eco-top{
    align-items:flex-start;
    padding:12px 0 8px;
  }
  .sskbds-v121 .sskbds-eco-links{
    gap:8px;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    max-width:100%;
  }
  .sskbds-v121 .sskbds-eco-links a{
    flex:0 0 auto;
  }
  .sskbds-v121 .sskbds-eco-brand{
    display:none;
  }
  .sskbds-v121 .sskbds-breadcrumb{
    display:none;
  }
  .sskbds-v121 .sskbds-orientbar{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .sskbds-v121 .sskbds-orienttext{
    display:none;
  }
  .sskbds-v121 .sskbds-statusline{
    justify-content:flex-start;
  }
  .sskbds-v121 .sskbds-hero{
    padding:26px 20px 28px !important;
    border-radius:24px;
  }
  .sskbds-v121 .sskbds-hero-tools{
    position:relative;
    inset:auto;
    width:100%;
    align-items:stretch;
    margin-bottom:20px;
  }
  .sskbds-v121 .sskbds-menu-buttons{
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:3px;
  }
  .sskbds-v121 .sskbds-searchbox.sskbds-hero-search{
    width:100%;
  }
  .sskbds-v121 .sskbds-title-row{
    align-items:flex-start;
  }
  .sskbds-v121 .sskbds-title{
    font-size:clamp(34px,13vw,52px) !important;
    letter-spacing:-.045em !important;
  }
  .sskbds-v121 .sskbds-mini{
    font-size:16px;
  }
  .sskbds-v121 .sskbds-hero-core{
    padding:16px;
  }
  .sskbds-v121 .sskbds-section-head{
    grid-template-columns:1fr;
    gap:6px;
  }
  .sskbds-v121 .sskbds-section-head h2{
    font-size:clamp(25px,8vw,34px);
  }
  .sskbds-v121 .sskbds-rel-center{
    text-align:left;
    margin-inline:0;
  }
  .sskbds-v121 .sskbds-rel-center::before,
  .sskbds-v121 .sskbds-rel-center::after{
    display:none;
  }
  .sskbds-v121 .sskbds-zone-label{
    display:block;
  }
  .sskbds-v121 .sskbds-zone-label strong{
    display:block;
    text-align:left;
    margin-top:4px;
  }
  .sskbds-v121 .sskbds-prevnext-cards{
    grid-template-columns:1fr;
  }
}

/* Removed one orphaned declaration fragment from an older darkmode patch during CSS consolidation. */

.sskbds-v121[data-theme="dark"] section#kbds-lens .sskbds-section-title h2,
.sskbds-v121[data-theme="dark"] section#kbds-lens h2,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens .sskbds-section-title h2,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-lens .sskbds-section-title h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-lens h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens .sskbds-section-title h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens h2{
  color: rgba(255,255,255,.98);
  text-shadow: none !important;
}

.sskbds-v121[data-theme="dark"] section#kbds-lens .sskbds-section-desc,
.sskbds-v121[data-theme="dark"] section#kbds-lens p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-lens .sskbds-section-desc,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-lens p{
  color: rgba(232,238,235,.86) !important;
}

.sskbds-v121[data-theme="dark"] section#kbds-lens .sskbds-anchor,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-lens .sskbds-anchor{
  color: rgba(248,250,247,.82) !important;
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.20) !important;
}

.sskbds-v121[data-theme="dark"] section#kbds-lens .sskbds-lens-list li,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section#kbds-lens .sskbds-lens-list li{
  background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.07)) !important;
  border-color: rgba(255,255,255,.24) !important;
  color: rgba(246,250,247,.95) !important;
}

/* Pastikan lightmode tetap paper-card. */
.sskbds-v121[data-theme="light"] section.sskbds-card.sskbds-core,
.sskbds-v121[data-theme="light"] section.sskbds-card.sskbds-extended,
.sskbds-v121[data-theme="light"] section.sskbds-card.sskbds-lens{
  color: var(--ss-text) !important;
}



/* =========================================================
   KBDS v12.8 EDITORIAL HIERARCHY + RELATION DEDUPE
========================================================= */
.sskbds-v121 .sskbds-popular-umum{
  padding:34px 36px !important;
  border-radius:26px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.38)) !important;
}
.sskbds-v121 .sskbds-popular-umum .sskbds-section-head h2{
  font-size:clamp(24px,2.2vw,34px) !important;
}
.sskbds-v121 .sskbds-core .sskbds-section-head h2,
.sskbds-v121 .sskbds-extended .sskbds-section-head h2{
  font-size:clamp(31px,3.1vw,46px) !important;
}
.sskbds-v121 .sskbds-core{
  border-left:4px solid var(--ss-gold) !important;
}
.sskbds-v121 .sskbds-extended .sskbds-extended-body{
  max-width:920px;
}
.sskbds-v121 .sskbds-extended .sskbds-extended-body p{
  font-size:17px;
  line-height:1.9;
}

/* Dynamics: axes as rail, pulls as main panels */
.sskbds-v121 .sskbds-dynamics-board{display:grid;gap:18px}
.sskbds-v121 .sskbds-axis-rail{
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:20px 22px;
  border:1px solid var(--ss-border-strong);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(200,169,107,.11),rgba(255,255,255,.045));
}
.sskbds-v121 .sskbds-axis-rail-head span,
.sskbds-v121 .sskbds-lens-feature span,
.sskbds-v121 .sskbds-meta-linked-head span{
  display:block;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--ss-gold);
  font-size:10.5px;
  font-weight:850;
}
.sskbds-v121 .sskbds-axis-rail-head strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:22px;color:var(--ss-text);margin-top:2px}
.sskbds-v121 .sskbds-axis-rail-head p{margin:4px 0 0;color:var(--ss-soft);font-size:13.5px;line-height:1.55}
.sskbds-v121 .sskbds-axis-rail .sskbds-pills{gap:9px;align-content:center}
.sskbds-v121 .sskbds-axis-rail .sskbds-pill{background:rgba(200,169,107,.11);border-color:rgba(200,169,107,.28)}
.sskbds-v121 .sskbds-pull-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sskbds-v121 .sskbds-pull-grid .sskbds-axis-panel{min-height:100%;padding:24px 26px;border-radius:28px}
.sskbds-v121 .sskbds-pull-grid .sskbds-axis-panel h3{font-size:24px!important}

/* Lens board */
.sskbds-v121 .sskbds-lens-board{display:grid;gap:18px}
.sskbds-v121 .sskbds-lens-feature{
  position:relative;
  padding:26px 30px;
  border-radius:30px;
  border:1px solid var(--ss-border-strong);
  background:radial-gradient(circle at 0% 0%,rgba(200,169,107,.16),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
  box-shadow:0 22px 54px rgba(0,0,0,.11);
}
.sskbds-v121 .sskbds-lens-feature strong{display:block;margin-top:8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.8vw,38px);line-height:1.25;color:var(--ss-text);max-width:960px}
.sskbds-v121 .sskbds-lens-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sskbds-v121 .sskbds-lens-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:18px 20px;border-radius:22px;border:1px solid var(--ss-border);background:rgba(255,255,255,.06)}
.sskbds-v121 .sskbds-lens-card span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--ss-border-strong);color:var(--ss-gold);font-weight:850;font-size:12px}
.sskbds-v121 .sskbds-lens-card p{margin:0;color:var(--ss-text);line-height:1.62}

/* Compact metadata atlas and linked metadata */
.sskbds-v121 .sskbds-meta-atlas{display:grid;gap:14px}
.sskbds-v121 .sskbds-meta-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sskbds-v121 .sskbds-meta-feature{padding:18px 20px;border-radius:24px;border:1px solid var(--ss-border-strong);background:linear-gradient(135deg,rgba(200,169,107,.10),rgba(255,255,255,.04))}
.sskbds-v121 .sskbds-meta-feature>span{display:block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--ss-gold);font-size:10.5px;font-weight:850}
.sskbds-v121 .sskbds-meta-secondary{display:grid;gap:10px}
.sskbds-v121 .sskbds-meta-linked{padding:18px 20px;border-radius:24px;border:1px solid var(--ss-border);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))}
.sskbds-v121 .sskbds-meta-linked-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px;border-bottom:1px solid var(--ss-border);padding-bottom:12px}
.sskbds-v121 .sskbds-meta-linked-head strong{font-size:13px;color:var(--ss-soft);font-weight:650;text-align:right}
.sskbds-v121 .sskbds-meta-row.is-flow,
.sskbds-v121 .sskbds-meta-row.is-compact,
.sskbds-v121 .sskbds-meta-row.is-linked-meta{padding:14px 0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border-bottom:1px solid var(--ss-border)!important}
.sskbds-v121 .sskbds-meta-row.is-linked-meta:last-child{border-bottom:0!important;padding-bottom:0!important}
.sskbds-v121 .sskbds-resolved-pills a.sskbds-pill{cursor:pointer;text-decoration:none;color:var(--ss-text);border-color:rgba(200,169,107,.34);background:rgba(200,169,107,.10)}
.sskbds-v121 .sskbds-resolved-pills a.sskbds-pill:hover{transform:translateY(-1px);border-color:rgba(200,169,107,.58);box-shadow:0 10px 24px rgba(0,0,0,.10)}
.sskbds-v121 .sskbds-resolved-pills a.sskbds-pill span{opacity:.7;margin-left:3px}

/* Cognitive patterns: not pills, but observation notes */
.sskbds-v121 .sskbds-rel-group.is-cognitive .sskbds-rel-chipline{display:grid;gap:8px;margin-top:12px}
.sskbds-v121 .sskbds-cognitive-note,
.sskbds-v121 .sskbds-cognitive-line{display:block;border:1px solid var(--ss-border);background:rgba(255,255,255,.055);color:var(--ss-text);border-radius:18px;padding:11px 14px;line-height:1.55;font-size:13.6px}
.sskbds-v121 .sskbds-cognitive-line{border-radius:999px;padding:8px 13px;color:var(--ss-soft)}
.sskbds-v121 .sskbds-rel-zone.is-cognitive-zone .sskbds-rel-head p{max-width:660px}

/* Darkmode locks for new editorial modules */
.sskbds-v121[data-theme="dark"] .sskbds-popular-umum,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-popular-umum{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important}
.sskbds-v121[data-theme="dark"] .sskbds-axis-rail,
.sskbds-v121[data-theme="dark"] .sskbds-lens-feature,
.sskbds-v121[data-theme="dark"] .sskbds-meta-feature,
.sskbds-v121[data-theme="dark"] .sskbds-meta-linked,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-axis-rail,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-lens-feature,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-meta-feature,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-meta-linked{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045))!important;border-color:rgba(200,169,107,.28)!important}
.sskbds-v121[data-theme="dark"] .sskbds-lens-card,
.sskbds-v121[data-theme="dark"] .sskbds-cognitive-note,
.sskbds-v121[data-theme="dark"] .sskbds-cognitive-line,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-lens-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-cognitive-note,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-cognitive-line{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.16)!important;color:rgba(246,248,244,.91)!important}

@media (max-width:900px){
  .sskbds-v121 .sskbds-axis-rail,
  .sskbds-v121 .sskbds-pull-grid,
  .sskbds-v121 .sskbds-lens-cards,
  .sskbds-v121 .sskbds-meta-primary{grid-template-columns:1fr}
  .sskbds-v121 .sskbds-meta-linked-head{display:block}
  .sskbds-v121 .sskbds-meta-linked-head strong{display:block;text-align:left;margin-top:4px}
}


/* =========================================================
   KBDS v12.9 UTILITY DRAWER + RELATION MICRO-HIERARCHY
   Drawer makes the hero dominant; relation atlas gains clearer internal hierarchy.
========================================================= */

/* Hide the old multi-row utility stack. The information is preserved in the drawer. */
.sskbds-v121 .sskbds-eco-top,
.sskbds-v121 .sskbds-breadcrumb,
.sskbds-v121 .sskbds-orientbar{
  display:none !important;
}

.sskbds-v121 .sskbds-utility{
  width:min(1180px,calc(100% - 48px));
  margin:16px auto 12px;
  position:relative;
  z-index:1200;
}
.sskbds-v121 .sskbds-utility-bar{
  min-height:46px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:7px 12px;
  border:1px solid var(--ss-border);
  border-radius:999px;
  background:
    radial-gradient(circle at 18% 0%,rgba(154,120,64,.10),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(242,238,229,.68));
  color:var(--ss-text);
  box-shadow:0 14px 42px rgba(45,39,28,.08), inset 0 1px 0 rgba(255,255,255,.72);
}
.sskbds-v121 .sskbds-utility-toggle{
  min-width:0;
  min-height:32px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ss-text);
  cursor:pointer;
}
.sskbds-v121 .sskbds-utility-toggle:hover .sskbds-utility-mark{
  border-color:var(--ss-border-strong);
  transform:translateY(-1px);
}
.sskbds-v121 .sskbds-utility-mark{
  width:30px;height:30px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--ss-border);
  background:var(--ss-card2);
  color:var(--ss-gold);
  transition:transform .2s ease;
}
.sskbds-v121 .sskbds-utility.is-open .sskbds-utility-mark{transform:rotate(180deg)}
.sskbds-v121 .sskbds-utility-title{
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.sskbds-v121 .sskbds-utility-meta{
  color:var(--ss-soft);
  font-size:12.5px;
  white-space:nowrap;
}
.sskbds-v121 .sskbds-utility-actions{
  display:flex;
  align-items:center;
  gap:9px;
}
.sskbds-v121 .sskbds-utility-help,
.sskbds-v121 .sskbds-context-help,
.sskbds-v121 .sskbds-reading-help,
.sskbds-v121 .sskbds-bottom-help{
  border:1px solid var(--ss-border);
  border-radius:999px;
  background:var(--ss-card2);
  color:var(--ss-soft);
  font:inherit;
  cursor:pointer;
}
.sskbds-v121 .sskbds-utility-help{
  padding:7px 12px;
  font-size:11.5px;
  font-weight:800;
}
.sskbds-v121 .sskbds-utility-help:hover,
.sskbds-v121 .sskbds-context-help:hover,
.sskbds-v121 .sskbds-reading-help:hover,
.sskbds-v121 .sskbds-bottom-help:hover{
  border-color:var(--ss-border-strong);
  color:var(--ss-text);
  background:var(--ss-gold2);
}
.sskbds-v121 .sskbds-utility-panel{
  position:absolute;
  left:0;right:0;top:calc(100% + 10px);
  border:1px solid var(--ss-border);
  border-radius:28px;
  background:
    radial-gradient(circle at 15% 0%,rgba(200,169,107,.12),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,243,235,.94));
  box-shadow:0 28px 90px rgba(43,37,25,.18);
  padding:18px;
  max-height:min(72vh,560px);
  overflow:auto;
  animation:sskbdsDrawerIn .18s ease both;
}
@keyframes sskbdsDrawerIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.sskbds-v121 .sskbds-utility-grid{
  display:grid;
  grid-template-columns:1.05fr 1.1fr 1.15fr .8fr;
  gap:14px;
}
.sskbds-v121 .sskbds-utility-block{
  border:1px solid var(--ss-border);
  border-radius:20px;
  padding:14px;
  background:rgba(255,255,255,.38);
}
.sskbds-v121 .sskbds-utility-block > span{
  display:block;
  margin-bottom:9px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--ss-gold);
  font-size:10px;
  font-weight:850;
}
.sskbds-v121 .sskbds-utility-links,
.sskbds-v121 .sskbds-utility-crumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.sskbds-v121 .sskbds-utility-links a,
.sskbds-v121 .sskbds-utility-crumbs a,
.sskbds-v121 .sskbds-utility-crumbs strong,
.sskbds-v121 .sskbds-utility-back{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  border:1px solid var(--ss-border);
  border-radius:999px;
  padding:5px 11px;
  background:rgba(255,255,255,.42);
  color:var(--ss-soft);
  font-size:12px;
}
.sskbds-v121 .sskbds-utility-crumbs strong{color:var(--ss-text)}
.sskbds-v121 .sskbds-utility-block p{
  margin:8px 0 0;
  color:var(--ss-soft);
  font-size:13px;
  line-height:1.55;
}
.sskbds-v121 .sskbds-utility-block p a{text-decoration:underline;text-underline-offset:4px}
.sskbds-v121 .sskbds-utility-status{font-weight:650;color:var(--ss-text)!important}
.sskbds-v121 .sskbds-utility .sskbds-theme-toggle{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
}
.sskbds-v121 .sskbds-hero{
  margin-top:10px !important;
}

/* Relation atlas: internal hierarchy instead of flat sub-boxes. */
.sskbds-v121 .sskbds-rel-zone{
  overflow:hidden;
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group{
  position:relative;
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-near,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-confused{
  padding:15px 16px 17px !important;
  margin:0 0 16px !important;
  border:1px solid color-mix(in srgb,var(--ss-border) 85%,var(--ss-gold) 15%) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045)) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.055) !important;
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-near::before,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-confused::before{
  content:"medan utama";
  position:absolute;
  right:16px;
  top:14px;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:var(--ss-faint);
  font-size:9.5px;
  font-weight:850;
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-common,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-contrast,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-opposing{
  padding:14px 0 0 !important;
  margin:15px 0 0 !important;
  border-top:1px solid var(--ss-border) !important;
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-common .sskbds-rel-head,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-contrast .sskbds-rel-head,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-opposing .sskbds-rel-head{
  display:grid;
  grid-template-columns:minmax(150px,.36fr) minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-common .sskbds-rel-head h3,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-contrast .sskbds-rel-head h3,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-opposing .sskbds-rel-head h3{
  font-size:16px !important;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-common .sskbds-rel-head h3::before,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-contrast .sskbds-rel-head h3::before,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-opposing .sskbds-rel-head h3::before{
  width:18px;
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-near .sskbds-rel-grid,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-confused .sskbds-rel-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 16px;
}
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-common .sskbds-rel-grid,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-contrast .sskbds-rel-grid,
.sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-opposing .sskbds-rel-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
}
.sskbds-v121 .sskbds-rel-group.is-common .sskbds-rel-card,
.sskbds-v121 .sskbds-rel-group.is-contrast .sskbds-rel-card{
  padding:9px 0 9px 12px;
  border-left:2px solid var(--ss-border-strong);
  border-bottom:1px solid var(--ss-border);
}
.sskbds-v121 .sskbds-rel-group.is-opposing .sskbds-rel-card{
  padding:10px 12px;
  border:1px solid rgba(143,48,43,.18);
  border-left:3px solid rgba(143,48,43,.48);
  border-radius:15px;
  background:rgba(143,48,43,.045);
}
.sskbds-v121 .sskbds-rel-group.is-supporting{
  padding:15px 16px !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(124,156,140,.12),rgba(255,255,255,.035)) !important;
}
.sskbds-v121 .sskbds-rel-group.is-cognitive .sskbds-rel-chipline{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.sskbds-v121 .sskbds-cognitive-note{
  display:block;
  padding:11px 13px;
  border:1px solid rgba(112,148,174,.24);
  border-radius:16px;
  background:rgba(112,148,174,.07);
  color:var(--ss-soft);
  line-height:1.55;
  font-size:13px;
}
.sskbds-v121 .sskbds-cognitive-line{
  display:inline-flex;
  width:fit-content;
  padding:7px 11px;
  border:1px solid rgba(112,148,174,.24);
  border-radius:999px;
  background:rgba(112,148,174,.06);
  color:var(--ss-soft);
  font-size:12.5px;
}

.sskbds-v121[data-theme="dark"] .sskbds-utility-bar,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-bar{
  background:
    radial-gradient(circle at 16% 0%,rgba(200,169,107,.13),transparent 38%),
    radial-gradient(circle at 86% 20%,rgba(70,110,136,.13),transparent 34%),
    linear-gradient(135deg,rgba(27,45,56,.94),rgba(13,29,39,.96));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07);
}
.sskbds-v121[data-theme="dark"] .sskbds-utility-toggle,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-toggle{
  background:transparent;
  color:rgba(248,250,247,.95);
  box-shadow:none;
}
.sskbds-v121[data-theme="dark"] .sskbds-utility-mark,
.sskbds-v121[data-theme="dark"] .sskbds-utility-help,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-mark,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-help{
  background:rgba(255,255,255,.065);
  border-color:rgba(255,255,255,.15);
  color:rgba(246,248,244,.84);
}
.sskbds-v121[data-theme="dark"] .sskbds-utility-help:hover,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-help:hover{
  background:rgba(200,169,107,.13);
  border-color:rgba(200,169,107,.34);
  color:rgba(255,255,255,.95);
}
.sskbds-v121[data-theme="dark"] .sskbds-utility-meta,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-meta{
  color:rgba(246,248,244,.62);
}
.sskbds-v121[data-theme="dark"] .sskbds-utility-panel,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-panel{
  background:
    radial-gradient(circle at 15% 0%,rgba(215,185,121,.14),transparent 34%),
    linear-gradient(145deg,rgba(24,42,52,.98),rgba(9,22,31,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.40);
}
.sskbds-v121[data-theme="dark"] .sskbds-utility-block,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-block{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
}
.sskbds-v121[data-theme="dark"] .sskbds-utility-links a,
.sskbds-v121[data-theme="dark"] .sskbds-utility-crumbs a,
.sskbds-v121[data-theme="dark"] .sskbds-utility-crumbs strong,
.sskbds-v121[data-theme="dark"] .sskbds-utility-back,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-links a,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-crumbs a,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-crumbs strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-back{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.15);
}

@media (max-width: 980px){
  .sskbds-v121 .sskbds-utility{width:min(100% - 26px,1180px);margin:12px auto 10px}
  .sskbds-v121 .sskbds-utility-grid{grid-template-columns:1fr 1fr}
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-near .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-confused .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-common .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-contrast .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-opposing .sskbds-rel-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px){
  .sskbds-v121 .sskbds-utility-bar{min-height:42px;padding:6px 10px}
  .sskbds-v121 .sskbds-utility-toggle{min-height:30px}
  .sskbds-v121 .sskbds-utility-title{font-size:11px}
  .sskbds-v121 .sskbds-utility-meta{max-width:34vw;overflow:hidden;text-overflow:ellipsis}
  .sskbds-v121 .sskbds-utility-help{padding:6px 10px;font-size:11px}
  .sskbds-v121 .sskbds-utility-panel{position:absolute;max-height:72vh;border-radius:22px;padding:12px}
  .sskbds-v121 .sskbds-utility-grid{grid-template-columns:1fr;gap:10px}
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-common .sskbds-rel-head,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-contrast .sskbds-rel-head,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-opposing .sskbds-rel-head{grid-template-columns:1fr}
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-near .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-confused .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-common .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-contrast .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-opposing .sskbds-rel-grid{grid-template-columns:1fr}
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-near::before,
  .sskbds-v121 .sskbds-rel-zone .sskbds-rel-group.is-confused::before{display:none}
}




/* =========================================================
   KBDS v12.10 READING EMPHASIS + DISCIPLINE MAP
========================================================= */
.sskbds-v121 .sskbds-disciplinary-map{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}
.sskbds-v121 .sskbds-discipline-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:18px 20px;
  border:1px solid var(--ss-border);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.46));
  box-shadow:0 18px 48px rgba(12,18,18,.045);
}
.sskbds-v121 .sskbds-discipline-num{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid var(--ss-border-strong);
  color:var(--ss-gold);
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
  background:rgba(199,168,105,.075);
}
.sskbds-v121 .sskbds-discipline-card h3{
  margin:0 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(18px,1.6vw,24px);
  line-height:1.18;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-discipline-card p{
  margin:0 0 8px;
  color:var(--ss-soft);
  line-height:1.66;
}
.sskbds-v121 .sskbds-discipline-card p:last-child{margin-bottom:0}

.sskbds-v121 .sskbds-extended-pullquote{
  max-width:760px;
  margin:26px 0;
  padding:22px 26px;
  border-radius:26px;
  border:1px solid rgba(199,168,105,.34);
  background:
    radial-gradient(circle at 0% 0%,rgba(199,168,105,.16),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.42));
  box-shadow:0 22px 58px rgba(12,18,18,.06);
  position:relative;
  overflow:hidden;
}
.sskbds-v121 .sskbds-extended-pullquote.is-right{
  margin-left:auto;
}
.sskbds-v121 .sskbds-extended-pullquote span{
  display:block;
  margin-bottom:8px;
  color:var(--ss-gold);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  font-weight:850;
}
.sskbds-v121 .sskbds-extended-pullquote strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(21px,2.1vw,32px);
  line-height:1.34;
  color:var(--ss-text);
  font-weight:700;
}
.sskbds-v121 .sskbds-extended-pullquote:after{
  content:"“";
  position:absolute;
  right:18px;
  bottom:-30px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:120px;
  line-height:1;
  color:rgba(199,168,105,.12);
  pointer-events:none;
}

.sskbds-v121 .sskbds-lens-feature span{
  color:var(--ss-gold) !important;
}
.sskbds-v121 .sskbds-lens-closing{
  margin-top:2px;
  padding:18px 22px;
  border-radius:24px;
  border:1px solid rgba(199,168,105,.22);
  background:linear-gradient(145deg,rgba(199,168,105,.085),rgba(255,255,255,.045));
}
.sskbds-v121 .sskbds-lens-closing span{
  display:block;
  color:var(--ss-gold);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  font-weight:850;
  margin-bottom:8px;
}
.sskbds-v121 .sskbds-lens-closing p{
  margin:0;
  color:var(--ss-text);
  font-size:15.5px;
  line-height:1.66;
}

.sskbds-v121[data-theme="dark"] .sskbds-meleset li::marker,
.sskbds-v121[data-theme="dark"] .sskbds-meleset .sskbds-list li::marker,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-meleset li::marker,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-meleset .sskbds-list li::marker{
  color:rgba(215,185,121,.92) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-meleset li:before,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-meleset li:before{
  color:rgba(215,185,121,.92) !important;
  background:rgba(215,185,121,.92) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-discipline-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-discipline-card{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.038));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 22px 64px rgba(0,0,0,.22);
}
.sskbds-v121[data-theme="dark"] .sskbds-discipline-card h3,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-discipline-card h3{
  color:rgba(248,250,247,.94);
}
.sskbds-v121[data-theme="dark"] .sskbds-discipline-card p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-discipline-card p{
  color:rgba(226,234,230,.78);
}
.sskbds-v121[data-theme="dark"] .sskbds-extended-pullquote,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-extended-pullquote{
  background:
    radial-gradient(circle at 0% 0%,rgba(215,185,121,.18),transparent 46%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  border-color:rgba(215,185,121,.28);
  box-shadow:0 24px 70px rgba(0,0,0,.32);
}
.sskbds-v121[data-theme="dark"] .sskbds-extended-pullquote strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-extended-pullquote strong,
.sskbds-v121[data-theme="dark"] .sskbds-lens-closing p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-lens-closing p{
  color:rgba(248,250,247,.94);
}
.sskbds-v121[data-theme="dark"] .sskbds-lens-closing,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-lens-closing{
  background:linear-gradient(145deg,rgba(215,185,121,.11),rgba(255,255,255,.045));
  border-color:rgba(215,185,121,.24);
}

@media (max-width: 780px){
  .sskbds-v121 .sskbds-disciplinary-map{grid-template-columns:1fr}
  .sskbds-v121 .sskbds-discipline-card{grid-template-columns:38px minmax(0,1fr);padding:16px}
  .sskbds-v121 .sskbds-extended-pullquote,
  .sskbds-v121 .sskbds-extended-pullquote.is-right{margin-left:0;max-width:none;padding:18px 20px}
}




/* =========================================================
   KBDS v12.11 - Compass, Copy, Routes, Metadata Polish
========================================================= */
.sskbds-v121 .sskbds-after-hero{width:min(1180px,calc(100% - 48px));margin:22px auto 0;display:grid;gap:14px}
.sskbds-v121 .sskbds-compass{position:relative;overflow:hidden;border:1px solid var(--ss-border);border-radius:30px;background:linear-gradient(135deg,var(--ss-card),var(--ss-card2));box-shadow:var(--ss-shadow-soft);padding:22px}
.sskbds-v121 .sskbds-compass:before{content:"";position:absolute;inset:auto -12% -38% 42%;height:180px;background:radial-gradient(circle,rgba(200,169,107,.16),transparent 70%);pointer-events:none}
.sskbds-v121 .sskbds-compass-head{display:grid;grid-template-columns:minmax(120px,.38fr) minmax(0,1fr);gap:8px 22px;align-items:end;margin-bottom:15px;position:relative;z-index:1}
.sskbds-v121 .sskbds-compass-head span,.sskbds-v121 .sskbds-rhythm>span{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--ss-gold);font-weight:800}
.sskbds-v121 .sskbds-compass-head strong{font-family:Georgia,serif;font-size:24px;color:var(--ss-text);line-height:1.05}
.sskbds-v121 .sskbds-compass-head p{grid-column:2;margin:0;color:var(--ss-soft);font-size:14px}
.sskbds-v121 .sskbds-compass-frame{position:relative;z-index:1}
.sskbds-v121 .sskbds-compass-slide{display:none;min-height:128px;border:1px solid var(--ss-border);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.32));padding:20px 22px}
.sskbds-v121 .sskbds-compass-slide.is-active{display:block}
.sskbds-v121 .sskbds-compass-slide p{margin:12px 0 0;font-family:Georgia,serif;font-size:clamp(22px,3.2vw,38px);line-height:1.18;color:var(--ss-text);max-width:980px}
.sskbds-v121 .sskbds-compass-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.sskbds-v121 .sskbds-compass-controls>button,.sskbds-v121 .sskbds-compass-dots button{border:1px solid var(--ss-border);background:var(--ss-card3);color:var(--ss-text);cursor:pointer}
.sskbds-v121 .sskbds-compass-controls>button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.sskbds-v121 .sskbds-compass-dots{display:flex;gap:7px;align-items:center;justify-content:center;flex:1}
.sskbds-v121 .sskbds-compass-dots button{width:9px;height:9px;border-radius:99px;padding:0;opacity:.55}
.sskbds-v121 .sskbds-compass-dots button.is-active{width:30px;background:var(--ss-gold);opacity:1}
.sskbds-v121 .sskbds-copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sskbds-v121 .sskbds-copy-quote{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:32px;border-radius:999px;border:1px solid var(--ss-border);background:var(--ss-card3);color:var(--ss-soft);font-size:12px;line-height:1;cursor:pointer;transition:.18s ease;white-space:nowrap;padding:0 10px}
.sskbds-v121 .sskbds-copy-quote:hover,.sskbds-v121 .sskbds-copy-quote.is-copied{border-color:rgba(200,169,107,.55);background:rgba(200,169,107,.14);color:var(--ss-text);transform:translateY(-1px)}
.sskbds-v121 .sskbds-copy-quote em{font-style:normal;font-size:11px;letter-spacing:.02em}
.sskbds-v121 .sskbds-rhythm{border:1px solid var(--ss-border);border-radius:26px;background:linear-gradient(135deg,var(--ss-card2),rgba(255,255,255,.24));padding:15px 16px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.sskbds-v121 .sskbds-rhythm>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sskbds-v121 .sskbds-rhythm a{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:12px 13px;border-radius:18px;border:1px solid var(--ss-border);background:var(--ss-card);text-decoration:none;color:var(--ss-text)}
.sskbds-v121 .sskbds-rhythm a em{grid-row:1/3;font-style:normal;color:var(--ss-gold);font-weight:800;font-size:12px}
.sskbds-v121 .sskbds-rhythm a strong{font-size:13px;line-height:1.15}.sskbds-v121 .sskbds-rhythm a small{color:var(--ss-faint);font-size:11px}
.sskbds-v121 .sskbds-lens-feature,.sskbds-v121 .sskbds-lens-closing,.sskbds-v121 .sskbds-extended-pullquote{position:relative}
.sskbds-v121 .sskbds-extended-pullquote .sskbds-copy-row,.sskbds-v121 .sskbds-lens-closing .sskbds-copy-row{margin-bottom:8px}
.sskbds-v121 .sskbds-meta-secondary{display:grid;gap:12px;background:transparent!important;border:0!important;padding:0!important}
.sskbds-v121 .sskbds-meta-secondary .sskbds-meta-row{padding:18px 20px!important;border:1px solid var(--ss-border)!important;border-radius:22px!important;background:linear-gradient(135deg,var(--ss-card2),rgba(255,255,255,.18))!important;box-shadow:0 16px 38px rgba(0,0,0,.035)}
.sskbds-v121 .sskbds-meta-secondary .sskbds-meta-row h3{margin:0 0 10px!important;padding:0!important;font-size:13px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ss-gold)!important;font-family:inherit!important}
.sskbds-v121 .sskbds-meta-secondary .sskbds-pills{padding:0!important;margin:0!important}
.sskbds-v121 .sskbds-next-routes{background:linear-gradient(135deg,var(--ss-card),var(--ss-card2))}
.sskbds-v121 .sskbds-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sskbds-v121 .sskbds-route-card{position:relative;overflow:hidden;min-height:178px;padding:20px;border-radius:24px;border:1px solid var(--ss-border);background:var(--ss-card2);text-decoration:none;color:var(--ss-text);display:flex;flex-direction:column;justify-content:space-between;transition:.18s ease}
.sskbds-v121 .sskbds-route-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--ss-gold);opacity:.65}
.sskbds-v121 .sskbds-route-card.is-contrast:before{background:#c88073}.sskbds-v121 .sskbds-route-card.is-support:before{background:#8fb3a2}
.sskbds-v121 .sskbds-route-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.10)}
.sskbds-v121 .sskbds-route-card span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--ss-gold);font-weight:800}.sskbds-v121 .sskbds-route-card strong{font-family:Georgia,serif;font-size:24px;line-height:1.05}.sskbds-v121 .sskbds-route-card p{margin:8px 0 14px;color:var(--ss-soft);font-size:14px}.sskbds-v121 .sskbds-route-card em{font-style:normal;color:var(--ss-text);font-weight:700;font-size:13px}
.sskbds-v121[data-theme="dark"] .sskbds-compass,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass,
.sskbds-v121[data-theme="dark"] .sskbds-rhythm,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rhythm{background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border-color:rgba(255,255,255,.16)}
.sskbds-v121[data-theme="dark"] .sskbds-compass-slide,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-slide,
.sskbds-v121[data-theme="dark"] .sskbds-rhythm a,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rhythm a,
.sskbds-v121[data-theme="dark"] .sskbds-meta-secondary .sskbds-meta-row,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-meta-secondary .sskbds-meta-row,
.sskbds-v121[data-theme="dark"] .sskbds-route-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-route-card{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;border-color:rgba(255,255,255,.16)!important;color:rgba(246,248,244,.94)!important}
.sskbds-v121[data-theme="dark"] .sskbds-copy-quote,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-copy-quote{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:rgba(238,242,240,.78)}
@media (max-width:900px){.sskbds-v121 .sskbds-after-hero{width:min(100% - 24px,1180px)}.sskbds-v121 .sskbds-compass-head{grid-template-columns:1fr}.sskbds-v121 .sskbds-compass-head p{grid-column:auto}.sskbds-v121 .sskbds-rhythm{grid-template-columns:1fr}.sskbds-v121 .sskbds-rhythm>div{grid-template-columns:1fr 1fr}.sskbds-v121 .sskbds-route-grid{grid-template-columns:1fr}}
@media (max-width:560px){.sskbds-v121 .sskbds-compass,.sskbds-v121 .sskbds-rhythm{border-radius:22px;padding:16px}.sskbds-v121 .sskbds-compass-slide p{font-size:22px}.sskbds-v121 .sskbds-rhythm>div{grid-template-columns:1fr}.sskbds-v121 .sskbds-copy-quote em{display:none}}




/* =========================================================
   KBDS v12.12 — Reading Mode + Direction Compass + Volume Balance
========================================================= */
.sskbds-compass {
  margin-top: clamp(22px, 4vw, 44px);
}

.sskbds-compass-head strong {
  font-size: clamp(1.15rem, 2.1vw, 1.85rem) !important;
  line-height: 1.15 !important;
}

.sskbds-compass-frame {
  min-height: 0 !important;
}

.sskbds-compass-slide {
  padding: clamp(20px, 3.5vw, 34px) !important;
}

.sskbds-compass-slide p {
  font-size: clamp(1.22rem, 2.6vw, 2.15rem) !important;
  line-height: 1.34 !important;
  max-width: 980px !important;
  letter-spacing: .005em !important;
}

.sskbds-lens-feature strong {
  font-size: clamp(1.35rem, 3vw, 2.45rem) !important;
  line-height: 1.28 !important;
  letter-spacing: .004em !important;
}

.sskbds-extended-pullquote {
  padding: clamp(18px, 2.8vw, 30px) !important;
}

.sskbds-extended-pullquote strong {
  font-size: clamp(1.18rem, 2.1vw, 1.8rem) !important;
  line-height: 1.42 !important;
  letter-spacing: .004em !important;
}

.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens .sskbds-section-title h2,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens h2,
body.td-theme-dark .sskbds-v121 section.sskbds-card.sskbds-lens .sskbds-section-title h2,
body.td-theme-dark .sskbds-v121 section.sskbds-card.sskbds-lens h2 {
  color: rgba(248,250,246,.96) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
}

.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens .sskbds-anchor,
body.td-theme-dark .sskbds-v121 section.sskbds-card.sskbds-lens .sskbds-anchor {
  color: rgba(248,250,246,.72) !important;
  border-color: rgba(255,255,255,.2) !important;
  background: rgba(255,255,255,.06) !important;
}

/* Hero mini map */
.sskbds-hero-minimap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 18px;
  max-width: 760px;
}

.sskbds-hero-minimap span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(56,64,70,.16);
  background: rgba(255,255,255,.52);
  box-shadow: 0 10px 24px rgba(0,0,0,.045);
}

.sskbds-hero-minimap em {
  font-size: .66rem;
  line-height: 1;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-style: normal;
  color: var(--sskbds-gold, #a98642);
}

.sskbds-hero-minimap strong {
  font-size: .82rem;
  line-height: 1.15;
  font-weight: 700;
  color: rgba(29,36,41,.78);
}

.sskbds-v121[data-theme="dark"] .sskbds-hero-minimap span,
body.td-theme-dark .sskbds-v121 .sskbds-hero-minimap span {
  background: rgba(255,255,255,.075);
  border-color: rgba(255,255,255,.18);
}

.sskbds-v121[data-theme="dark"] .sskbds-hero-minimap strong,
body.td-theme-dark .sskbds-v121 .sskbds-hero-minimap strong {
  color: rgba(245,248,244,.86);
}

/* Reading rhythm with mode toggle and three doors */
.sskbds-rhythm {
  display: grid;
  gap: 14px;
}

.sskbds-rhythm-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.sskbds-rhythm-top > span {
  font-size: .72rem;
  letter-spacing: .20em;
  text-transform: uppercase;
  color: var(--sskbds-gold, #a98642);
  font-weight: 800;
}

.sskbds-readmode {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid rgba(52,59,64,.14);
  background: rgba(255,255,255,.52);
}

.sskbds-readmode button {
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: transparent;
  padding: 8px 13px;
  font-size: .78rem;
  font-weight: 800;
  cursor: pointer;
  color: rgba(36,43,49,.68);
}

.sskbds-readmode button.is-active {
  background: rgba(26,32,37,.88);
  color: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.14);
}

.sskbds-rhythm-steps,
.sskbds-reading-doors {
  display: grid;
  gap: 10px;
}

.sskbds-rhythm-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sskbds-reading-doors {
  grid-template-columns: auto repeat(3, minmax(0, 1fr));
  align-items: stretch;
  padding-top: 8px;
}

.sskbds-reading-doors > span {
  display: flex;
  align-items: center;
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(127,103,57,.88);
  font-weight: 800;
}

.sskbds-reading-doors a {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(52,59,64,.12);
  background: rgba(255,255,255,.42);
  text-decoration: none !important;
}

.sskbds-reading-doors strong {
  font-size: .95rem;
  color: rgba(31,38,43,.9);
}

.sskbds-reading-doors small {
  font-size: .78rem;
  color: rgba(73,82,90,.68);
  line-height: 1.35;
}

.sskbds-v121[data-theme="dark"] .sskbds-readmode,
body.td-theme-dark .sskbds-v121 .sskbds-readmode,
.sskbds-v121[data-theme="dark"] .sskbds-reading-doors a,
body.td-theme-dark .sskbds-v121 .sskbds-reading-doors a {
  background: rgba(255,255,255,.075);
  border-color: rgba(255,255,255,.14);
}

.sskbds-v121[data-theme="dark"] .sskbds-readmode button,
body.td-theme-dark .sskbds-v121 .sskbds-readmode button {
  color: rgba(245,248,244,.72);
}

.sskbds-v121[data-theme="dark"] .sskbds-readmode button.is-active,
body.td-theme-dark .sskbds-v121 .sskbds-readmode button.is-active {
  background: rgba(238,232,216,.92);
  color: rgba(14,25,31,.96);
}

.sskbds-v121[data-theme="dark"] .sskbds-reading-doors strong,
body.td-theme-dark .sskbds-v121 .sskbds-reading-doors strong {
  color: rgba(248,250,246,.92);
}

.sskbds-v121[data-theme="dark"] .sskbds-reading-doors small,
body.td-theme-dark .sskbds-v121 .sskbds-reading-doors small {
  color: rgba(228,235,231,.68);
}

/* Direction compass in Dinamika Makna */
.sskbds-direction-compass {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, .64fr) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  margin: clamp(14px, 2.4vw, 24px) 0;
}

.sskbds-direction-compass article,
.sskbds-direction-compass .is-center {
  border-radius: 28px;
  border: 1px solid rgba(48,58,64,.12);
  padding: clamp(16px, 2.2vw, 24px);
  background: rgba(255,255,255,.48);
}

.sskbds-direction-compass article span,
.sskbds-direction-compass .is-center em {
  display: block;
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 800;
  margin-bottom: 9px;
}

.sskbds-direction-compass .is-clear span {
  color: rgba(78,128,100,.95);
}

.sskbds-direction-compass .is-blur span {
  color: rgba(157,92,76,.95);
}

.sskbds-direction-compass p {
  margin: 0;
  font-size: .98rem;
  line-height: 1.55;
  color: rgba(45,54,61,.76);
}

.sskbds-direction-compass .is-center {
  display: grid;
  place-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 50% 10%, rgba(210,178,105,.18), transparent 62%),
    rgba(255,255,255,.62);
}

.sskbds-direction-compass .is-center strong {
  font-family: var(--sskbds-serif, Georgia, serif);
  font-size: clamp(1.35rem, 2.5vw, 2.2rem);
  line-height: 1.05;
  color: rgba(25,31,36,.92);
}

.sskbds-direction-compass .is-center span {
  font-size: .78rem;
  line-height: 1.35;
  color: rgba(76,84,92,.68);
}

.sskbds-v121[data-theme="dark"] .sskbds-direction-compass article,
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass .is-center,
body.td-theme-dark .sskbds-v121 .sskbds-direction-compass article,
body.td-theme-dark .sskbds-v121 .sskbds-direction-compass .is-center {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.16);
}

.sskbds-v121[data-theme="dark"] .sskbds-direction-compass p,
body.td-theme-dark .sskbds-v121 .sskbds-direction-compass p,
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass .is-center span,
body.td-theme-dark .sskbds-v121 .sskbds-direction-compass .is-center span {
  color: rgba(228,235,231,.76);
}

.sskbds-v121[data-theme="dark"] .sskbds-direction-compass .is-center strong,
body.td-theme-dark .sskbds-v121 .sskbds-direction-compass .is-center strong {
  color: rgba(250,250,246,.96);
}

/* Compact reading mode: content remains in HTML, sections become preview cards */
.sskbds-v121[data-read-mode="compact"] .sskbds-card.is-compactable {
  max-height: 220px;
  overflow: hidden;
  position: relative;
}

.sskbds-v121[data-read-mode="compact"] .sskbds-card.is-compactable::after {
  content: "Mode ringkas: buka Mode Dalam untuk membaca bagian lengkap";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(52,59,64,.12);
  color: rgba(36,43,49,.76);
  font-size: .8rem;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 16px 32px rgba(0,0,0,.08);
}

.sskbds-v121[data-read-mode="compact"] .sskbds-card.is-compactable::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 96px;
  background: linear-gradient(to bottom, transparent, rgba(247,244,236,.96));
  pointer-events: none;
}

.sskbds-v121[data-theme="dark"][data-read-mode="compact"] .sskbds-card.is-compactable::after,
body.td-theme-dark .sskbds-v121[data-read-mode="compact"] .sskbds-card.is-compactable::after {
  background: rgba(255,255,255,.10);
  color: rgba(245,248,244,.88);
  border-color: rgba(255,255,255,.16);
}

.sskbds-v121[data-theme="dark"][data-read-mode="compact"] .sskbds-card.is-compactable::before,
body.td-theme-dark .sskbds-v121[data-read-mode="compact"] .sskbds-card.is-compactable::before {
  background: linear-gradient(to bottom, transparent, rgba(15,31,38,.96));
}

/* More human route labels */
.sskbds-route-card span {
  letter-spacing: .13em;
}

/* responsive */
@media (max-width: 900px) {
  .sskbds-compass-slide p {
    font-size: clamp(1.08rem, 5vw, 1.45rem) !important;
  }

  .sskbds-lens-feature strong {
    font-size: clamp(1.18rem, 5.4vw, 1.75rem) !important;
  }

  .sskbds-extended-pullquote strong {
    font-size: clamp(1.05rem, 4.6vw, 1.35rem) !important;
  }

  .sskbds-rhythm-steps,
  .sskbds-reading-doors,
  .sskbds-direction-compass {
    grid-template-columns: 1fr;
  }

  .sskbds-reading-doors > span {
    padding-left: 2px;
  }

  .sskbds-hero-minimap {
    margin: 14px 0;
  }

  .sskbds-hero-minimap span {
    min-height: 32px;
    padding: 7px 10px;
  }
}


/* =========================================================
   KBDS v12.13 - Hero Reflow + Reading Polish
   - Hero one-column hierarchy with compact utility/search row
   - Stable Ritme Baca layout
   - Safer Direction Compass for long terms
   - Quote typography lowered 2-3 levels
========================================================= */

/* HERO REFLOW: make the term the main event, not the two-column frame */
.sskbds-v121 .sskbds-hero{
  padding:clamp(24px,3vw,42px) !important;
  min-height:0 !important;
  overflow:hidden !important;
}

.sskbds-v121 .sskbds-hero-tools{
  position:relative !important;
  inset:auto !important;
  right:auto !important;
  top:auto !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 0 clamp(24px,3vw,34px) !important;
  display:grid !important;
  grid-template-columns:auto minmax(280px,420px) !important;
  justify-content:end !important;
  align-items:start !important;
  gap:14px !important;
  z-index:70 !important;
}

.sskbds-v121 .sskbds-menu-buttons{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.sskbds-v121 .sskbds-searchbox.sskbds-hero-search{
  width:100% !important;
  max-width:420px !important;
}

.sskbds-v121 .sskbds-hero-grid{
  display:block !important;
  grid-template-columns:1fr !important;
  padding:0 !important;
  min-height:0 !important;
  position:relative !important;
  z-index:3 !important;
}

.sskbds-v121 .sskbds-hero-main{
  max-width:min(920px,100%) !important;
  position:relative !important;
  z-index:5 !important;
}

.sskbds-v121 .sskbds-title-row{
  align-items:flex-start !important;
  gap:14px !important;
  max-width:940px !important;
}

.sskbds-v121 .sskbds-title{
  font-size:clamp(2.35rem,5.1vw,4.95rem) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  max-width:920px !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.sskbds-v121 .sskbds-mini{
  max-width:760px !important;
  font-size:clamp(1rem,1.45vw,1.22rem) !important;
  line-height:1.55 !important;
}

.sskbds-v121 .sskbds-hero-core{
  max-width:780px !important;
  margin:clamp(16px,2vw,24px) 0 !important;
}

.sskbds-v121 .sskbds-hero-related,
.sskbds-v121 .sskbds-actions{
  max-width:820px !important;
}

/* keep alphabet/og.php as subtle inset, not a whole second column */
.sskbds-v121 .sskbds-hero-media{
  position:absolute !important;
  right:clamp(28px,4vw,56px) !important;
  bottom:clamp(28px,4vw,54px) !important;
  width:clamp(150px,18vw,235px) !important;
  padding:0 !important;
  display:block !important;
  z-index:1 !important;
  opacity:.9 !important;
  pointer-events:none !important;
  transform:none !important;
}

.sskbds-v121 .sskbds-hero-media img{
  width:100% !important;
  max-width:none !important;
  border-radius:24px !important;
  box-shadow:none !important;
  filter:saturate(.82) contrast(.96) !important;
}

.sskbds-v121 .sskbds-hero-ghost{
  font-size:clamp(96px,16vw,210px) !important;
  opacity:.055 !important;
}

/* QUOTE TYPOGRAPHY: lower visual volume by 2-3 levels */
.sskbds-v121 .sskbds-compass{
  padding:clamp(18px,2.2vw,24px) !important;
  border-radius:26px !important;
}

.sskbds-v121 .sskbds-compass-head{
  margin-bottom:12px !important;
}

.sskbds-v121 .sskbds-compass-head strong{
  font-size:clamp(1.12rem,1.7vw,1.45rem) !important;
  line-height:1.18 !important;
}

.sskbds-v121 .sskbds-compass-head p{
  font-size:.88rem !important;
  line-height:1.45 !important;
}

.sskbds-v121 .sskbds-compass-slide{
  min-height:0 !important;
  padding:clamp(16px,2vw,22px) !important;
  border-radius:22px !important;
}

.sskbds-v121 .sskbds-compass-slide p{
  font-size:clamp(1.08rem,1.75vw,1.62rem) !important;
  line-height:1.48 !important;
  letter-spacing:.002em !important;
  max-width:840px !important;
  margin-top:10px !important;
}

.sskbds-v121 .sskbds-lens-feature{
  padding:clamp(20px,2.5vw,30px) !important;
  border-radius:26px !important;
}

.sskbds-v121 .sskbds-lens-feature strong{
  font-size:clamp(1.12rem,1.85vw,1.62rem) !important;
  line-height:1.46 !important;
  letter-spacing:.002em !important;
  max-width:940px !important;
}

.sskbds-v121 .sskbds-lens-closing p{
  font-size:.98rem !important;
  line-height:1.62 !important;
}

.sskbds-v121 .sskbds-extended-pullquote{
  padding:clamp(16px,2vw,24px) !important;
  border-radius:22px !important;
  max-width:720px !important;
}

.sskbds-v121 .sskbds-extended-pullquote strong{
  font-size:clamp(1rem,1.35vw,1.22rem) !important;
  line-height:1.62 !important;
  letter-spacing:.002em !important;
  font-weight:700 !important;
}

/* RHYTHM: rebuild into stable stacked layers */
.sskbds-v121 .sskbds-rhythm{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  padding:18px !important;
  overflow:hidden !important;
  align-items:stretch !important;
}

.sskbds-v121 .sskbds-rhythm > div{
  min-width:0 !important;
}

.sskbds-v121 .sskbds-rhythm-top{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

.sskbds-v121 .sskbds-rhythm-steps{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

.sskbds-v121 .sskbds-reading-doors{
  display:grid !important;
  grid-template-columns:minmax(120px,.35fr) repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
  padding-top:4px !important;
  min-width:0 !important;
}

.sskbds-v121 .sskbds-rhythm a,
.sskbds-v121 .sskbds-reading-doors a{
  min-width:0 !important;
  overflow:hidden !important;
}

.sskbds-v121 .sskbds-rhythm a strong,
.sskbds-v121 .sskbds-reading-doors strong,
.sskbds-v121 .sskbds-rhythm a small,
.sskbds-v121 .sskbds-reading-doors small{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

.sskbds-v121 .sskbds-readmode{
  flex:0 0 auto !important;
  max-width:100% !important;
}

/* DIRECTION COMPASS: safe for long/super-long terms */
.sskbds-v121 .sskbds-direction-compass{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr) minmax(0,1.05fr) !important;
  gap:12px !important;
}

.sskbds-v121 .sskbds-direction-compass article,
.sskbds-v121 .sskbds-direction-compass .is-center{
  min-width:0 !important;
  overflow:hidden !important;
  padding:clamp(15px,2vw,22px) !important;
}

.sskbds-v121 .sskbds-direction-compass .is-center strong{
  display:block !important;
  max-width:100% !important;
  font-size:clamp(1.02rem,1.7vw,1.48rem) !important;
  line-height:1.14 !important;
  letter-spacing:-.018em !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.sskbds-v121 .sskbds-direction-compass p{
  font-size:.96rem !important;
  line-height:1.56 !important;
  overflow-wrap:anywhere !important;
}

/* hard guard: Lens title remains readable in dark mode */
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens .sskbds-section-title h2,
.sskbds-v121[data-theme="dark"] section.sskbds-card.sskbds-lens h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens .sskbds-section-title h2,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) section.sskbds-card.sskbds-lens h2{
  color:rgba(248,250,246,.96) !important;
}

/* Responsive: keep hero compact and hide inset media before it becomes noise */
@media (max-width: 1100px){
  .sskbds-v121 .sskbds-hero-tools{
    grid-template-columns:1fr !important;
    justify-content:stretch !important;
  }
  .sskbds-v121 .sskbds-menu-buttons{justify-content:flex-start !important;}
  .sskbds-v121 .sskbds-searchbox.sskbds-hero-search{max-width:640px !important;}
  .sskbds-v121 .sskbds-hero-media{display:none !important;}
  .sskbds-v121 .sskbds-title{font-size:clamp(2.05rem,7vw,3.75rem) !important;}
  .sskbds-v121 .sskbds-direction-compass{grid-template-columns:1fr !important;}
  .sskbds-v121 .sskbds-direction-compass .is-center{order:2;}
  .sskbds-v121 .sskbds-direction-compass .is-clear{order:1;}
  .sskbds-v121 .sskbds-direction-compass .is-blur{order:3;}
}

@media (max-width: 820px){
  .sskbds-v121 .sskbds-hero{
    padding:22px !important;
    border-radius:26px !important;
  }
  .sskbds-v121 .sskbds-hero-tools{margin-bottom:18px !important;}
  .sskbds-v121 .sskbds-title{font-size:clamp(1.9rem,10vw,3rem) !important;line-height:1.02 !important;}
  .sskbds-v121 .sskbds-mini{font-size:1rem !important;}
  .sskbds-v121 .sskbds-hero-core{padding:14px 0 14px 16px !important;}
  .sskbds-v121 .sskbds-rhythm{padding:15px !important;}
  .sskbds-v121 .sskbds-rhythm-steps,
  .sskbds-v121 .sskbds-reading-doors{grid-template-columns:1fr !important;}
  .sskbds-v121 .sskbds-compass-slide p{font-size:clamp(1rem,4.8vw,1.22rem) !important;line-height:1.55 !important;}
  .sskbds-v121 .sskbds-lens-feature strong{font-size:clamp(1.03rem,4.8vw,1.28rem) !important;line-height:1.52 !important;}
  .sskbds-v121 .sskbds-extended-pullquote strong{font-size:1rem !important;line-height:1.62 !important;}
}





/* =========================================================
   KBDS V12.14 - READING GUIDE + CONTRAST POLISH
   - Lower hero title significantly
   - Clarify Hero Mini Map and Direction Compass in dark mode
   - Turn Ritme Baca into explicit reading guide
========================================================= */

/* Hero title: lower the volume again, especially for long terms */
.sskbds-v121 .sskbds-title{
  font-size:clamp(2rem,4.05vw,4.05rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.028em !important;
  max-width:880px !important;
}

.sskbds-v121 .sskbds-title-row{max-width:900px !important;}
.sskbds-v121 .sskbds-mini{font-size:clamp(.98rem,1.24vw,1.12rem) !important;max-width:720px !important;}

/* Hero Mini Map: stronger readability in dark mode */
.sskbds-v121 .sskbds-hero-minimap{
  gap:8px 10px !important;
  margin-top:16px !important;
}
.sskbds-v121 .sskbds-hero-minimap span{
  padding:8px 12px !important;
  border-radius:999px !important;
  backdrop-filter:blur(10px) !important;
}
.sskbds-v121 .sskbds-hero-minimap em{
  font-size:10px !important;
  letter-spacing:.17em !important;
  font-weight:850 !important;
}
.sskbds-v121 .sskbds-hero-minimap strong{
  font-size:.82rem !important;
  line-height:1.15 !important;
  font-weight:760 !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-hero-minimap span,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-hero-minimap span{
  background:rgba(255,255,255,.105) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-hero-minimap em,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-hero-minimap em{
  color:rgba(222,190,123,.96) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-hero-minimap strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-hero-minimap strong{
  color:rgba(248,250,246,.96) !important;
  text-shadow:0 1px 10px rgba(0,0,0,.18) !important;
}

/* Direction Compass: stronger dark-mode contrast and calmer center term */
.sskbds-v121 .sskbds-direction-compass .is-center strong{
  font-size:clamp(.96rem,1.35vw,1.24rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.012em !important;
}
.sskbds-v121 .sskbds-direction-compass p{
  font-size:.92rem !important;
  line-height:1.58 !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass article,
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass .is-center,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-direction-compass article,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-direction-compass .is-center{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass .is-clear span,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-direction-compass .is-clear span{
  color:rgba(174,218,177,.94) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass .is-blur span,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-direction-compass .is-blur span{
  color:rgba(232,172,154,.95) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-direction-compass p{
  color:rgba(242,246,244,.88) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass .is-center em,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-direction-compass .is-center em{
  color:rgba(222,190,123,.96) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-direction-compass .is-center strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-direction-compass .is-center strong{
  color:rgba(248,250,246,.96) !important;
}

/* Reading Guide: explicit, not mysterious */
.sskbds-v121 .sskbds-rhythm{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  padding:clamp(18px,2.2vw,24px) !important;
  border-radius:28px !important;
}
.sskbds-v121 .sskbds-rhythm-head{
  display:grid !important;
  grid-template-columns:minmax(180px,.42fr) minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
}
.sskbds-v121 .sskbds-rhythm-head span,
.sskbds-v121 .sskbds-reading-doors-head span{
  display:block !important;
  color:var(--ss-gold) !important;
  font-size:11px !important;
  font-weight:850 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}
.sskbds-v121 .sskbds-rhythm-head p,
.sskbds-v121 .sskbds-reading-doors-head p{
  margin:0 !important;
  color:var(--ss-muted) !important;
  font-size:.94rem !important;
  line-height:1.55 !important;
}
.sskbds-v121 .sskbds-rhythm-mode-panel{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  padding:14px !important;
  border:1px solid var(--ss-border) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.34) !important;
}
.sskbds-v121 .sskbds-rhythm-mode-copy strong{
  display:block !important;
  color:var(--ss-text) !important;
  font-size:1rem !important;
  margin-bottom:3px !important;
}
.sskbds-v121 .sskbds-rhythm-mode-copy p{
  margin:0 !important;
  color:var(--ss-muted) !important;
  font-size:.9rem !important;
  line-height:1.48 !important;
}
.sskbds-v121 .sskbds-rhythm-mode-copy b{
  color:var(--ss-text) !important;
  font-weight:760 !important;
}
.sskbds-v121 .sskbds-readmode{
  padding:4px !important;
  border-radius:999px !important;
  display:flex !important;
  gap:4px !important;
}
.sskbds-v121 .sskbds-readmode button{
  display:grid !important;
  gap:1px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  text-align:center !important;
  min-width:86px !important;
}
.sskbds-v121 .sskbds-readmode button strong{
  font-size:.88rem !important;
  line-height:1.1 !important;
}
.sskbds-v121 .sskbds-readmode button small{
  font-size:.68rem !important;
  line-height:1.1 !important;
  opacity:.72 !important;
}
.sskbds-v121 .sskbds-rhythm-steps{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}
.sskbds-v121 .sskbds-reading-doors{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  padding-top:2px !important;
}
.sskbds-v121 .sskbds-reading-doors-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
.sskbds-v121 .sskbds-reading-doors a{
  display:block !important;
  padding:13px 14px !important;
  border-radius:18px !important;
  border:1px solid var(--ss-border) !important;
  background:var(--ss-card) !important;
  text-decoration:none !important;
  color:var(--ss-text) !important;
}
.sskbds-v121 .sskbds-reading-doors a strong{
  display:block !important;
  margin-bottom:4px !important;
  color:var(--ss-text) !important;
  font-size:.98rem !important;
}
.sskbds-v121 .sskbds-reading-doors a small{
  display:block !important;
  color:var(--ss-muted) !important;
  font-size:.82rem !important;
  line-height:1.4 !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-rhythm-mode-panel,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rhythm-mode-panel{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.16) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-rhythm-head p,
.sskbds-v121[data-theme="dark"] .sskbds-reading-doors-head p,
.sskbds-v121[data-theme="dark"] .sskbds-rhythm-mode-copy p,
.sskbds-v121[data-theme="dark"] .sskbds-reading-doors a small,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rhythm-head p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reading-doors-head p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rhythm-mode-copy p,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reading-doors a small{
  color:rgba(232,238,235,.74) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-rhythm-mode-copy strong,
.sskbds-v121[data-theme="dark"] .sskbds-rhythm-mode-copy b,
.sskbds-v121[data-theme="dark"] .sskbds-reading-doors a strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rhythm-mode-copy strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-rhythm-mode-copy b,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reading-doors a strong{
  color:rgba(248,250,246,.94) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-reading-doors a,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reading-doors a{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.15) !important;
}

@media (max-width: 900px){
  .sskbds-v121 .sskbds-title{font-size:clamp(1.72rem,8.4vw,2.7rem) !important;line-height:1.06 !important;}
  .sskbds-v121 .sskbds-rhythm-head,
  .sskbds-v121 .sskbds-rhythm-mode-panel{grid-template-columns:1fr !important;}
  .sskbds-v121 .sskbds-readmode{justify-content:stretch !important;width:100% !important;}
  .sskbds-v121 .sskbds-readmode button{flex:1 1 0 !important;}
  .sskbds-v121 .sskbds-rhythm-steps,
  .sskbds-v121 .sskbds-reading-doors-grid{grid-template-columns:1fr !important;}
}
@media (max-width: 560px){
  .sskbds-v121 .sskbds-title{font-size:clamp(1.58rem,10vw,2.32rem) !important;}
  .sskbds-v121 .sskbds-hero-minimap span{width:100% !important;justify-content:space-between !important;}
  .sskbds-v121 .sskbds-rhythm{padding:15px !important;border-radius:22px !important;}
}


/* =========================================================
   KBDS v12.15 Quote Logic + Link Clarity + Section Rail
   CSS consolidation intentionally postponed.
========================================================= */
.sskbds-v121 .sskbds-card,
.sskbds-v121 .sskbds-hero,
.sskbds-v121 .sskbds-compass,
.sskbds-v121 .sskbds-rhythm,
.sskbds-v121 .sskbds-bottom-cta{scroll-margin-top:104px}

/* Clear clickable vs static metadata */
.sskbds-v121 a.sskbds-pill.is-linked,
.sskbds-v121 .sskbds-resolved-pills a.sskbds-pill,
.sskbds-v121 .sskbds-rel-card,
.sskbds-v121 .sskbds-route-card,
.sskbds-v121 .sskbds-prevnext-card,
.sskbds-v121 .sskbds-local-list a,
.sskbds-v121 .sskbds-hero-related a,
.sskbds-v121 .sskbds-autolink{
  cursor:pointer;
}
.sskbds-v121 a.sskbds-pill.is-linked,
.sskbds-v121 .sskbds-resolved-pills a.sskbds-pill,
.sskbds-v121 .sskbds-hero-related a{
  border-color:color-mix(in srgb,var(--ss-gold) 42%,var(--ss-border));
  color:var(--ss-text);
  background:linear-gradient(135deg,color-mix(in srgb,var(--ss-gold) 14%,transparent),rgba(255,255,255,.055));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.sskbds-v121 a.sskbds-pill.is-linked::after,
.sskbds-v121 .sskbds-resolved-pills a.sskbds-pill::after,
.sskbds-v121 .sskbds-hero-related a::after{
  content:"›";
  display:inline-flex;
  margin-left:7px;
  color:var(--ss-gold);
  font-weight:900;
  transform:translateY(-.5px);
}
.sskbds-v121 .sskbds-pill:not(a),
.sskbds-v121 span.sskbds-rel-chip{
  cursor:default;
  border-color:color-mix(in srgb,var(--ss-border) 75%,transparent);
  color:var(--ss-faint);
  background:rgba(255,255,255,.035);
}
.sskbds-v121 .sskbds-rel-card{position:relative;padding-right:34px}
.sskbds-v121 .sskbds-rel-card::after,
.sskbds-v121 .sskbds-route-card::after,
.sskbds-v121 .sskbds-prevnext-card::after,
.sskbds-v121 .sskbds-local-list a::after{
  content:"›";
  position:absolute;
  right:14px;
  top:14px;
  color:var(--ss-gold);
  opacity:.72;
  font-weight:900;
}
.sskbds-v121 .sskbds-rel-card:hover::after,
.sskbds-v121 .sskbds-route-card:hover::after,
.sskbds-v121 .sskbds-prevnext-card:hover::after,
.sskbds-v121 .sskbds-local-list a:hover::after{opacity:1;transform:translateX(2px)}
.sskbds-v121 .sskbds-autolink{
  color:color-mix(in srgb,var(--ss-text) 88%,var(--ss-gold));
  border-bottom:1px solid color-mix(in srgb,var(--ss-gold) 58%,transparent);
  background:linear-gradient(180deg,transparent 56%,color-mix(in srgb,var(--ss-gold) 18%,transparent) 0);
  text-decoration:none;
  font-weight:650;
  padding:0 .08em;
}
.sskbds-v121 .sskbds-autolink::after{content:"↗";font-size:.72em;margin-left:.18em;color:var(--ss-gold);opacity:.72}
.sskbds-v121 .sskbds-autolink:hover{border-bottom-color:var(--ss-gold);background:color-mix(in srgb,var(--ss-gold) 16%,transparent)}

/* Section rail: desktop reading map */
.sskbds-section-rail{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:9990;
  display:none;
  align-items:center;
  gap:12px;
}
.sskbds-rail-bars{display:flex;flex-direction:column;gap:5px;align-items:flex-end;padding:10px 6px;border-radius:999px;background:rgba(255,255,255,.025);border:1px solid transparent;backdrop-filter:blur(8px)}
.sskbds-rail-bars a{display:block;width:20px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--ss-faint) 50%,transparent);transition:.16s ease}
.sskbds-rail-bars a:hover,
.sskbds-rail-bars a.is-active{width:34px;background:var(--ss-gold);box-shadow:0 0 0 1px color-mix(in srgb,var(--ss-gold) 16%,transparent)}
.sskbds-rail-panel{
  position:absolute;
  right:38px;
  top:50%;
  transform:translate(8px,-50%);
  width:290px;
  max-height:min(72vh,620px);
  overflow:auto;
  padding:16px;
  border:1px solid var(--ss-border);
  border-radius:22px;
  background:color-mix(in srgb,var(--ss-bg) 91%,transparent);
  box-shadow:0 22px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(18px);
  opacity:0;
  pointer-events:none;
  transition:.18s ease;
}
.sskbds-section-rail:hover .sskbds-rail-panel,
.sskbds-section-rail:focus-within .sskbds-rail-panel{opacity:1;pointer-events:auto;transform:translate(0,-50%)}
.sskbds-rail-panel>span{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--ss-gold);margin:0 0 10px}
.sskbds-section-nav{display:grid;gap:6px}
.sskbds-section-nav a{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;align-items:center;border:1px solid transparent;border-radius:14px;padding:8px;color:var(--ss-soft);text-decoration:none}
.sskbds-section-nav a>span{width:18px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--ss-faint) 44%,transparent)}
.sskbds-section-nav a strong{font-size:12.5px;color:var(--ss-text);line-height:1.2}
.sskbds-section-nav a em{grid-column:2;font-size:11px;font-style:normal;color:var(--ss-faint);margin-top:2px}
.sskbds-section-nav a:hover,
.sskbds-section-nav a.is-active{border-color:color-mix(in srgb,var(--ss-gold) 32%,var(--ss-border));background:color-mix(in srgb,var(--ss-gold) 10%,transparent)}
.sskbds-section-nav a:hover>span,
.sskbds-section-nav a.is-active>span{background:var(--ss-gold);width:22px}

@media (min-width:1280px){
  .sskbds-section-rail{display:flex}
}
@media (max-width:1279px){
  .sskbds-section-rail{display:none!important}
}

/* Mobile sticky behavior: replace full sticky bar with compact floating navigator */
.sskbds-mobile-navigator{display:none}
@media (max-width:760px){
  .sskbds-v121 .sskbds-sticky{display:none!important}
  .sskbds-mobile-navigator{display:block}
  .sskbds-mobile-nav-toggle{
    position:fixed;
    left:50%;
    bottom:16px;
    transform:translateX(-50%);
    z-index:10020;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:44px;
    border-radius:999px;
    border:1px solid var(--ss-border-strong);
    background:color-mix(in srgb,var(--ss-bg) 88%,transparent);
    color:var(--ss-text);
    box-shadow:0 18px 54px rgba(0,0,0,.24);
    backdrop-filter:blur(18px);
    padding:10px 16px;
    font-weight:850;
    cursor:pointer;
  }
  .sskbds-mobile-nav-toggle span{color:var(--ss-gold);font-weight:900}
  .sskbds-mobile-nav-panel{
    position:fixed;
    left:12px;
    right:12px;
    bottom:70px;
    z-index:10019;
    max-height:min(72vh,620px);
    overflow:auto;
    border:1px solid var(--ss-border);
    border-radius:26px;
    background:color-mix(in srgb,var(--ss-bg) 94%,transparent);
    box-shadow:0 26px 80px rgba(0,0,0,.32);
    backdrop-filter:blur(20px);
    padding:14px;
  }
  .sskbds-mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
  .sskbds-mobile-nav-head strong{font-family:Georgia,"Times New Roman",serif;font-size:18px;color:var(--ss-text)}
  .sskbds-mobile-nav-head button{border:1px solid var(--ss-border);background:var(--ss-card2);color:var(--ss-soft);border-radius:999px;width:34px;height:34px;cursor:pointer}
  .sskbds-mobile-search{position:relative;margin:8px 0 12px}
  .sskbds-mobile-search label{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--ss-gold);margin:0 0 8px}
  .sskbds-mobile-search .sskbds-search-results{position:relative;top:auto;left:auto;right:auto;width:auto;margin-top:8px;max-height:260px;display:none}
  .sskbds-mobile-search .sskbds-search-results.is-open{display:block}
  .sskbds-section-nav.is-mobile{grid-template-columns:1fr;max-height:40vh;overflow:auto;padding-top:4px}
  .sskbds-section-nav.is-mobile a{background:rgba(255,255,255,.035);border-color:var(--ss-border)}
}

/* Darkmode clarity for rail and link states */
.sskbds-v121[data-theme="dark"] a.sskbds-pill.is-linked,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) a.sskbds-pill.is-linked,
.sskbds-v121[data-theme="dark"] .sskbds-resolved-pills a.sskbds-pill,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-resolved-pills a.sskbds-pill{
  color:rgba(246,248,244,.94);
  border-color:rgba(214,185,121,.45);
  background:linear-gradient(135deg,rgba(214,185,121,.14),rgba(255,255,255,.055));
}
.sskbds-v121[data-theme="dark"] .sskbds-pill:not(a),
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-pill:not(a){
  color:rgba(219,229,229,.72);
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.055);
}
.sskbds-v121[data-theme="dark"] .sskbds-section-nav a strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-section-nav a strong{color:rgba(246,248,244,.94)}
.sskbds-v121[data-theme="dark"] .sskbds-section-nav a em,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-section-nav a em{color:rgba(219,229,229,.68)}




/* =========================================================
   KBDS V12.16 - Popover Alignment, Compact Guide, Compass Signature
   CSS consolidation is intentionally deferred.
========================================================= */

/* Hero popovers: attach menu popover to active button instead of hero edge. */
.sskbds-v121 .sskbds-hero-tools{
  overflow:visible;
}
.sskbds-v121 .sskbds-hero-popover{
  left:auto;
  right:auto;
  top:auto;
  width:min(360px,calc(100vw - 42px));
  max-height:min(360px,62vh);
  transform-origin:18px 0;
}
.sskbds-v121 .sskbds-menu-buttons{
  position:relative;
  z-index:115;
}
.sskbds-v121 .sskbds-menu-btn.is-active{
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}
@media (max-width:720px){
  .sskbds-v121 .sskbds-hero-popover{
    left:0!important;
    right:0!important;
    top:calc(100% + 8px)!important;
    width:auto!important;
    max-height:360px;
  }
}

/* Cara Membaca Halaman Ini: default compact, expanded only when requested. */
.sskbds-v121 .sskbds-rhythm{
  position:relative;
}
.sskbds-v121 .sskbds-rhythm-head{
  display:grid;
  grid-template-columns:minmax(180px,.85fr) minmax(0,1fr) auto;
  gap:10px 18px;
  align-items:center;
  margin-bottom:12px;
}
.sskbds-v121 .sskbds-rhythm-head span{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:var(--ss-gold);
  font-weight:850;
}
.sskbds-v121 .sskbds-rhythm-head p{
  margin:0;
  color:var(--ss-soft);
  font-size:14px;
  line-height:1.45;
}
.sskbds-v121 .sskbds-rhythm-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.sskbds-v121 .sskbds-context-help{
  padding:8px 12px;
  font-size:11.5px;
  font-weight:800;
  white-space:nowrap;
}
.sskbds-v121 .sskbds-rhythm-toggle{
  border:1px solid var(--ss-border);
  border-radius:999px;
  background:var(--ss-card3);
  color:var(--ss-text);
  padding:9px 14px;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
.sskbds-v121 .sskbds-rhythm-toggle:hover{
  border-color:color-mix(in srgb,var(--ss-gold) 42%,var(--ss-border));
  background:color-mix(in srgb,var(--ss-gold) 13%,var(--ss-card3));
}
.sskbds-v121 .sskbds-rhythm.is-compact{
  padding:18px 20px;
}
.sskbds-v121 .sskbds-rhythm.is-compact .sskbds-rhythm-mode-panel{
  margin-bottom:0;
}
.sskbds-v121 .sskbds-rhythm-details{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--ss-border);
}
.sskbds-v121 .sskbds-rhythm.is-expanded .sskbds-rhythm-details{
  display:block;
}
.sskbds-v121 .sskbds-rhythm-details[hidden]{
  display:none!important;
}
.sskbds-v121 .sskbds-rhythm-mode-panel{
  grid-template-columns:minmax(0,1fr) auto;
}
.sskbds-v121 .sskbds-rhythm-mode-copy p{
  margin-bottom:0;
}
.sskbds-v121 .sskbds-reading-doors{
  margin-top:12px;
}
@media (max-width:760px){
  .sskbds-v121 .sskbds-rhythm-head{
    grid-template-columns:1fr;
  }
  .sskbds-v121 .sskbds-rhythm-head-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .sskbds-v121 .sskbds-rhythm-toggle{
    justify-self:start;
  }
  .sskbds-v121 .sskbds-rhythm-mode-panel{
    grid-template-columns:1fr;
  }
}

/* Kompas Sunyi: make it feel like a signature orientation panel, not a generic carousel. */
.sskbds-v121 .sskbds-compass{
  border-radius:34px;
  padding:24px 26px 26px;
  background:
    radial-gradient(circle at 9% 12%, color-mix(in srgb,var(--ss-gold) 14%,transparent), transparent 28%),
    radial-gradient(circle at 92% 88%, rgba(255,255,255,.16), transparent 30%),
    linear-gradient(135deg, color-mix(in srgb,var(--ss-card) 94%,var(--ss-gold) 6%), var(--ss-card2));
}
.sskbds-v121 .sskbds-compass:after{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  top:72px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--ss-border),color-mix(in srgb,var(--ss-gold) 34%,transparent),var(--ss-border),transparent);
  opacity:.72;
  pointer-events:none;
}
.sskbds-v121 .sskbds-compass-head{
  grid-template-columns:minmax(116px,.28fr) minmax(0,1fr);
  margin-bottom:18px;
}
.sskbds-v121 .sskbds-compass-head span{
  align-self:start;
}
.sskbds-v121 .sskbds-compass-head strong{
  font-size:clamp(20px,2.15vw,28px);
  letter-spacing:-.018em;
}
.sskbds-v121 .sskbds-compass-slide{
  position:relative;
  min-height:116px;
  border-radius:26px;
  border-color:color-mix(in srgb,var(--ss-border) 74%,var(--ss-gold) 26%);
  background:
    linear-gradient(90deg, color-mix(in srgb,var(--ss-gold) 10%,transparent), transparent 42%),
    color-mix(in srgb,var(--ss-card2) 86%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.sskbds-v121 .sskbds-compass-slide:before{
  content:"";
  position:absolute;
  left:22px;
  bottom:16px;
  width:64px;
  height:1px;
  background:color-mix(in srgb,var(--ss-gold) 55%,transparent);
  opacity:.75;
}
.sskbds-v121 .sskbds-compass-slide p{
  font-size:clamp(18px,2.05vw,28px);
  line-height:1.32;
  letter-spacing:-.018em;
  max-width:860px;
}
.sskbds-v121 .sskbds-compass-controls{
  margin-top:12px;
}
.sskbds-v121 .sskbds-compass-controls>button{
  width:36px;
  height:36px;
  opacity:.82;
}
.sskbds-v121 .sskbds-compass-dots button{
  width:7px;
  height:7px;
}
.sskbds-v121 .sskbds-compass-dots button.is-active{
  width:34px;
  background:linear-gradient(90deg,var(--ss-gold),color-mix(in srgb,var(--ss-gold) 36%,transparent));
}
.sskbds-v121[data-theme="dark"] .sskbds-compass,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass{
  background:
    radial-gradient(circle at 9% 12%, rgba(215,185,121,.16), transparent 30%),
    radial-gradient(circle at 94% 82%, rgba(235,243,238,.08), transparent 32%),
    linear-gradient(135deg, rgba(33,52,60,.94), rgba(13,27,35,.96));
}
.sskbds-v121[data-theme="dark"] .sskbds-compass-slide,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-slide{
  background:
    linear-gradient(90deg, rgba(215,185,121,.10), transparent 46%),
    rgba(255,255,255,.045);
  border-color:rgba(215,185,121,.24);
}
@media (max-width:720px){
  .sskbds-v121 .sskbds-compass{
    padding:20px;
    border-radius:28px;
  }
  .sskbds-v121 .sskbds-compass:after{
    top:64px;
    left:20px;
    right:20px;
  }
  .sskbds-v121 .sskbds-compass-head{
    grid-template-columns:1fr;
  }
  .sskbds-v121 .sskbds-compass-head p{
    grid-column:auto;
  }
  .sskbds-v121 .sskbds-compass-slide p{
    font-size:clamp(17px,5vw,22px);
  }
}



/* =========================================================
   KBDS V12.17 - Popover Popular Sync, Guide Header Polish,
   LocalStorage Compatibility
   CSS consolidation remains intentionally deferred.
========================================================= */

/* Button-based popovers, including popularity badge, must anchor to the trigger. */
.sskbds-v121 .sskbds-popular-popover{
  left:auto;
  right:auto;
  top:auto;
  width:min(380px,calc(100vw - 42px));
  max-height:min(360px,62vh);
  transform-origin:18px 0;
}
.sskbds-v121 .sskbds-popular-badge.is-active{
  color:var(--ss-text);
  background:color-mix(in srgb,var(--ss-gold) 17%,var(--ss-card2));
  border-color:color-mix(in srgb,var(--ss-gold) 62%,var(--ss-border));
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}
@media (max-width:720px){
  .sskbds-v121 .sskbds-popular-popover{
    left:0!important;
    right:0!important;
    top:calc(100% + 8px)!important;
    width:auto!important;
    max-height:360px;
  }
}

/* Cara Membaca: keep compact header compact. */
.sskbds-v121 .sskbds-rhythm-head{
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center;
  margin-bottom:12px;
}
.sskbds-v121 .sskbds-rhythm-title{
  min-width:0;
  display:grid;
  gap:4px;
}
.sskbds-v121 .sskbds-rhythm-title span{
  display:block;
}
.sskbds-v121 .sskbds-rhythm-title p{
  margin:0;
}
.sskbds-v121 .sskbds-rhythm-toggle{
  align-self:center;
  justify-self:end;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.sskbds-v121 .sskbds-rhythm-toggle::after{
  content:"▾";
  font-size:10px;
  opacity:.72;
  transform:translateY(-1px);
}
.sskbds-v121 .sskbds-rhythm.is-expanded .sskbds-rhythm-toggle::after{
  content:"▴";
}
.sskbds-v121 .sskbds-rhythm-mode-panel{
  align-items:center;
}
.sskbds-v121 .sskbds-rhythm.is-compact .sskbds-rhythm-mode-panel{
  margin-top:4px;
}
@media (max-width:760px){
  .sskbds-v121 .sskbds-rhythm-head{
    grid-template-columns:1fr !important;
  }
  .sskbds-v121 .sskbds-rhythm-toggle{
    justify-self:start;
    margin-top:4px;
  }
}



/* =========================================================
   KBDS V12.19 - Kompas Single + Visual Mapping Polish
   CSS consolidation is intentionally deferred.
========================================================= */
.sskbds-v121 .sskbds-compass.is-single .sskbds-compass-head{
  margin-bottom:14px;
}
.sskbds-v121 .sskbds-compass-single{
  position:relative;
  border:1px solid color-mix(in srgb,var(--ss-border-strong) 78%,var(--ss-gold) 22%);
  border-radius:26px;
  padding:24px 26px 26px;
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--ss-gold) 11%,transparent),transparent 48%),
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  box-shadow:0 18px 48px rgba(0,0,0,.08);
}
.sskbds-v121 .sskbds-compass-single::after{
  content:"";
  position:absolute;
  left:26px;
  bottom:18px;
  width:54px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--ss-gold),transparent);
  opacity:.72;
}
.sskbds-v121 .sskbds-compass-single p{
  max-width:880px;
  margin:16px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(22px,2.25vw,32px);
  line-height:1.38;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-rel-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.sskbds-v121 .sskbds-rel-intro > div{min-width:0;max-width:820px}
.sskbds-v121 .sskbds-visual-map-trigger{
  flex:0 0 auto;
  display:grid;
  gap:4px;
  min-width:230px;
  border:1px solid color-mix(in srgb,var(--ss-gold) 48%,var(--ss-border));
  border-radius:20px;
  padding:13px 16px;
  background:
    radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--ss-gold) 18%,transparent),transparent 54%),
    linear-gradient(145deg,color-mix(in srgb,var(--ss-card2) 84%,transparent),color-mix(in srgb,var(--ss-gold) 8%,transparent));
  color:var(--ss-text);
  text-align:left;
  box-shadow:0 18px 42px rgba(0,0,0,.08);
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.sskbds-v121 .sskbds-visual-map-trigger strong{
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-visual-map-trigger span{
  font-size:12.5px;
  line-height:1.45;
  color:var(--ss-soft);
}
.sskbds-v121 .sskbds-visual-map-trigger:hover{
  transform:translateY(-2px);
  border-color:var(--ss-gold);
  box-shadow:0 22px 58px rgba(0,0,0,.12);
}

.sskbds-v121[data-theme="dark"] .sskbds-compass-single,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-single{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
}
.sskbds-v121[data-theme="dark"] .sskbds-visual-map-trigger,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-visual-map-trigger{
  background:linear-gradient(145deg,rgba(214,185,121,.13),rgba(255,255,255,.055));
  border-color:rgba(214,185,121,.42);
}
@media (max-width:980px){
  .sskbds-v121 .sskbds-rel-intro{display:grid;gap:14px}
  .sskbds-v121 .sskbds-visual-map-trigger{width:100%;min-width:0}
}
@media (max-width:640px){
  .sskbds-v121 .sskbds-compass-single{padding:18px 18px 22px}
  .sskbds-v121 .sskbds-compass-single p{font-size:20px}
}



/* =========================================================
   KBDS V12.19 - Visual Mapping Polish and Hero Access
========================================================= */
.sskbds-v121 .sskbds-compass.is-single{
  padding:18px !important;
}
.sskbds-v121 .sskbds-compass.is-single .sskbds-compass-head{
  margin-bottom:10px !important;
}
.sskbds-v121 .sskbds-compass.is-single .sskbds-compass-head strong{
  font-size:clamp(18px,2.1vw,24px) !important;
}
.sskbds-v121 .sskbds-compass.is-single .sskbds-compass-head p{
  font-size:13px !important;
  line-height:1.48 !important;
}
.sskbds-v121 .sskbds-compass-single{
  min-height:0 !important;
  padding:14px 16px 16px !important;
  border-radius:20px !important;
}
.sskbds-v121 .sskbds-compass-single p{
  margin:8px 0 0 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(16px,1.6vw,21px) !important;
  line-height:1.46 !important;
  max-width:860px !important;
}
.sskbds-v121 .sskbds-hero-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:9px !important;
  max-width:100% !important;
}
.sskbds-v121 .sskbds-hero-actions .sskbds-btn,
.sskbds-v121 .sskbds-hero-actions .ss-kbds-btn{
  white-space:nowrap !important;
  min-width:0 !important;
}
.sskbds-v121 .sskbds-btn.is-map{
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(214,185,121,.14)) !important;
  color:var(--ss-text) !important;
  border-color:color-mix(in srgb,var(--ss-gold) 42%,var(--ss-border)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.10) !important;
}
.sskbds-v121 .sskbds-btn.is-map:hover{
  background:linear-gradient(135deg,rgba(214,185,121,.22),rgba(255,255,255,.14)) !important;
  border-color:var(--ss-gold) !important;
  color:var(--ss-text) !important;
}
.sskbds-v121 .sskbds-btn-icon{display:none;line-height:1;font-size:16px}
.sskbds-v121 .sskbds-rail-map-cta,
.sskbds-v121 .sskbds-mobile-map-cta{
  width:100%;
  border:1px solid color-mix(in srgb,var(--ss-gold) 44%,var(--ss-border));
  border-radius:16px;
  background:
    radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--ss-gold) 18%,transparent),transparent 52%),
    linear-gradient(145deg,color-mix(in srgb,var(--ss-card2) 90%,transparent),color-mix(in srgb,var(--ss-gold) 8%,transparent));
  color:var(--ss-text);
  text-align:left;
  cursor:pointer;
  display:grid;
  gap:3px;
}
.sskbds-v121 .sskbds-rail-map-cta{padding:11px 12px;margin:0 0 10px}
.sskbds-v121 .sskbds-mobile-map-cta{padding:13px 14px;margin:4px 0 12px}
.sskbds-v121 .sskbds-rail-map-cta strong,
.sskbds-v121 .sskbds-mobile-map-cta strong{
  color:var(--ss-text);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.sskbds-v121 .sskbds-rail-map-cta span,
.sskbds-v121 .sskbds-mobile-map-cta span{
  color:var(--ss-soft);
  font-size:11.5px;
  line-height:1.35;
}
.sskbds-v121 .sskbds-rail-map-cta:hover,
.sskbds-v121 .sskbds-mobile-map-cta:hover{
  border-color:var(--ss-gold);
  transform:translateY(-1px);
}

@media (max-width:760px){
  .sskbds-v121 .sskbds-hero-actions{gap:7px !important}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn,
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn{padding:10px 12px !important;min-height:40px !important}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn-text{font-size:12px}
  .sskbds-v121 .sskbds-hero-actions .is-print .sskbds-btn-text{display:none}
  .sskbds-v121 .sskbds-hero-actions .is-print .sskbds-btn-icon{display:inline}
}
@media (max-width:460px){
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn-text{display:none}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn-icon{display:inline}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn,
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn{width:42px !important;padding:0 !important;flex:0 0 42px}
}

@media (max-width:640px){
  .sskbds-v121 .sskbds-compass-single p{font-size:16px !important;line-height:1.5 !important}
}



/* =========================================================
   KBDS V12.20 - HERO CTA + VISUAL MAP COMPACT POLISH
========================================================= */
.sskbds-v121 .sskbds-hero-actions{
  gap:8px !important;
  align-items:center !important;
}
.sskbds-v121 .sskbds-hero-actions .sskbds-btn,
.sskbds-v121 .sskbds-hero-actions .ss-kbds-btn{
  min-height:44px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-family:inherit !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  font-weight:760 !important;
  white-space:nowrap !important;
}
.sskbds-v121 .sskbds-hero-actions .ss-kbds-btn{
  font-size:14px !important;
  font-weight:780 !important;
}
.sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-map{
  font-size:14px !important;
  font-weight:720 !important;
  padding-inline:17px !important;
}
.sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-print{
  font-size:14px !important;
  font-weight:680 !important;
  padding-inline:17px !important;
  min-width:auto !important;
}
@media (max-width:760px){
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn,
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn{
    min-height:40px !important;
    padding:0 12px !important;
    font-size:12.5px !important;
  }
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-map{padding-inline:12px !important}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-print{padding-inline:11px !important}
}
@media (max-width:520px){
  .sskbds-v121 .sskbds-hero-actions{gap:6px !important}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn,
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn{
    min-height:38px !important;
    padding:0 10px !important;
    font-size:11.5px !important;
  }
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn .sskbds-btn-text{font-size:0 !important}
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn .sskbds-btn-text::before{content:"Eksplorasi";font-size:11.5px}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-map .sskbds-btn-text{font-size:0 !important}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-map .sskbds-btn-text::before{content:"Map";font-size:11.5px}
}
@media (max-width:390px){
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn-text{display:none !important}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn-icon{display:inline !important}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn,
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn{
    width:40px !important;
    flex:0 0 40px !important;
    min-height:40px !important;
    padding:0 !important;
  }
}


/* =========================================================
   KBDS v12.21 EDITORIAL FILTER BLOCKS
========================================================= */
.sskbds-v121 .sskbds-editorial-filter{
  margin-top:18px;
}
.sskbds-v121 .sskbds-editorial-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}
.sskbds-v121 .sskbds-editorial-pills button{
  appearance:none;
  border:1px solid color-mix(in srgb,var(--ss-border-strong) 78%,transparent);
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.38));
  color:var(--ss-soft);
  border-radius:999px;
  padding:8px 13px;
  font-size:12px;
  font-weight:760;
  letter-spacing:.015em;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.sskbds-v121 .sskbds-editorial-pills button:hover{
  transform:translateY(-1px);
  border-color:rgba(199,168,105,.52);
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-editorial-pills button.is-active{
  background:linear-gradient(135deg,rgba(199,168,105,.22),rgba(255,255,255,.56));
  border-color:rgba(199,168,105,.62);
  color:var(--ss-text);
  box-shadow:0 10px 28px rgba(126,91,42,.08);
}
.sskbds-v121 .sskbds-editorial-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:14px;
  align-items:stretch;
}
.sskbds-v121 .sskbds-editorial-card{
  position:relative;
  min-width:0;
  padding:17px 18px;
  border:1px solid var(--ss-border);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42));
  box-shadow:0 16px 42px rgba(12,18,18,.045);
  overflow:hidden;
}
.sskbds-v121 .sskbds-editorial-card:before{
  content:"";
  position:absolute;
  inset:auto 16px 0 16px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(199,168,105,.38),transparent);
  opacity:.7;
}
.sskbds-v121 .sskbds-editorial-card.is-featured{
  grid-row:span 2;
  padding:24px 26px;
  border-color:rgba(199,168,105,.34);
  background:
    radial-gradient(circle at 0% 0%,rgba(199,168,105,.15),transparent 46%),
    linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.46));
  box-shadow:0 22px 58px rgba(12,18,18,.065);
}
.sskbds-v121 .sskbds-editorial-card.is-solo{
  grid-column:1 / -1;
  grid-row:auto;
}
.sskbds-v121 .sskbds-editorial-card[hidden]{display:none!important}
.sskbds-v121 .sskbds-editorial-card-head{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0 0 10px;
}
.sskbds-v121 .sskbds-editorial-card-head span{
  flex:0 0 auto;
  color:var(--ss-gold);
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.sskbds-v121 .sskbds-editorial-card h3{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(16px,1.18vw,20px);
  line-height:1.22;
  color:var(--ss-text);
}
.sskbds-v121 .sskbds-editorial-card.is-featured h3{
  font-size:clamp(19px,1.55vw,25px);
}
.sskbds-v121 .sskbds-editorial-body{
  color:var(--ss-soft);
  font-size:14px;
  line-height:1.68;
}
.sskbds-v121 .sskbds-editorial-body p{
  margin:0 0 9px;
}
.sskbds-v121 .sskbds-editorial-body p:last-child{margin-bottom:0}
.sskbds-v121 .sskbds-editorial-body .sskbds-list{
  margin:0;
  padding-left:18px;
}
.sskbds-v121 .sskbds-editorial-body .sskbds-list li{
  margin:0 0 8px;
  line-height:1.58;
}
.sskbds-v121 .sskbds-editorial-card.is-featured .sskbds-editorial-body{
  font-size:15px;
  line-height:1.72;
}
.sskbds-v121 .sskbds-meleset .sskbds-editorial-card{
  background:
    radial-gradient(circle at 100% 0%,rgba(126,91,42,.08),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.38));
}
.sskbds-v121 .sskbds-meleset .sskbds-editorial-card.is-featured{
  border-color:rgba(126,91,42,.24);
  background:
    radial-gradient(circle at 0% 0%,rgba(126,91,42,.13),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.42));
}
.sskbds-v121[data-theme="dark"] .sskbds-editorial-pills button,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-editorial-pills button{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18);
  color:rgba(226,233,231,.82);
}
.sskbds-v121[data-theme="dark"] .sskbds-editorial-pills button.is-active,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-editorial-pills button.is-active{
  background:linear-gradient(135deg,rgba(199,168,105,.22),rgba(255,255,255,.08));
  border-color:rgba(199,168,105,.52);
  color:rgba(255,255,255,.95);
}
.sskbds-v121[data-theme="dark"] .sskbds-editorial-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-editorial-card{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.045)) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-editorial-card.is-featured,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-editorial-card.is-featured{
  background:
    radial-gradient(circle at 0% 0%,rgba(199,168,105,.15),transparent 46%),
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.052)) !important;
  border-color:rgba(199,168,105,.30) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-editorial-card h3,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-editorial-card h3{
  color:rgba(255,255,255,.96) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-editorial-body,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-editorial-body{
  color:rgba(232,238,235,.84) !important;
}
@media (max-width: 900px){
  .sskbds-v121 .sskbds-editorial-grid{grid-template-columns:1fr}
  .sskbds-v121 .sskbds-editorial-card.is-featured{grid-row:auto}
}
@media (max-width: 560px){
  .sskbds-v121 .sskbds-editorial-card,
  .sskbds-v121 .sskbds-editorial-card.is-featured{padding:16px}
  .sskbds-v121 .sskbds-editorial-pills{gap:7px}
  .sskbds-v121 .sskbds-editorial-pills button{font-size:11px;padding:7px 10px}
}



/* =========================================================
   KBDS V12.44.x - Kompas Pulang CTA Bridge
========================================================= */
.sskbds-v121 .sskbds-btn.is-kompas-pulang{
  background:linear-gradient(135deg,rgba(180,142,83,.22),rgba(255,255,255,.13)) !important;
  color:var(--ss-text) !important;
  border:1px solid color-mix(in srgb,var(--ss-gold) 50%,var(--ss-border)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.10) !important;
}
.sskbds-v121 .sskbds-btn.is-kompas-pulang:hover,
.sskbds-v121 .sskbds-btn.is-kompas-pulang:focus-visible{
  background:linear-gradient(135deg,rgba(214,185,121,.28),rgba(255,255,255,.15)) !important;
  border-color:var(--ss-gold) !important;
  transform:translateY(-1px);
}
.sskbds-v121 .sskbds-rel-intro-actions{
  flex:0 0 auto;
  display:grid;
  gap:10px;
  min-width:230px;
}
.sskbds-v121 .sskbds-visual-map-trigger.is-kompas-pulang{
  border-color:color-mix(in srgb,var(--ss-gold) 54%,var(--ss-border));
  background:
    radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--ss-gold) 22%,transparent),transparent 54%),
    linear-gradient(145deg,color-mix(in srgb,var(--ss-card2) 84%,transparent),color-mix(in srgb,var(--ss-gold) 12%,transparent));
}
.sskbds-v121 .sskbds-rail-kompas-cta,
.sskbds-v121 .sskbds-mobile-kompas-cta{
  border-color:color-mix(in srgb,var(--ss-gold) 54%,var(--ss-border));
}
@media (max-width:860px){
  .sskbds-v121 .sskbds-rel-intro{
    align-items:stretch;
    flex-direction:column;
  }
  .sskbds-v121 .sskbds-rel-intro-actions{
    width:100%;
    min-width:0;
  }
}
@media (max-width:520px){
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-kompas-pulang .sskbds-btn-text{font-size:0 !important}
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-kompas-pulang .sskbds-btn-text::before{content:"Kompas";font-size:11.5px}
}
@media (max-width:390px){
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-kompas-pulang{
    width:40px !important;
    flex:0 0 40px !important;
    min-height:40px !important;
    padding:0 !important;
  }
}


/* =========================================================
   KBDS V12.22 - Equal editorial grid + count-aware relation grids
========================================================= */
.sskbds-v121 .sskbds-editorial-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
.sskbds-v121 .sskbds-editorial-grid.is-count-1{
  grid-template-columns:1fr !important;
}
.sskbds-v121 .sskbds-editorial-grid.is-count-2{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.sskbds-v121 .sskbds-editorial-card,
.sskbds-v121 .sskbds-editorial-card.is-featured,
.sskbds-v121 .sskbds-editorial-card.is-solo{
  grid-column:auto !important;
  grid-row:auto !important;
  min-height:0 !important;
  padding:17px 18px !important;
  border-color:var(--ss-border) !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(199,168,105,.07),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42)) !important;
  box-shadow:0 14px 36px rgba(12,18,18,.045) !important;
}
.sskbds-v121 .sskbds-editorial-card h3,
.sskbds-v121 .sskbds-editorial-card.is-featured h3{
  font-size:clamp(16px,1.08vw,19px) !important;
  line-height:1.25 !important;
}
.sskbds-v121 .sskbds-editorial-card.is-solo{
  grid-column:1 / -1 !important;
}
.sskbds-v121 .sskbds-editorial-card.is-solo .sskbds-editorial-body{
  max-width:920px;
}
.sskbds-v121 .sskbds-editorial-body,
.sskbds-v121 .sskbds-editorial-card.is-featured .sskbds-editorial-body{
  font-size:14px !important;
  line-height:1.66 !important;
}
.sskbds-v121 .sskbds-meleset .sskbds-editorial-card,
.sskbds-v121 .sskbds-meleset .sskbds-editorial-card.is-featured{
  background:
    radial-gradient(circle at 100% 0%,rgba(126,91,42,.075),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,255,255,.40)) !important;
  border-color:var(--ss-border) !important;
}
.sskbds-v121 .sskbds-rel-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)) !important;
}
.sskbds-v121 .sskbds-rel-grid.is-count-1{
  grid-template-columns:1fr !important;
}
.sskbds-v121 .sskbds-rel-grid.is-count-2{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.sskbds-v121 .sskbds-rel-grid.is-count-3,
.sskbds-v121 .sskbds-rel-grid.is-count-4,
.sskbds-v121 .sskbds-rel-grid.is-count-many{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)) !important;
}
.sskbds-v121 .sskbds-rel-zone.is-foundation .sskbds-rel-grid.is-count-2,
.sskbds-v121 .sskbds-rel-zone.is-foundation .sskbds-rel-grid.is-count-1{
  max-width:760px;
}
.sskbds-v121[data-theme="dark"] .sskbds-editorial-card,
.sskbds-v121[data-theme="dark"] .sskbds-editorial-card.is-featured,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-editorial-card,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-editorial-card.is-featured{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.045)) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:none !important;
}
@media (max-width: 760px){
  .sskbds-v121 .sskbds-editorial-grid,
  .sskbds-v121 .sskbds-editorial-grid.is-count-2,
  .sskbds-v121 .sskbds-rel-grid,
  .sskbds-v121 .sskbds-rel-grid.is-count-2{
    grid-template-columns:1fr !important;
  }
  .sskbds-v121 .sskbds-rel-zone.is-foundation .sskbds-rel-grid.is-count-2,
  .sskbds-v121 .sskbds-rel-zone.is-foundation .sskbds-rel-grid.is-count-1{
    max-width:none;
  }
}


/* =========================================================
   KBDS V12.26 - PERSONAL UTILITY MICRO BUTTONS
   Keep reset buttons subtle, not CTA-sized.
========================================================= */
.sskbds-v121 .sskbds-mini-head [data-reset-trail],
.sskbds-v121 .sskbds-mini-head [data-reset-favs]{
  min-height:28px !important;
  height:28px !important;
  min-width:auto !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:.01em !important;
  opacity:.86;
}
.sskbds-v121 .sskbds-mini-head [data-reset-trail]:hover,
.sskbds-v121 .sskbds-mini-head [data-reset-favs]:hover{
  opacity:1;
}

.sskbds-v121 .sskbds-print-head,
.sskbds-v121 .sskbds-print-foot{
  display:none;
}

@media print{
  html,body{
    background:#fff !important;
    color:#111 !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
  }
  body *{
    visibility:visible !important;
  }

  .sskbds-print-head,
  .sskbds-print-foot{
    display:block !important;
    visibility:visible !important;
    color:#111 !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  .sskbds-print-head{
    border-bottom:1px solid #ddd !important;
    margin:0 0 18px !important;
    padding:0 0 10px !important;
  }
  .sskbds-print-head strong{
    display:block !important;
    font-size:13pt !important;
    line-height:1.25 !important;
    margin:0 0 3px !important;
  }
  .sskbds-print-head span,
  .sskbds-print-head em{
    display:block !important;
    font-style:normal !important;
    font-size:8.5pt !important;
    line-height:1.35 !important;
    color:#555 !important;
  }
  .sskbds-print-foot{
    border-top:1px solid #ddd !important;
    margin:20px 0 0 !important;
    padding:8px 0 0 !important;
    font-size:8.5pt !important;
    line-height:1.35 !important;
    color:#555 !important;
  }
  .ss-kbds-wrap,
  .sskbds-v121,
  .sskbds-shell,
  .sskbds-card,
  .sskbds-hero,
  .sskbds-compass,
  .sskbds-rel-atlas,
  .sskbds-editorial-filter{
    display:block !important;
    visibility:visible !important;
    position:static !important;
    transform:none !important;
    opacity:1 !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:none !important;
    filter:none !important;
  }
  .sskbds-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .sskbds-eco-top,
  .sskbds-eco-bottom,
  .sskbds-utility,
  .sskbds-sticky,
  .sskbds-mobile-navigator,
  .sskbds-section-rail,
  .sskbds-hero-tools,
  .sskbds-hero-media,
  .sskbds-hero-nav,
  .sskbds-hero-actions,
  .sskbds-anchor,
  .sskbds-copy-quote,
  .sskbds-compass-controls,
  .sskbds-readmode,
  .sskbds-rhythm,
  .sskbds-visual-map-trigger,
  .sskbds-hero-popover,
  .sskbds-search-results,
  .sskbds-popular-popover,
  .sskbds-favorite,
  .sskbds-btn,
  .ss-kbds-btn,
  .sskbds-theme-toggle,
  .sskbds-searchbox,
  .sskbds-search-clear,
  .sskbds-editorial-pills,
  .sskbds-bottom-cta,
  .sskbds-personal,
  #sskbdsMobileNavigator,
  #ssKbdsSticky{
    display:none !important;
  }
  .sskbds-card,
  .sskbds-hero,
  .sskbds-compass{
    border:1px solid #ddd !important;
    border-radius:0 !important;
    padding:16px 0 !important;
    margin:0 0 18px !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .sskbds-card p,
  .sskbds-card li,
  .sskbds-mini,
  .sskbds-list,
  .sskbds-rel-note,
  .sskbds-editorial-body{
    color:#222 !important;
    font-size:11pt !important;
    line-height:1.45 !important;
  }
  .sskbds-title{
    color:#111 !important;
    font-size:28pt !important;
    line-height:1.08 !important;
  }
  .sskbds-section-head,
  .sskbds-section-title,
  .sskbds-section-head h2{
    display:block !important;
    color:#111 !important;
  }
  .sskbds-section-head h2{
    font-size:18pt !important;
    margin:0 0 8px !important;
  }
  .sskbds-compass-slide,
  .sskbds-compass-single{
    display:block !important;
    border:0 !important;
    padding:0 !important;
    background:#fff !important;
  }
  .sskbds-compass-slide:not(.is-active){
    display:block !important;
  }
  .sskbds-rel-grid,
  .sskbds-axis-grid,
  .sskbds-note-grid,
  .sskbds-editorial-grid,
  .sskbds-pull-grid,
  .sskbds-route-grid{
    display:block !important;
  }
  .sskbds-rel-card,
  .sskbds-editorial-card,
  .sskbds-axis-panel,
  .sskbds-route-card{
    display:block !important;
    border:1px solid #ddd !important;
    background:#fff !important;
    color:#111 !important;
    padding:10px 0 !important;
    margin:0 0 10px !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .sskbds-section-head,
  .sskbds-section-title,
  .sskbds-lens-feature,
  .sskbds-lens-card,
  .sskbds-compass-single,
  .sskbds-compass-slide,
  .sskbds-extended-pullquote,
  .sskbds-editorial-card,
  .sskbds-rel-group{
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .sskbds-extended,
  .sskbds-extended p,
  .sskbds-core p{
    break-inside:auto;
    page-break-inside:auto;
  }
  .sskbds-section-head{
    break-after:avoid;
    page-break-after:avoid;
  }

  /* V12.26 print quote normalization: prevent floating/premium cards from overlapping printed content. */
  .sskbds-extended-pullquote,
  .sskbds-extended-pullquote.is-right,
  .sskbds-lens-feature,
  .sskbds-lens-closing{
    display:block !important;
    position:static !important;
    float:none !important;
    clear:both !important;
    width:auto !important;
    max-width:none !important;
    min-height:0 !important;
    transform:none !important;
    opacity:1 !important;
    overflow:visible !important;
    box-shadow:none !important;
    filter:none !important;
    background:#fff !important;
    color:#111 !important;
    border:1px solid #d7d7d7 !important;
    border-left:3px solid #777 !important;
    border-radius:0 !important;
    margin:12pt 0 !important;
    padding:9pt 11pt !important;
    break-inside:auto !important;
    page-break-inside:auto !important;
  }
  .sskbds-extended-pullquote:before,
  .sskbds-extended-pullquote:after,
  .sskbds-lens-feature:before,
  .sskbds-lens-feature:after,
  .sskbds-lens-closing:before,
  .sskbds-lens-closing:after{
    content:none !important;
    display:none !important;
  }
  .sskbds-extended-pullquote .sskbds-copy-row,
  .sskbds-lens-feature .sskbds-copy-row,
  .sskbds-lens-closing .sskbds-copy-row{
    display:block !important;
    margin:0 0 5pt !important;
    padding:0 !important;
    color:#555 !important;
  }
  .sskbds-extended-pullquote .sskbds-copy-row span,
  .sskbds-lens-feature .sskbds-copy-row span,
  .sskbds-lens-closing .sskbds-copy-row span{
    display:block !important;
    font-size:7.8pt !important;
    line-height:1.25 !important;
    letter-spacing:.12em !important;
    color:#555 !important;
  }
  .sskbds-extended-pullquote strong,
  .sskbds-lens-feature strong,
  .sskbds-lens-closing p{
    display:block !important;
    color:#111 !important;
    font-size:11.2pt !important;
    line-height:1.45 !important;
    margin:0 !important;
    padding:0 !important;
    letter-spacing:0 !important;
  }
  .sskbds-lens-card{
    position:static !important;
    transform:none !important;
    box-shadow:none !important;
  }

}


/* =========================================================
   KBDS V12.27 - UNLIMITED KOMPAS CAROUSEL CONTROLS
   Keep all orientation quotes while preserving dot layout.
========================================================= */
.sskbds-v121 .sskbds-compass-dots{
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
  max-width:100%;
  padding:2px 4px;
}
.sskbds-v121 .sskbds-compass-dots button{
  flex:0 0 auto;
}
.sskbds-v121 .sskbds-compass-dots button.is-active{
  max-width:34px;
}
@media (max-width:680px){
  .sskbds-v121 .sskbds-compass-controls{
    align-items:flex-start;
  }
  .sskbds-v121 .sskbds-compass-dots{
    justify-content:flex-start;
    max-height:54px;
    overflow:auto;
    scrollbar-width:thin;
  }
}
@media print{
  .sskbds-v121 .sskbds-compass-dots{
    display:none !important;
  }
}


/* =========================================================
   KBDS v12.28 - Route Count-Aware Layout Patch
========================================================= */
.sskbds-route-grid.is-count-1{
  grid-template-columns:minmax(0, min(520px, 100%)) !important;
  justify-content:start;
}
.sskbds-route-grid.is-count-2{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  max-width:760px;
}
.sskbds-route-grid.is-count-3{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width:900px){
  .sskbds-route-grid.is-count-1,
  .sskbds-route-grid.is-count-2,
  .sskbds-route-grid.is-count-3{
    grid-template-columns:1fr !important;
    max-width:none;
  }
}


/* =========================================================
   KBDS V12.30 - Mobile Popup + Compass Hardening
========================================================= */
.sskbds-v121 .ss-kbds-open-popup .sskbds-btn-text,
.sskbds-v121 .ss-kbds-open-popup .sskbds-btn-icon{
  pointer-events:none !important;
}
.sskbds-v121 .sskbds-hero-actions .ss-kbds-btn.ss-kbds-open-popup{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.sskbds-v121 .sskbds-compass-slide .sskbds-copy-row > span,
.sskbds-v121 .sskbds-compass-single .sskbds-copy-row > span{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  max-width:calc(100% - 58px) !important;
}
@media (max-width:760px){
  .sskbds-v121 .sskbds-hero-actions{
    gap:7px !important;
    flex-wrap:nowrap !important;
  }
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn.ss-kbds-open-popup{
    min-height:40px !important;
    padding:10px 13px !important;
    font-size:12px !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
  }
}
@media (max-width:420px){
  .sskbds-v121 .sskbds-hero-actions .ss-kbds-btn.ss-kbds-open-popup{
    max-width:118px !important;
  }
}

/* =========================================================
   KBDS V12.43 - HERO PARAMETER MAP
   Manual patch safe layer.
========================================================= */
.sskbds-v121 .sskbds-hero-media.has-parameter-map{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:360px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.sskbds-v121 .sskbds-hero-param-map{
  position:relative;
  width:min(370px,100%);
  padding:20px;
  border-radius:28px;
  border:1px solid color-mix(in srgb,var(--ss-border-strong) 72%,transparent);
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb,var(--ss-gold) 18%,transparent), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(255,255,255,.48), transparent 48%),
    linear-gradient(145deg, color-mix(in srgb,var(--ss-card) 94%,transparent), color-mix(in srgb,var(--ss-card2) 90%,transparent));
  box-shadow:
    0 24px 70px rgba(44,38,30,.10),
    inset 0 0 0 1px rgba(255,255,255,.42);
  isolation:isolate;
}

.sskbds-v121 .sskbds-hero-param-map::before{
  content:"";
  position:absolute;
  inset:13px;
  border-radius:22px;
  border:1px solid rgba(168,132,68,.14);
  pointer-events:none;
  z-index:-1;
}

.sskbds-v121 .sskbds-hero-param-map::after{
  content:"P";
  position:absolute;
  right:20px;
  bottom:3px;
  font-family:Georgia,serif;
  font-size:96px;
  line-height:1;
  font-weight:700;
  color:rgba(42,45,50,.055);
  pointer-events:none;
  z-index:-1;
}

.sskbds-v121 .sskbds-hero-param-head{
  display:grid;
  gap:4px;
  margin:0 0 15px;
}

.sskbds-v121 .sskbds-hero-param-head span{
  color:var(--ss-gold);
  font-size:10.5px;
  line-height:1;
  font-weight:820;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.sskbds-v121 .sskbds-hero-param-head strong{
  color:var(--ss-text);
  font-size:18px;
  line-height:1.16;
  font-weight:820;
  letter-spacing:-.01em;
}

.sskbds-v121 .sskbds-hero-param-head p{
  margin:0;
  color:var(--ss-soft);
  font-size:12.5px;
  line-height:1.45;
}

.sskbds-v121 .sskbds-hero-param-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}

.sskbds-v121 .sskbds-hero-param-item{
  min-width:0;
  padding:10px 11px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--ss-border) 82%,transparent);
  background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.18));
}

.sskbds-v121 .sskbds-hero-param-top,
.sskbds-v121 .sskbds-hero-param-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}

.sskbds-v121 .sskbds-hero-param-top{
  margin:0 0 7px;
}

.sskbds-v121 .sskbds-hero-param-top span{
  color:var(--ss-text);
  font-size:12px;
  font-weight:820;
  line-height:1.1;
}

.sskbds-v121 .sskbds-hero-param-top em{
  color:var(--ss-soft);
  font-size:10.5px;
  line-height:1;
  font-style:normal;
  font-weight:760;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
}

.sskbds-v121 .sskbds-hero-param-bottom small{
  color:var(--ss-muted);
  font-size:10.5px;
  line-height:1.2;
  text-align:right;
}

.sskbds-v121 .sskbds-hero-param-bars{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
}

.sskbds-v121 .sskbds-hero-param-bars span{
  display:block;
  width:17px;
  height:5px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ss-border) 82%,transparent);
}

.sskbds-v121 .sskbds-hero-param-bars span.is-on{
  background:linear-gradient(90deg,var(--ss-gold),color-mix(in srgb,var(--ss-gold) 54%,var(--ss-text)));
  box-shadow:0 0 0 1px rgba(255,255,255,.32) inset;
}

.sskbds-v121 .sskbds-hero-param-map-btn{
  appearance:none;
  width:100%;
  min-height:40px;
  margin:14px 0 0;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--ss-gold) 52%,var(--ss-border));
  background:linear-gradient(135deg,color-mix(in srgb,var(--ss-gold) 22%,transparent),rgba(255,255,255,.42));
  color:var(--ss-text);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:inherit;
  font-size:12.5px;
  line-height:1;
  font-weight:820;
  letter-spacing:.02em;
}

.sskbds-v121 .sskbds-hero-param-map-btn em{
  font-style:normal;
  color:var(--ss-gold);
}

.sskbds-v121 .sskbds-hero-param-map-btn:hover{
  transform:translateY(-1px);
  border-color:var(--ss-gold);
}

.sskbds-v121[data-theme="dark"] .sskbds-hero-param-map,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-hero-param-map{
  background:
    radial-gradient(circle at 18% 0%, rgba(199,168,105,.18), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(255,255,255,.08), transparent 48%),
    linear-gradient(145deg, rgba(22,27,35,.94), rgba(15,19,27,.94));
  border-color:rgba(255,255,255,.13);
  box-shadow:
    0 24px 70px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.05);
}

.sskbds-v121[data-theme="dark"] .sskbds-hero-param-item,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-hero-param-item{
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.10);
}

.sskbds-v121[data-theme="dark"] .sskbds-hero-param-map::after,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-hero-param-map::after{
  color:rgba(255,255,255,.045);
}

@media (max-width:980px){
  .sskbds-v121 .sskbds-hero-media.has-parameter-map{
    min-height:auto !important;
    margin-top:18px;
  }

  .sskbds-v121 .sskbds-hero-param-map{
    width:100%;
  }

  .sskbds-v121 .sskbds-hero-param-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px){
  .sskbds-v121 .sskbds-hero-param-map{
    padding:16px;
    border-radius:24px;
  }

  .sskbds-v121 .sskbds-hero-param-grid{
    grid-template-columns:1fr;
    gap:8px;
  }

  .sskbds-v121 .sskbds-hero-param-map::after{
    font-size:78px;
  }

  .sskbds-v121 .sskbds-hero-param-bottom{
    align-items:flex-start;
  }

  .sskbds-v121 .sskbds-hero-param-bottom small{
    font-size:10px;
  }

  .sskbds-v121 .sskbds-hero-param-bars span{
    width:15px;
  }
}


/* ------------------------------------------------------
   v1.2.22 — Native Details Safety Hotfix
   - Reader Panel is preset-only.
   - Legacy Dalam/Ringkas mode is replaced by Reader Panel shortcuts.
------------------------------------------------------ */
.sskbds-v121 .sskbds-reader-control.is-preset-lock .sskbds-reader-toggle-groups {
  display: none !important;
}

.sskbds-v121 .sskbds-reader-preset-note {
  display: grid !important;
  gap: 4px !important;
  margin-top: 12px !important;
  padding: 12px 13px !important;
  border: 1px dashed var(--ss-border) !important;
  border-radius: 16px !important;
  background: rgba(200, 169, 107, .07) !important;
  color: var(--ss-soft) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.sskbds-v121 .sskbds-reader-preset-note strong {
  color: var(--ss-text) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.sskbds-v121 .sskbds-reader-quick-presets {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.sskbds-v121 .sskbds-reader-quick-presets button {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 118px !important;
  padding: 9px 13px !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: var(--ss-card) !important;
  color: var(--ss-text) !important;
  cursor: pointer !important;
  text-align: center !important;
  line-height: 1.05 !important;
  box-shadow: none !important;
}

.sskbds-v121 .sskbds-reader-quick-presets button:hover,
.sskbds-v121 .sskbds-reader-quick-presets button:focus-visible,
.sskbds-v121 .sskbds-reader-quick-presets button.is-active {
  border-color: var(--ss-border-strong) !important;
  background: linear-gradient(135deg, var(--ss-gold2), var(--ss-card2)) !important;
  outline: none !important;
}

.sskbds-v121 .sskbds-reader-quick-presets button strong {
  display: block !important;
  color: var(--ss-text) !important;
  font-size: 11.5px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.sskbds-v121 .sskbds-reader-quick-presets button small {
  display: block !important;
  margin-top: 3px !important;
  color: var(--ss-soft) !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 760 !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-reader-preset-note,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-preset-note,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-preset-note {
  background: rgba(200, 169, 107, .09) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-reader-quick-presets button,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-quick-presets button,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-quick-presets button {
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-reader-quick-presets button:hover,
.sskbds-v121[data-theme="dark"] .sskbds-reader-quick-presets button:focus-visible,
.sskbds-v121[data-theme="dark"] .sskbds-reader-quick-presets button.is-active,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-quick-presets button:hover,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-quick-presets button:focus-visible,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-quick-presets button.is-active,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-quick-presets button:hover,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-quick-presets button:focus-visible,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-quick-presets button.is-active {
  background: linear-gradient(135deg, rgba(200, 169, 107, .18), rgba(255, 255, 255, .07)) !important;
  border-color: rgba(200, 169, 107, .34) !important;
}

@media (max-width: 720px) {
  .sskbds-v121 .sskbds-reader-quick-presets {
    justify-content: stretch !important;
  }

  .sskbds-v121 .sskbds-reader-quick-presets button {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 0 !important;
  }
}


/* ------------------------------------------------------
   v1.2.22 — Native Details Safety Hotfix
   - Drawer and page Reader Panel use the same preset-only source.
   - Legacy Custom toggle groups stay hidden.
------------------------------------------------------ */
.sskbds-v121 .sskbds-reader-control.is-preset-lock .sskbds-reader-toggle-groups,
.sskbds-v121 .sskbds-reader-toggle-groups {
  display: none !important;
}

/* ------------------------------------------------------
   v1.2.22 — Native Details Safety Hotfix
   - Hero Only hides the large Mode Term / Pilih Ruang Baca block.
   - Reader Panel page gateway gets primary/secondary preset layout.
   - Preset-only drawer remains the single source of truth.
------------------------------------------------------ */
.sskbds-v121 .sskbds-reader-preset-stack {
  display: grid !important;
  gap: 9px !important;
  min-width: min(640px, 100%) !important;
}

.sskbds-v121 .sskbds-reader-quick-presets.is-main {
  justify-content: flex-end !important;
}

.sskbds-v121 .sskbds-reader-quick-presets.is-main button {
  min-width: 158px !important;
  min-height: 46px !important;
  border-color: var(--ss-border-strong) !important;
}

.sskbds-v121 .sskbds-reader-quick-presets.is-secondary button {
  min-width: 122px !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
}

.sskbds-v121 .sskbds-reader-quick-presets.is-secondary button strong {
  font-size: 11px !important;
}

.sskbds-v121 .sskbds-reader-quick-presets.is-secondary button small {
  font-size: 9.5px !important;
}

.sskbds-v121[data-kbds-reader-preset="hero"] .sskbds-term-tabs.sskbds-reader-hidden,
.sskbds-v121[data-kbds-reader-preset="kompas"] .sskbds-term-tabs.sskbds-reader-hidden,
.sskbds-v121[data-kbds-reader-preset="hero"] [data-kbds-term-tabs].sskbds-reader-hidden,
.sskbds-v121[data-kbds-reader-preset="kompas"] [data-kbds-term-tabs].sskbds-reader-hidden {
  display: none !important;
}

@media (max-width: 980px) {
  .sskbds-v121 .sskbds-reader-preset-stack {
    min-width: 0 !important;
  }

  .sskbds-v121 .sskbds-reader-quick-presets.is-main,
  .sskbds-v121 .sskbds-reader-quick-presets.is-secondary {
    justify-content: stretch !important;
  }

  .sskbds-v121 .sskbds-reader-quick-presets.is-main button,
  .sskbds-v121 .sskbds-reader-quick-presets.is-secondary button {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 0 !important;
  }
}



/* =========================================================
   KBDS Page Term v1.2.23
   Adaptive SS Extended Editorial Rhythm
========================================================= */
.sskbds-v121 .sskbds-extended-rhythm{
  display:block;
}
.sskbds-v121 .sskbds-extended-rhythm > p{
  position:relative;
}

/* Feature pullquote: preserve the proven premium card, but only on eligible text. */
.sskbds-v121 .sskbds-extended-pullquote.is-feature{
  max-width:720px !important;
  margin:34px 0 !important;
  padding:clamp(18px,2.4vw,26px) !important;
  border-radius:22px !important;
  border:1px solid rgba(199,168,105,.34) !important;
  background:
    radial-gradient(circle at 0% 0%,rgba(199,168,105,.16),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.42)) !important;
  box-shadow:0 22px 58px rgba(12,18,18,.06) !important;
}
.sskbds-v121 .sskbds-extended-pullquote.is-feature strong{
  font-size:clamp(1.05rem,1.45vw,1.28rem) !important;
  line-height:1.62 !important;
}

/* Clarity pullquote: a lighter second pause for very long readings. */
.sskbds-v121 .sskbds-extended-pullquote.is-clarity{
  max-width:680px !important;
  margin:34px 0 34px auto !important;
  padding:8px 22px 10px 24px !important;
  border:0 !important;
  border-left:2px solid rgba(199,168,105,.55) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.sskbds-v121 .sskbds-extended-pullquote.is-clarity:after{
  content:none !important;
}
.sskbds-v121 .sskbds-extended-pullquote.is-clarity .sskbds-copy-row{
  margin-bottom:6px !important;
}
.sskbds-v121 .sskbds-extended-pullquote.is-clarity strong{
  font-size:clamp(1rem,1.25vw,1.17rem) !important;
  line-height:1.68 !important;
  font-weight:650 !important;
}

/* Minimal Inti Bacaan: a breath, not another card. */
.sskbds-v121 .sskbds-reading-essence{
  width:min(92%,840px);
  margin:36px auto;
  padding:15px 4px 16px;
  border-top:1px solid color-mix(in srgb,var(--ss-gold) 42%,var(--ss-border));
  border-bottom:1px solid color-mix(in srgb,var(--ss-gold) 30%,var(--ss-border));
  background:transparent;
  text-align:left;
}
.sskbds-v121 .sskbds-reading-essence > span{
  display:block;
  margin:0 0 7px;
  color:var(--ss-gold);
  font-size:10px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.sskbds-v121 .sskbds-reading-essence > strong{
  display:block;
  margin:0;
  color:var(--ss-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(.98rem,1.2vw,1.13rem);
  line-height:1.64;
  font-weight:600;
  letter-spacing:.002em;
}
.sskbds-v121 .sskbds-reading-essence.is-secondary{
  width:min(86%,760px);
  margin-left:0;
  padding-left:16px;
  border-top-color:color-mix(in srgb,var(--ss-gold) 24%,var(--ss-border));
  border-bottom-color:color-mix(in srgb,var(--ss-gold) 24%,var(--ss-border));
}
.sskbds-v121 .sskbds-reading-essence.is-secondary > strong{
  font-size:clamp(.96rem,1.08vw,1.08rem);
  font-weight:560;
}

/* Dark mode */
.sskbds-v121[data-theme="dark"] .sskbds-extended-pullquote.is-feature,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-extended-pullquote.is-feature,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-extended-pullquote.is-feature{
  background:
    radial-gradient(circle at 0% 0%,rgba(215,185,121,.18),transparent 46%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045)) !important;
  border-color:rgba(215,185,121,.28) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.32) !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-extended-pullquote.is-clarity,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-extended-pullquote.is-clarity,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-extended-pullquote.is-clarity{
  border-left-color:rgba(215,185,121,.5) !important;
  background:transparent !important;
}
.sskbds-v121[data-theme="dark"] .sskbds-reading-essence > strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reading-essence > strong,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reading-essence > strong{
  color:rgba(248,250,247,.94);
}

/* Tablet and mobile: all pauses return to the reading column. */
@media (max-width:780px){
  .sskbds-v121 .sskbds-extended-pullquote.is-feature,
  .sskbds-v121 .sskbds-extended-pullquote.is-clarity{
    width:auto !important;
    max-width:none !important;
    margin:28px 0 !important;
  }
  .sskbds-v121 .sskbds-extended-pullquote.is-clarity{
    padding:7px 14px 8px 18px !important;
  }
  .sskbds-v121 .sskbds-reading-essence,
  .sskbds-v121 .sskbds-reading-essence.is-secondary{
    width:auto;
    margin:28px 0;
    padding:13px 2px 14px;
  }
}

/* Print: keep pauses readable and non-floating. */
@media print{
  .sskbds-v121 .sskbds-reading-essence{
    display:block !important;
    position:static !important;
    float:none !important;
    width:auto !important;
    max-width:none !important;
    margin:12pt 0 !important;
    padding:8pt 0 !important;
    border-top:1px solid #aaa !important;
    border-bottom:1px solid #aaa !important;
    break-inside:avoid !important;
    page-break-inside:avoid !important;
  }
  .sskbds-v121 .sskbds-reading-essence > span{
    color:#555 !important;
    font-size:7.8pt !important;
  }
  .sskbds-v121 .sskbds-reading-essence > strong{
    color:#111 !important;
    font-size:10.8pt !important;
    line-height:1.45 !important;
  }
}



/* =========================================================
   KBDS Page Term v1.2.25
   Very-Long SS Extended Single-Stage Expansion
========================================================= */
.sskbds-v121 .sskbds-extended-expander{
  display:none;
}
.sskbds-v121 .sskbds-extended-more{
  display:block;
}
.sskbds-v121 .sskbds-extended-collapse{
  display:none;
}

/* Progressive enhancement: collapse only after JS marks the root ready. */
.sskbds-v121.is-kbds-extended-js .sskbds-extended-expander{
  display:flex;
  align-items:center;
  gap:14px;
  margin:34px 0 30px;
  padding:16px 0;
  border-top:1px solid color-mix(in srgb,var(--ss-gold) 34%,var(--ss-border));
  border-bottom:1px solid color-mix(in srgb,var(--ss-gold) 24%,var(--ss-border));
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-toggle{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--ss-text);
  padding:0;
  margin:0;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-toggle-label{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1rem,1.2vw,1.13rem);
  line-height:1.35;
  font-weight:700;
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-toggle small{
  color:var(--ss-muted);
  font-size:12px;
  line-height:1.35;
  font-weight:600;
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-skip{
  margin-left:auto;
  color:var(--ss-muted);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-skip:hover{
  color:var(--ss-gold);
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-more[hidden]{
  display:none !important;
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-collapse{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:26px 0 10px;
  padding:10px 16px;
  border:1px solid var(--ss-border);
  border-radius:999px;
  background:transparent;
  color:var(--ss-muted);
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-collapse:hover{
  color:var(--ss-text);
  border-color:color-mix(in srgb,var(--ss-gold) 44%,var(--ss-border));
}
.sskbds-v121.is-kbds-extended-js .sskbds-extended-collapse[hidden]{
  display:none !important;
}

@media (max-width:780px){
  .sskbds-v121.is-kbds-extended-js .sskbds-extended-expander{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    margin:28px 0 26px;
  }
  .sskbds-v121.is-kbds-extended-js .sskbds-extended-skip{
    margin-left:0;
  }
}

@media print{
  .sskbds-v121 .sskbds-extended-expander,
  .sskbds-v121 .sskbds-extended-collapse{
    display:none !important;
  }
  .sskbds-v121 .sskbds-extended-more,
  .sskbds-v121 .sskbds-extended-more[hidden]{
    display:block !important;
  }
}



/* =========================================================
   KBDS Page Term v1.2.25.2
   Bidirectional Toggle State Polish
========================================================= */
.sskbds-v121.is-kbds-extended-js
.sskbds-extended-rhythm.is-expanded
.sskbds-extended-expander{
  display:flex;
}
.sskbds-v121.is-kbds-extended-js
.sskbds-extended-rhythm.is-expanded
.sskbds-extended-toggle-label{
  color:var(--ss-gold);
}



/* =========================================================
   KBDS Page Term v1.2.26.3
   Consolidated Compass Fullscreen System
========================================================= */

/* Inline Kompas */
.sskbds-v121 .sskbds-compass{position:relative}
.sskbds-v121 .sskbds-compass-head strong{max-width:760px}
.sskbds-v121 .sskbds-compass-slide{
  cursor:pointer;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease
}
.sskbds-v121 .sskbds-compass-slide:hover,
.sskbds-v121 .sskbds-compass-slide:focus-visible{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--ss-gold) 48%,var(--ss-border));
  box-shadow:0 22px 55px rgba(16,22,21,.10);
  outline:none
}
.sskbds-v121 .sskbds-compass-slide-foot{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:18px;padding-top:13px;
  border-top:1px solid color-mix(in srgb,var(--ss-border) 82%,transparent)
}
.sskbds-v121 .sskbds-compass-slide-foot>span{
  color:var(--ss-muted);font-size:11px;font-weight:750;
  letter-spacing:.08em;text-transform:uppercase
}
.sskbds-v121 .sskbds-compass-slide-foot>button{
  appearance:none;border:0;background:transparent;color:var(--ss-gold);
  font-size:12px;font-weight:800;cursor:pointer
}
.sskbds-v121 .sskbds-compass-open{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-top:16px;padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--ss-gold) 34%,var(--ss-border));
  border-radius:18px;background:color-mix(in srgb,var(--ss-card3) 78%,transparent);
  color:var(--ss-text);cursor:pointer;text-align:left
}
.sskbds-v121 .sskbds-compass-open span{color:var(--ss-muted);font-size:12px;font-weight:650}
.sskbds-v121 .sskbds-compass-open strong{color:var(--ss-gold);font-size:12px;font-weight:850}
.sskbds-v121 .sskbds-compass-open:hover,
.sskbds-v121 .sskbds-compass-open:focus-visible{
  border-color:color-mix(in srgb,var(--ss-gold) 60%,var(--ss-border));outline:none
}

/* Fullscreen shell */
html.is-compass-focus-open{overflow:hidden}
.sskbds-v121 .sskbds-compass-focus{
  position:fixed;inset:0;z-index:2147482600;display:grid;place-items:stretch;isolation:isolate
}
.sskbds-v121 .sskbds-compass-focus[hidden]{display:none!important}
.sskbds-v121 .sskbds-compass-focus-backdrop{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 18% 12%,rgba(199,168,105,.16),transparent 36%),
    radial-gradient(circle at 82% 88%,rgba(61,116,105,.14),transparent 38%),
    rgba(246,244,237,.97);
  backdrop-filter:blur(18px)
}
.sskbds-v121 .sskbds-compass-focus-shell{
  position:relative;z-index:1;min-height:100dvh;height:100dvh;
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  padding:max(22px,env(safe-area-inset-top))
          max(28px,env(safe-area-inset-right))
          max(22px,env(safe-area-inset-bottom))
          max(28px,env(safe-area-inset-left));
  overflow:hidden
}
.sskbds-v121 .sskbds-compass-focus-shell:before{
  content:"";position:absolute;width:min(72vw,920px);aspect-ratio:1;
  border:1px solid rgba(199,168,105,.18);border-radius:50%;
  top:50%;left:50%;transform:translate(-50%,-50%);
  box-shadow:0 0 0 90px rgba(199,168,105,.035),0 0 0 190px rgba(199,168,105,.02);
  pointer-events:none
}

/* Header */
.sskbds-v121 .sskbds-compass-focus-head{
  position:relative;z-index:3;display:flex;align-items:flex-start;
  justify-content:space-between;gap:24px
}
.sskbds-v121 .sskbds-compass-focus-head>div:first-child{
  display:flex;flex-direction:column;gap:5px;min-width:0
}
.sskbds-v121 .sskbds-compass-focus-head span{
  color:#9a7a3d;font-size:11px;font-weight:850;letter-spacing:.22em;text-transform:uppercase
}
.sskbds-v121 .sskbds-compass-focus-head strong{
  color:#1c2624;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.2
}
.sskbds-v121 .sskbds-compass-focus-counter{
  display:flex;align-items:baseline;gap:7px;margin-left:auto;
  color:#1c2624;font-family:Georgia,"Times New Roman",serif
}
.sskbds-v121 .sskbds-compass-focus-counter span:first-child{
  color:#9a7a3d;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:0
}
.sskbds-v121 .sskbds-compass-focus-counter em{color:#8b918d;font-style:normal}
.sskbds-v121 .sskbds-compass-focus-close{
  width:44px;height:44px;display:grid;place-items:center;
  border:1px solid rgba(28,38,36,.14);border-radius:50%;
  background:rgba(255,255,255,.42);color:#1c2624;
  font-size:27px;line-height:1;cursor:pointer
}

/* Stage and side navigation */
.sskbds-v121 .sskbds-compass-focus-stage-wrap{
  position:relative;z-index:2;min-height:0;height:100%;
  display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center
}
.sskbds-v121 .sskbds-compass-focus-stage{
  position:relative;min-width:0;min-height:0;height:100%;
  display:grid;place-items:center;overflow:hidden
}
.sskbds-v121 .sskbds-compass-side-nav{
  appearance:none;width:58px;height:96px;display:grid;place-items:center;
  border:1px solid rgba(28,38,36,.12);border-radius:999px;
  background:rgba(255,255,255,.28);color:#26312e;
  font-family:Georgia,"Times New Roman",serif;font-size:52px;line-height:1;
  cursor:pointer;opacity:.58;
  transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background .2s ease
}
.sskbds-v121 .sskbds-compass-side-nav:hover,
.sskbds-v121 .sskbds-compass-side-nav:focus-visible{
  opacity:1;transform:scale(1.04);border-color:rgba(163,129,66,.42);
  background:rgba(255,255,255,.52);outline:none
}
.sskbds-v121 .sskbds-compass-side-nav.is-prev{justify-self:start}
.sskbds-v121 .sskbds-compass-side-nav.is-next{justify-self:end}

/* Slide composition */
.sskbds-v121 .sskbds-compass-focus-slide{
  grid-area:1/1;width:100%;max-width:1040px;height:100%;min-width:0;min-height:0;
  display:flex;align-items:center;justify-content:center;
  padding:10px clamp(18px,3vw,48px);
  opacity:0;visibility:hidden;transform:translateX(38px) scale(.985);
  transition:opacity .34s ease,transform .42s cubic-bezier(.22,.8,.22,1),visibility 0s linear .42s;
  text-align:center;overflow:hidden
}
.sskbds-v121 .sskbds-compass-focus-slide.is-active{
  opacity:1;visibility:visible;transform:translateX(0) scale(1);transition-delay:0s
}
.sskbds-v121 .sskbds-compass-focus-content{
  width:100%;max-width:1040px;height:auto;max-height:100%;min-height:0;
  display:grid;grid-template-rows:auto auto auto;align-items:center;justify-items:center;
  gap:clamp(16px,2.4vh,34px)
}
.sskbds-v121 .sskbds-compass-focus-role{
  color:#9a7a3d;font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase
}
.sskbds-v121 .sskbds-compass-focus-quote-wrap{
  width:100%;max-width:100%;min-width:0;min-height:0;display:grid;place-items:center
}
.sskbds-v121 .sskbds-compass-focus-slide blockquote{
  width:100%;max-width:1000px;min-width:0;margin:0;color:#18211f;
  font-family:Georgia,"Times New Roman",serif;font-weight:500;
  overflow-wrap:anywhere;word-break:normal;text-wrap:balance
}
.sskbds-v121 .sskbds-compass-focus-meta{
  display:flex;align-items:center;justify-content:center;gap:18px;min-height:34px
}
.sskbds-v121 .sskbds-compass-focus-meta>span{
  color:#747d78;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase
}
.sskbds-v121 .sskbds-compass-focus-meta .sskbds-copy-quote{
  border-color:rgba(28,38,36,.14);background:rgba(255,255,255,.42);color:#26312e
}

/* Restored base type hierarchy */
.sskbds-v121 .sskbds-compass-focus-slide.is-length-short blockquote{
  font-size:clamp(2.65rem,4.8vw,4.75rem);line-height:1.14
}
.sskbds-v121 .sskbds-compass-focus-slide.is-length-medium blockquote{
  font-size:clamp(2.2rem,3.9vw,3.85rem);line-height:1.17
}
.sskbds-v121 .sskbds-compass-focus-slide.is-length-long blockquote{
  font-size:clamp(1.75rem,3vw,3rem);line-height:1.21
}
.sskbds-v121 .sskbds-compass-focus-slide.is-length-extra-long blockquote{
  font-size:clamp(1.42rem,2.35vw,2.25rem);line-height:1.26
}

/* Tier-specific tight fallbacks */
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight .sskbds-compass-focus-content{
  gap:clamp(10px,1.5vh,20px)
}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight.is-length-short blockquote{
  font-size:clamp(2.15rem,3.9vw,3.8rem);line-height:1.17
}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight.is-length-medium blockquote{
  font-size:clamp(1.82rem,3.15vw,3rem);line-height:1.2
}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight.is-length-long blockquote{
  font-size:clamp(1.5rem,2.5vw,2.45rem);line-height:1.23
}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight.is-length-extra-long blockquote{
  font-size:clamp(1.28rem,2vw,1.9rem);line-height:1.28
}

/* Single final scroll fallback: quote wrapper only */
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-scroll .sskbds-compass-focus-content{
  height:100%;grid-template-rows:auto minmax(0,1fr) auto;gap:10px
}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-scroll .sskbds-compass-focus-quote-wrap{
  display:block;overflow-y:auto;overscroll-behavior:contain;
  padding:6px 12px 12px;scrollbar-width:thin;
  scrollbar-color:rgba(163,129,66,.38) transparent
}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-scroll .sskbds-compass-focus-quote-wrap::-webkit-scrollbar{width:4px}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-scroll .sskbds-compass-focus-quote-wrap::-webkit-scrollbar-track{background:transparent}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-scroll .sskbds-compass-focus-quote-wrap::-webkit-scrollbar-thumb{
  background:rgba(163,129,66,.38);border-radius:999px
}
.sskbds-v121 .sskbds-compass-focus-slide.is-fit-scroll blockquote{
  font-size:clamp(1.22rem,1.9vw,1.78rem)!important;line-height:1.3!important
}

/* Footer */
.sskbds-v121 .sskbds-compass-focus-controls{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,420px) minmax(120px,1fr);
  align-items:center;gap:22px
}
.sskbds-v121 .sskbds-compass-focus-controls>button{
  appearance:none;border:0;background:transparent;color:#26312e;
  font-size:13px;font-weight:800;cursor:pointer
}
.sskbds-v121 .sskbds-compass-focus-controls>button:first-child{justify-self:start}
.sskbds-v121 .sskbds-compass-focus-controls>button:last-child{justify-self:end}
.sskbds-v121 .sskbds-compass-focus-progress{
  height:2px;border-radius:99px;background:rgba(28,38,36,.12);overflow:hidden
}
.sskbds-v121 .sskbds-compass-focus-progress i{
  display:block;width:0;height:100%;background:#a38142;transition:width .34s ease
}

/* Dark mode */
.sskbds-v121[data-theme="dark"] .sskbds-compass-focus-backdrop,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-backdrop,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-backdrop{
  background:
    radial-gradient(circle at 18% 12%,rgba(215,185,121,.18),transparent 36%),
    radial-gradient(circle at 82% 88%,rgba(72,135,121,.16),transparent 38%),
    rgba(13,18,17,.985)
}
.sskbds-v121[data-theme="dark"] .sskbds-compass-focus-head strong,
.sskbds-v121[data-theme="dark"] .sskbds-compass-focus-counter,
.sskbds-v121[data-theme="dark"] .sskbds-compass-focus-slide blockquote,
.sskbds-v121[data-theme="dark"] .sskbds-compass-focus-controls>button,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-head strong,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-counter,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-slide blockquote,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-controls>button{
  color:rgba(247,249,246,.95)
}
.sskbds-v121[data-theme="dark"] .sskbds-compass-focus-close,
.sskbds-v121[data-theme="dark"] .sskbds-compass-side-nav,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-close,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-side-nav{
  border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff
}
.sskbds-v121[data-theme="dark"] .sskbds-compass-focus-meta .sskbds-copy-quote,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-meta .sskbds-copy-quote{
  border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff
}
.sskbds-v121[data-theme="dark"] .sskbds-compass-focus-progress,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-compass-focus-progress{
  background:rgba(255,255,255,.14)
}

/* Desktop */
@media (min-width:781px){
  .sskbds-v121 .sskbds-compass-focus-controls>button{visibility:hidden;pointer-events:none}
}

/* Tablet / narrow desktop */
@media (max-width:1100px) and (min-width:781px){
  .sskbds-v121 .sskbds-compass-focus-shell{
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right))
  }
  .sskbds-v121 .sskbds-compass-focus-stage-wrap{
    grid-template-columns:52px minmax(0,1fr) 52px
  }
  .sskbds-v121 .sskbds-compass-side-nav{width:44px;height:78px;font-size:42px}
  .sskbds-v121 .sskbds-compass-focus-slide{
    width:100%;max-width:100%;padding-left:clamp(12px,2vw,24px);padding-right:clamp(12px,2vw,24px)
  }
  .sskbds-v121 .sskbds-compass-focus-slide blockquote{
    max-width:100%;text-wrap:pretty
  }
}

/* Mobile */
@media (max-width:780px){
  .sskbds-v121 .sskbds-compass-open{
    align-items:flex-start;flex-direction:column;gap:4px
  }
  .sskbds-v121 .sskbds-compass-slide-foot{
    align-items:flex-start;flex-direction:column;gap:8px
  }
  .sskbds-v121 .sskbds-compass-focus-shell{
    padding:max(16px,env(safe-area-inset-top))
            max(16px,env(safe-area-inset-right))
            max(16px,env(safe-area-inset-bottom))
            max(16px,env(safe-area-inset-left))
  }
  .sskbds-v121 .sskbds-compass-focus-head{gap:12px}
  .sskbds-v121 .sskbds-compass-focus-head strong{max-width:54vw;font-size:1rem}
  .sskbds-v121 .sskbds-compass-focus-counter{display:none}
  .sskbds-v121 .sskbds-compass-focus-close{width:40px;height:40px;flex:0 0 auto}
  .sskbds-v121 .sskbds-compass-focus-stage-wrap{display:block;min-height:0;height:100%}
  .sskbds-v121 .sskbds-compass-side-nav{display:none!important}
  .sskbds-v121 .sskbds-compass-focus-slide{
    width:100%;height:100%;padding:8px 2px
  }
  .sskbds-v121 .sskbds-compass-focus-content{gap:12px}
  .sskbds-v121 .sskbds-compass-focus-slide.is-length-short blockquote{
    font-size:clamp(1.85rem,7.4vw,2.75rem);line-height:1.2
  }
  .sskbds-v121 .sskbds-compass-focus-slide.is-length-medium blockquote{
    font-size:clamp(1.55rem,6.3vw,2.25rem);line-height:1.23
  }
  .sskbds-v121 .sskbds-compass-focus-slide.is-length-long blockquote{
    font-size:clamp(1.3rem,5.3vw,1.85rem);line-height:1.27
  }
  .sskbds-v121 .sskbds-compass-focus-slide.is-length-extra-long blockquote{
    font-size:clamp(1.14rem,4.65vw,1.55rem);line-height:1.3
  }
  .sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight.is-length-short blockquote{
    font-size:clamp(1.55rem,6.1vw,2.15rem)
  }
  .sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight.is-length-medium blockquote{
    font-size:clamp(1.34rem,5.35vw,1.8rem)
  }
  .sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight.is-length-long blockquote{
    font-size:clamp(1.16rem,4.65vw,1.55rem)
  }
  .sskbds-v121 .sskbds-compass-focus-slide.is-fit-tight.is-length-extra-long blockquote{
    font-size:clamp(1.04rem,4.15vw,1.34rem)
  }
  .sskbds-v121 .sskbds-compass-focus-meta{flex-direction:column;gap:10px}
  .sskbds-v121 .sskbds-compass-focus-controls{
    grid-template-columns:1fr auto 1fr;gap:10px
  }
  .sskbds-v121 .sskbds-compass-focus-controls>button span{display:none}
  .sskbds-v121 .sskbds-compass-focus-progress{width:104px}
}

/* Small screen */
@media (max-width:420px),(max-height:700px){
  .sskbds-v121 .sskbds-compass-focus-shell{
    padding:max(9px,env(safe-area-inset-top))
            max(9px,env(safe-area-inset-right))
            max(9px,env(safe-area-inset-bottom))
            max(9px,env(safe-area-inset-left))
  }
  .sskbds-v121 .sskbds-compass-focus-head{min-height:38px;align-items:flex-start}
  .sskbds-v121 .sskbds-compass-focus-head>div:first-child{gap:1px;min-width:0}
  .sskbds-v121 .sskbds-compass-focus-head span{font-size:9px;letter-spacing:.17em}
  .sskbds-v121 .sskbds-compass-focus-head strong{
    display:block;max-width:69vw;overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;font-size:.86rem
  }
  .sskbds-v121 .sskbds-compass-focus-close{width:36px;height:36px;font-size:23px}
  .sskbds-v121 .sskbds-compass-focus-role{font-size:8px;letter-spacing:.17em}
  .sskbds-v121 .sskbds-compass-focus-meta{min-height:26px;gap:7px}
  .sskbds-v121 .sskbds-compass-focus-meta>span{font-size:8px}
  .sskbds-v121 .sskbds-compass-focus-controls{min-height:26px}
  .sskbds-v121 .sskbds-compass-focus-progress{width:88px}
}

/* Extra-small */
@media (max-width:360px),(max-height:590px){
  .sskbds-v121 .sskbds-compass-focus-head strong{display:none}
  .sskbds-v121 .sskbds-compass-focus-slide{padding-top:3px;padding-bottom:3px}
  .sskbds-v121 .sskbds-compass-focus-content{gap:6px}
  .sskbds-v121 .sskbds-compass-focus-slide blockquote{
    font-size:clamp(.98rem,4.25vw,1.2rem)!important;line-height:1.29!important
  }
  .sskbds-v121 .sskbds-compass-focus-meta{
    flex-direction:row;justify-content:center;min-height:24px
  }
  .sskbds-v121 .sskbds-compass-focus-meta>span{
    max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
  }
  .sskbds-v121 .sskbds-compass-focus-progress{width:74px}
}

/* Short viewport desktop */
@media (max-height:720px) and (min-width:781px){
  .sskbds-v121 .sskbds-compass-focus-shell{
    padding-top:14px;padding-bottom:14px
  }
  .sskbds-v121 .sskbds-compass-focus-content{gap:10px}
}

/* Reduced motion and print */
@media (prefers-reduced-motion:reduce){
  .sskbds-v121 .sskbds-compass-slide,
  .sskbds-v121 .sskbds-compass-focus-slide,
  .sskbds-v121 .sskbds-compass-focus-progress i,
  .sskbds-v121 .sskbds-compass-side-nav{transition:none!important}
}
@media print{
  .sskbds-v121 .sskbds-compass-open,
  .sskbds-v121 .sskbds-compass-focus{display:none!important}
}

.sskbds-map-modal,
.sskbds-map-modal.is-open {
  z-index: 90000 !important;
}

.sskbds-rel-card.is-unlinked {
  cursor: default;
  text-decoration: none;
  opacity: 0.82;
}

.sskbds-rel-card.is-unlinked:hover {
  transform: none;
}


/* =========================================================
   KBDS V12.43.1 - HERO PARAMETER MAP MOBILE STACK FIX
   Tujuan:
   - Desktop tetap panel kanan/visual hero.
   - Tablet/mobile tidak overlay/ketimpa teks.
   - Panel turun menjadi blok normal di bawah hero content.
========================================================= */

@media (max-width: 980px){

  .sskbds-v121 .sskbds-hero{
    overflow:hidden !important;
  }

  .sskbds-v121 .sskbds-hero-grid{
    display:block !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
    position:relative !important;
  }

  .sskbds-v121 .sskbds-hero-main{
    position:relative !important;
    z-index:5 !important;
    max-width:100% !important;
  }

  .sskbds-v121 .sskbds-hero-media.has-parameter-map{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    float:none !important;
    clear:both !important;

    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;

    margin:18px 0 0 !important;
    padding:0 !important;
    z-index:2 !important;
    overflow:visible !important;
  }

  .sskbds-v121 .sskbds-hero-param-map{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    transform:none !important;
    z-index:1 !important;
  }

  .sskbds-v121 .sskbds-hero-param-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 640px){

  .sskbds-v121 .sskbds-hero-media.has-parameter-map{
    margin-top:16px !important;
  }

  .sskbds-v121 .sskbds-hero-param-map{
    padding:15px !important;
    border-radius:22px !important;
  }

  .sskbds-v121 .sskbds-hero-param-head{
    margin-bottom:12px !important;
  }

  .sskbds-v121 .sskbds-hero-param-head strong{
    font-size:16px !important;
  }

  .sskbds-v121 .sskbds-hero-param-head p{
    font-size:12px !important;
    line-height:1.42 !important;
  }

  .sskbds-v121 .sskbds-hero-param-grid{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  .sskbds-v121 .sskbds-hero-param-item{
    padding:9px 10px !important;
    border-radius:14px !important;
  }

  .sskbds-v121 .sskbds-hero-param-top{
    margin-bottom:6px !important;
  }

  .sskbds-v121 .sskbds-hero-param-top span{
    font-size:11.5px !important;
  }

  .sskbds-v121 .sskbds-hero-param-top em{
    font-size:9.5px !important;
  }

  .sskbds-v121 .sskbds-hero-param-bottom small{
    font-size:9.6px !important;
    max-width:44%;
  }

  .sskbds-v121 .sskbds-hero-param-bars{
    gap:3px !important;
  }

  .sskbds-v121 .sskbds-hero-param-bars span{
    width:14px !important;
    height:4px !important;
  }

  .sskbds-v121 .sskbds-hero-param-map-btn{
    min-height:38px !important;
    margin-top:12px !important;
    font-size:12px !important;
  }
}

@media (max-width: 420px){

  .sskbds-v121 .sskbds-hero-param-map{
    padding:14px !important;
    border-radius:20px !important;
  }

  .sskbds-v121 .sskbds-hero-param-map::after{
    font-size:64px !important;
    right:14px !important;
    bottom:4px !important;
  }

  .sskbds-v121 .sskbds-hero-param-bottom{
    align-items:center !important;
  }

  .sskbds-v121 .sskbds-hero-param-bottom small{
    display:none !important;
  }

  .sskbds-v121 .sskbds-hero-param-bars span{
    width:18px !important;
  }
}

/* =========================================================
   KBDS V12.43.2 - HERO PARAMETER SUMMARY + DASHBOARD TOGGLE
   Default ringkas, dashboard terbuka saat user klik.
========================================================= */

.sskbds-v121 .sskbds-hero-param-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.sskbds-v121 .sskbds-hero-param-summary[hidden],
.sskbds-v121 .sskbds-hero-param-dashboard[hidden]{
  display:none !important;
}

.sskbds-v121 .sskbds-hero-param-summary-item{
  min-width:0;
  padding:10px 11px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--ss-border) 82%,transparent);
  background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(255,255,255,.20));
  display:grid;
  gap:5px;
}

.sskbds-v121 .sskbds-hero-param-summary-item span{
  color:var(--ss-muted);
  font-size:10.5px;
  line-height:1;
  font-weight:780;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.sskbds-v121 .sskbds-hero-param-summary-item strong{
  color:var(--ss-text);
  font-size:13px;
  line-height:1.12;
  font-weight:830;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.sskbds-v121 .sskbds-hero-param-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:14px;
}

.sskbds-v121 .sskbds-hero-param-toggle{
  appearance:none;
  width:100%;
  min-height:38px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--ss-border-strong) 78%,transparent);
  background:rgba(255,255,255,.36);
  color:var(--ss-text);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:inherit;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.02em;
}

.sskbds-v121 .sskbds-hero-param-toggle em{
  font-style:normal;
  color:var(--ss-gold);
  transition:transform .18s ease;
}

.sskbds-v121 .sskbds-hero-param-map.is-dashboard .sskbds-hero-param-toggle em{
  transform:rotate(180deg);
}

.sskbds-v121 .sskbds-hero-param-toggle:hover{
  border-color:color-mix(in srgb,var(--ss-gold) 52%,var(--ss-border));
  transform:translateY(-1px);
}

.sskbds-v121 .sskbds-hero-param-map.is-summary{
  padding-bottom:18px;
}

.sskbds-v121 .sskbds-hero-param-map.is-summary .sskbds-hero-param-head{
  margin-bottom:13px;
}

.sskbds-v121 .sskbds-hero-param-map.is-summary .sskbds-hero-param-map-btn{
  margin-top:0;
}

.sskbds-v121 .sskbds-hero-param-map.is-dashboard .sskbds-hero-param-grid{
  display:grid;
}

.sskbds-v121[data-theme="dark"] .sskbds-hero-param-summary-item,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-hero-param-summary-item{
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.10);
}

.sskbds-v121[data-theme="dark"] .sskbds-hero-param-toggle,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-hero-param-toggle{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.12);
  color:var(--ss-text);
}

@media (max-width:980px){
  .sskbds-v121 .sskbds-hero-param-summary{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .sskbds-v121 .sskbds-hero-param-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
  }

  .sskbds-v121 .sskbds-hero-param-toggle,
  .sskbds-v121 .sskbds-hero-param-map-btn{
    margin:0 !important;
  }
}

@media (max-width:640px){
  .sskbds-v121 .sskbds-hero-param-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .sskbds-v121 .sskbds-hero-param-summary-item{
    padding:9px 10px;
    border-radius:14px;
  }

  .sskbds-v121 .sskbds-hero-param-summary-item span{
    font-size:9.8px;
  }

  .sskbds-v121 .sskbds-hero-param-summary-item strong{
    font-size:12px;
  }

  .sskbds-v121 .sskbds-hero-param-actions{
    grid-template-columns:1fr;
    gap:7px;
    margin-top:12px;
  }

  .sskbds-v121 .sskbds-hero-param-toggle,
  .sskbds-v121 .sskbds-hero-param-map-btn{
    min-height:38px !important;
    font-size:12px !important;
  }
}

@media (max-width:420px){
  .sskbds-v121 .sskbds-hero-param-summary{
    grid-template-columns:1fr 1fr;
  }

  .sskbds-v121 .sskbds-hero-param-summary-item{
    min-height:54px;
  }

  .sskbds-v121 .sskbds-hero-param-map.is-dashboard .sskbds-hero-param-grid{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   KBDS V12.43.3b - HERO PARAMETER CLICK FIX, POSITION SAFE
   Jangan mengubah posisi hero-media.
   Hanya menghidupkan klik dan menaikkan layer panel kanan.
========================================================= */

/* Dekorasi hero tidak boleh menangkap klik */
.sskbds-v121 .sskbds-hero::before,
.sskbds-v121 .sskbds-hero::after,
.sskbds-v121 .sskbds-hero-grid::before,
.sskbds-v121 .sskbds-hero-grid::after,
.sskbds-v121 .sskbds-hero-main::before,
.sskbds-v121 .sskbds-hero-main::after,
.sskbds-v121 .sskbds-hero-param-map::before,
.sskbds-v121 .sskbds-hero-param-map::after{
  pointer-events:none !important;
}

/* Desktop/tablet lebar: pertahankan posisi absolute kanan dari CSS lama */
@media (min-width:981px){
  .sskbds-v121 .sskbds-hero-media.has-parameter-map{
    pointer-events:auto !important;
    z-index:32 !important;
  }

  .sskbds-v121 .sskbds-hero-param-map{
    pointer-events:auto !important;
    z-index:33 !important;
  }
}

/* Mobile/tablet kecil: ikut stacking fix yang sudah berhasil */
@media (max-width:980px){
  .sskbds-v121 .sskbds-hero-media.has-parameter-map{
    pointer-events:auto !important;
    z-index:8 !important;
  }

  .sskbds-v121 .sskbds-hero-param-map{
    pointer-events:auto !important;
    z-index:9 !important;
  }
}

/* Elemen interaktif di dalam panel */
.sskbds-v121 .sskbds-hero-param-actions,
.sskbds-v121 .sskbds-hero-param-toggle,
.sskbds-v121 .sskbds-hero-param-map-btn{
  position:relative !important;
  z-index:40 !important;
  pointer-events:auto !important;
}

.sskbds-v121 .sskbds-hero-param-toggle,
.sskbds-v121 .sskbds-hero-param-map-btn{
  cursor:pointer !important;
}

/* =========================================================
   KBDS V12.44.1 - HERO PARAMETER DASHBOARD HEIGHT GUARD
   Struktur V12.44:
   - hero-grid display:block dan position:relative
   - hero-media absolute di kanan bawah
   - dashboard tidak ikut menghitung tinggi hero
   Solusi:
   - saat dashboard terbuka, tambah min-height pada hero-grid
   - panel tetap absolute kanan, tetapi dipusatkan vertikal
========================================================= */

@media (min-width:981px){

  .sskbds-v121 .sskbds-hero.has-hero-parameter-map .sskbds-hero-grid{
    min-height:430px !important;
  }

  .sskbds-v121 .sskbds-hero.has-hero-parameter-map.has-param-dashboard-open .sskbds-hero-grid{
    min-height:640px !important;
  }

  .sskbds-v121 .sskbds-hero.has-hero-parameter-map.has-param-dashboard-open .sskbds-hero-media.has-parameter-map{
    top:50% !important;
    bottom:auto !important;
    right:clamp(28px,4vw,56px) !important;
    transform:translateY(-50%) !important;
  }

  .sskbds-v121 .sskbds-hero.has-hero-parameter-map.has-param-dashboard-open .sskbds-hero-param-map{
    max-height:560px !important;
  }
}

/* =========================================================
   KBDS PAGE TERM — COMPARE NAVIGATOR BUTTONS v1.0
   Scope: .sskbds-v121 only.
========================================================= */

.sskbds-v121 .sskbds-btn.is-compare,
.sskbds-v121 .sskbds-rail-compare-cta {
  border-color: rgba(200, 169, 107, .34);
  background:
    radial-gradient(circle at 50% 0%, rgba(200,169,107,.16), transparent 62%),
    rgba(200,169,107,.12);
  color: var(--ss-gold);
}

.sskbds-v121 .sskbds-btn.is-compare:hover,
.sskbds-v121 .sskbds-rail-compare-cta:hover {
  border-color: var(--ss-gold);
  background:
    radial-gradient(circle at 50% 0%, rgba(200,169,107,.24), transparent 62%),
    rgba(200,169,107,.18);
  color: var(--ss-text);
}

/* Hero related term + compare mini button */
.sskbds-v121 .sskbds-related-pills.has-compare {
  align-items: center;
}

.sskbds-v121 .sskbds-related-pill-wrap {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  min-width: 0;
}

.sskbds-v121 .sskbds-related-pill-wrap .sskbds-related-main {
  min-width: 0;
}

.sskbds-v121 .sskbds-related-compare {
  appearance: none;
  -webkit-appearance: none;
  width: 27px;
  height: 27px;
  min-width: 27px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(200,169,107,.32);
  background: rgba(200,169,107,.12);
  color: var(--ss-gold);
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.sskbds-v121 .sskbds-related-compare:hover,
.sskbds-v121 .sskbds-related-compare:focus-visible {
  transform: translateY(-1px);
  border-color: var(--ss-gold);
  background: rgba(200,169,107,.20);
  color: var(--ss-text);
  outline: none;
}

/* Relation card action row */
.sskbds-v121 .sskbds-rel-card.has-actions {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.sskbds-v121 .sskbds-rel-card .sskbds-rel-main {
  display: block;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.sskbds-v121 .sskbds-rel-card .sskbds-rel-main:hover .sskbds-rel-title {
  color: var(--ss-gold);
}

.sskbds-v121 .sskbds-rel-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding-top: 9px;
  border-top: 1px solid rgba(200,169,107,.16);
}

.sskbds-v121 .sskbds-rel-action {
  appearance: none;
  -webkit-appearance: none;
  width: 31px;
  height: 31px;
  min-width: 31px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(200,169,107,.30);
  background:
    radial-gradient(circle at 50% 0%, rgba(200,169,107,.14), transparent 62%),
    rgba(200,169,107,.10);
  color: var(--ss-gold);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.sskbds-v121 .sskbds-rel-action:hover,
.sskbds-v121 .sskbds-rel-action:focus-visible {
  transform: translateY(-1px);
  border-color: var(--ss-gold);
  background:
    radial-gradient(circle at 50% 0%, rgba(200,169,107,.22), transparent 62%),
    rgba(200,169,107,.18);
  color: var(--ss-text);
  outline: none;
}

/* Dark/light safety follows page tokens */
body.ss-dark-mode .sskbds-v121 .sskbds-related-compare,
body[data-theme="dark"] .sskbds-v121 .sskbds-related-compare,
html[data-theme="dark"] .sskbds-v121 .sskbds-related-compare,
body.ss-dark-mode .sskbds-v121 .sskbds-rel-action,
body[data-theme="dark"] .sskbds-v121 .sskbds-rel-action,
html[data-theme="dark"] .sskbds-v121 .sskbds-rel-action {
  border-color: rgba(200,169,107,.30);
  background: rgba(200,169,107,.12);
  color: var(--ss-gold);
}

@media (max-width: 640px) {
  .sskbds-v121 .sskbds-related-pill-wrap {
    width: auto;
  }

  .sskbds-v121 .sskbds-related-compare {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }

  .sskbds-v121 .sskbds-rel-actions {
    justify-content: flex-start;
  }

  .sskbds-v121 .sskbds-rel-action {
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-size: 15px;
  }
}

/* KBDS Page Term v12.40 — Orbit link, popularity menu, hero polish */
.sskbds-v121 .sskbds-orbit-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
}

.sskbds-v121 .sskbds-orbit-badge {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--ss-gold) 46%, var(--ss-border));
  background: color-mix(in srgb, var(--ss-gold) 13%, transparent);
  color: var(--ss-gold);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
}

.sskbds-v121 a.sskbds-orbit-badge:hover {
  color: var(--ss-text);
  border-color: color-mix(in srgb, var(--ss-gold) 70%, var(--ss-border));
  background: color-mix(in srgb, var(--ss-gold) 20%, transparent);
  text-decoration: none;
}

.sskbds-v121 .sskbds-kicker-row .sskbds-orbit-badges {
  flex: 0 1 auto;
}

.sskbds-v121 .sskbds-menu-buttons {
  min-width: 0;
}

.sskbds-v121 .sskbds-menu-btn.is-compass-menu {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ss-gold);
  border-color: color-mix(in srgb, var(--ss-gold) 58%, var(--ss-border));
  background: color-mix(in srgb, var(--ss-gold) 11%, var(--ss-card2));
}

.sskbds-v121 .sskbds-menu-btn.is-compass-menu:hover,
.sskbds-v121 .sskbds-menu-btn.is-compass-menu:focus-visible {
  color: var(--ss-text);
  border-color: color-mix(in srgb, var(--ss-gold) 76%, var(--ss-border));
  background: color-mix(in srgb, var(--ss-gold) 19%, var(--ss-card2));
}

.sskbds-v121 .sskbds-compass-menu-icon {
  display: inline-grid;
  place-items: center;
  width: 14px;
  height: 14px;
  font-size: 11px;
  line-height: 1;
  transform: rotate(45deg);
}

.sskbds-v121 .sskbds-menu-btn.is-popular-menu {
  color: var(--ss-gold);
  border-color: var(--ss-border-strong);
}

.sskbds-v121 .sskbds-menu-btn.is-popular-menu:hover,
.sskbds-v121 .sskbds-menu-btn.is-popular-menu.is-active {
  color: var(--ss-text);
  border-color: color-mix(in srgb, var(--ss-gold) 62%, var(--ss-border));
  background: color-mix(in srgb, var(--ss-gold) 17%, var(--ss-card2));
}

.sskbds-v121 .sskbds-popular-popover {
  z-index: 220;
}

@media (max-width: 980px) {
  .sskbds-v121 .sskbds-menu-buttons {
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .sskbds-v121 .sskbds-menu-buttons::-webkit-scrollbar {
    display: none;
  }

  .sskbds-v121 .sskbds-menu-btn {
    flex: 0 0 auto;
  }
}

@media (max-width: 640px) {
  .sskbds-v121 .sskbds-kicker-row {
    max-width: 100%;
    overflow: hidden;
  }

  .sskbds-v121 .sskbds-orbit-badges {
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .sskbds-v121 .sskbds-orbit-badges::-webkit-scrollbar {
    display: none;
  }

  .sskbds-v121 .sskbds-orbit-badge {
    flex: 0 0 auto;
    font-size: 9.5px;
    padding-inline: 9px;
  }
}



/* =========================================================
   KBDS Page Term v1.2.26.4 — Compass Lifecycle Fix + Frontend Semantics Hardening
   Final entry points for the fifth popup route.
========================================================= */
.sskbds-v121 .sskbds-btn.is-family {
  border: 1px solid color-mix(in srgb, var(--ss-gold) 58%, var(--ss-border)) !important;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--ss-gold) 24%, transparent), transparent 62%),
    linear-gradient(135deg, color-mix(in srgb, var(--ss-gold) 30%, var(--ss-card2)), var(--ss-card)) !important;
  color: var(--ss-text) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .10) !important;
}

.sskbds-v121 .sskbds-btn.is-family:hover,
.sskbds-v121 .sskbds-btn.is-family:focus-visible {
  border-color: var(--ss-gold) !important;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--ss-gold) 34%, transparent), transparent 62%),
    linear-gradient(135deg, color-mix(in srgb, var(--ss-gold) 38%, var(--ss-card2)), var(--ss-card2)) !important;
  color: var(--ss-text) !important;
  transform: translateY(-1px);
}

.sskbds-v121[data-theme="dark"] .sskbds-btn.is-family {
  border-color: color-mix(in srgb, var(--ss-gold) 52%, var(--ss-border)) !important;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--ss-gold) 18%, transparent), transparent 62%),
    linear-gradient(135deg, color-mix(in srgb, var(--ss-gold) 22%, var(--ss-card2)), rgba(255, 255, 255, .045)) !important;
  color: var(--ss-text) !important;
}

.sskbds-v121 .sskbds-rail-family-cta,
.sskbds-v121 .sskbds-mobile-family-cta {
  border-color: color-mix(in srgb, var(--ss-gold) 54%, var(--ss-border)) !important;
  background:
    radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--ss-gold) 22%, transparent), transparent 58%),
    linear-gradient(145deg, color-mix(in srgb, var(--ss-card2) 88%, transparent), color-mix(in srgb, var(--ss-gold) 12%, transparent)) !important;
}

@media (max-width: 760px) {
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-family {
    padding-inline: 12px !important;
  }
}

@media (max-width: 560px) {
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-family .sskbds-btn-text {
    font-size: 0 !important;
  }

  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-family .sskbds-btn-text::before {
    content: "Family";
    font-size: 11.5px;
  }
}

@media (max-width: 420px) {
  .sskbds-v121 .sskbds-hero-actions .sskbds-btn.is-family .sskbds-btn-text::before {
    content: "Fam";
  }
}


/* =========================================================
   KBDS Page Term Tabs v1.2.22 — Native Details Safety Hotfix
   Scope: Page Term only. Controls Tab Pembacaan panels via localStorage.
========================================================= */
.sskbds-v121 .sskbds-reader-hidden {
  display: none !important;
}

.sskbds-v121 .is-reader-map-hidden {
  display: none !important;
}

.sskbds-v121 .sskbds-reader-drawer-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 10px 0 12px;
  padding: 4px;
  border: 1px solid var(--ss-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--ss-card2) 84%, transparent);
}

.sskbds-v121 .sskbds-reader-drawer-tabs button {
  appearance: none;
  min-height: 32px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--ss-soft);
  cursor: pointer;
  font-size: 10.8px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1;
}

.sskbds-v121 .sskbds-reader-drawer-tabs button.is-active {
  border-color: var(--ss-border-strong);
  background: linear-gradient(135deg, var(--ss-gold2), var(--ss-card));
  color: var(--ss-text);
}

.sskbds-v121 .sskbds-reader-map-pane[hidden],
.sskbds-v121 .sskbds-reader-control[hidden] {
  display: none !important;
}

.sskbds-v121 .sskbds-reader-control {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.sskbds-v121 .sskbds-reader-control-head {
  padding: 12px;
  border: 1px solid var(--ss-border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--ss-card2) 82%, transparent);
}

.sskbds-v121 .sskbds-reader-control-head span {
  display: block;
  margin-bottom: 5px;
  color: var(--ss-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1.1;
  text-transform: uppercase;
}

.sskbds-v121 .sskbds-reader-control-head strong {
  display: block;
  color: var(--ss-text);
  font-size: 15px;
  line-height: 1.18;
  font-weight: 850;
}

.sskbds-v121 .sskbds-reader-control-head p {
  margin: 7px 0 0;
  color: var(--ss-soft);
  font-size: 11.8px;
  line-height: 1.45;
}

.sskbds-v121 .sskbds-reader-presets {
  display: grid;
  gap: 8px;
}

.sskbds-v121 .sskbds-reader-presets button {
  appearance: none;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--ss-border);
  border-radius: 16px;
  background: var(--ss-card);
  color: var(--ss-text);
  cursor: pointer;
  text-align: left;
}

.sskbds-v121 .sskbds-reader-presets button.is-active {
  border-color: var(--ss-border-strong);
  background:
    radial-gradient(circle at 0% 0%, var(--ss-gold2), transparent 70%),
    var(--ss-card2);
}

.sskbds-v121 .sskbds-reader-presets button strong {
  display: block;
  color: var(--ss-text);
  font-size: 12px;
  line-height: 1.15;
  font-weight: 850;
}

.sskbds-v121 .sskbds-reader-presets button span {
  display: block;
  margin-top: 4px;
  color: var(--ss-soft);
  font-size: 11px;
  line-height: 1.35;
}

.sskbds-v121 .sskbds-reader-toggle-groups {
  display: grid;
  gap: 11px;
}

.sskbds-v121 .sskbds-reader-toggle-group {
  padding: 12px;
  border: 1px solid var(--ss-border);
  border-radius: 17px;
  background: color-mix(in srgb, var(--ss-card2) 76%, transparent);
}

.sskbds-v121 .sskbds-reader-toggle-group h4 {
  margin: 0 0 8px;
  color: var(--ss-gold);
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sskbds-v121 .sskbds-reader-toggle {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid color-mix(in srgb, var(--ss-border) 78%, transparent);
  cursor: pointer;
}

.sskbds-v121 .sskbds-reader-toggle:first-of-type {
  border-top: 0;
}

.sskbds-v121 .sskbds-reader-toggle input {
  width: 17px;
  height: 17px;
  accent-color: var(--ss-gold);
}

.sskbds-v121 .sskbds-reader-toggle strong {
  display: block;
  color: var(--ss-text);
  font-size: 12px;
  line-height: 1.16;
  font-weight: 820;
}

.sskbds-v121 .sskbds-reader-toggle em {
  display: block;
  margin-top: 2px;
  color: var(--ss-faint);
  font-size: 10.8px;
  line-height: 1.25;
  font-style: normal;
}


.sskbds-v121[data-theme="dark"] .sskbds-reader-drawer-tabs,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-drawer-tabs,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-drawer-tabs {
  background: rgba(255, 255, 255, .045);
}

.sskbds-v121[data-theme="dark"] .sskbds-reader-drawer-tabs button.is-active,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-drawer-tabs button.is-active,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-drawer-tabs button.is-active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--ss-gold) 18%, transparent), rgba(255,255,255,.065));
}

.sskbds-v121[data-theme="dark"] .sskbds-reader-control-head,
.sskbds-v121[data-theme="dark"] .sskbds-reader-presets button,
.sskbds-v121[data-theme="dark"] .sskbds-reader-toggle-group,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-control-head,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-presets button,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-reader-toggle-group,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-control-head,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-presets button,
html[data-theme="dark"] .sskbds-v121:not([data-theme="light"]) .sskbds-reader-toggle-group {
  background: rgba(255, 255, 255, .055);
  border-color: rgba(218, 183, 111, .22);
}

@media (max-width: 760px) {
  .sskbds-v121 .sskbds-mobile-nav-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    overflow-y: auto !important;
    border-radius: 24px !important;
    padding: 14px !important;
  }

  .sskbds-v121 .sskbds-mobile-nav-panel .sskbds-reader-drawer-tabs {
    position: sticky;
    top: 0;
    z-index: 5;
    margin-top: 10px;
  }

  .sskbds-v121 .sskbds-mobile-nav-panel .sskbds-reader-presets {
    grid-template-columns: 1fr;
  }
}


/* v1.2.26.4 — Compass Lifecycle Fix + Frontend Semantics Hardening */
.sskbds-v121 .sskbds-reader-control.is-preset-lock .sskbds-reader-toggle-groups,
.sskbds-v121 .sskbds-reader-toggle-groups {
  display: none !important;
}

.sskbds-v121 .sskbds-reader-preset-note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px solid var(--ss-border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--ss-card2) 78%, transparent);
  color: var(--ss-soft);
  font-size: 12px;
  line-height: 1.45;
}

.sskbds-v121 .sskbds-reader-preset-note strong {
  color: var(--ss-text);
  white-space: nowrap;
}

@media (max-width:560px){
  .sskbds-v121 .sskbds-utility-bar{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .sskbds-v121 .sskbds-utility-toggle{grid-template-columns:30px minmax(0,1fr);gap:7px}
  .sskbds-v121 .sskbds-utility-actions{gap:6px}
  .sskbds-v121 .sskbds-utility-help{width:30px;height:30px;padding:0;font-size:0;display:grid;place-items:center}
  .sskbds-v121 .sskbds-utility-help::before{content:"?";font-size:13px;font-weight:900}
  .sskbds-v121 .sskbds-utility-meta{font-size:11px;max-width:33vw}
}