/* =========================================================
   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;
  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-more summary{display:inline-flex;border:1px solid var(--ss-border-strong);border-radius:999px;padding:8px 13px;cursor:pointer;color:var(--ss-gold);font-weight:800;margin:4px 0 16px}
.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}

/* 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-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-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-more{
  margin-top:16px;
}
.sskbds-v121 .sskbds-reading-more summary{
  width:max-content;
  min-height:40px;
  align-items:center;
  justify-content:center;
}
.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;
}
.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-toggle{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 16px;
  border:1px solid var(--ss-border);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.28));
  color:var(--ss-text);
  box-shadow:0 14px 42px rgba(45,39,28,.08), inset 0 1px 0 rgba(255,255,255,.68);
  cursor:pointer;
}
.sskbds-v121 .sskbds-utility-toggle:hover{
  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:rgba(255,255,255,.36);
  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-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-toggle,
body.td-theme-dark .sskbds-v121:not([data-theme="light"]) .sskbds-utility-toggle{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.055));
  color:rgba(248,250,247,.95);
  box-shadow:0 18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10);
}
.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-toggle{min-height:42px;padding:8px 12px}
  .sskbds-v121 .sskbds-utility-title{font-size:11px}
  .sskbds-v121 .sskbds-utility-meta{max-width:42vw;overflow:hidden;text-overflow:ellipsis}
  .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:.18 !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-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-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);
}
body.sskbds-map-lock{overflow:hidden}
.sskbds-map-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.sskbds-map-modal.is-open{opacity:1;pointer-events:auto}
.sskbds-map-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(6,13,18,.58);
  backdrop-filter:blur(12px);
  cursor:pointer;
}
.sskbds-map-shell{
  position:relative;
  width:min(1180px,calc(100vw - 44px));
  max-height:min(88vh,860px);
  margin:6vh auto 0;
  overflow:auto;
  border:1px solid color-mix(in srgb,var(--ss-border) 78%,var(--ss-gold) 22%);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% -12%,rgba(216,186,122,.18),transparent 34%),
    radial-gradient(circle at 8% 28%,rgba(96,128,144,.13),transparent 34%),
    color-mix(in srgb,var(--ss-bg) 96%,transparent);
  box-shadow:0 34px 110px rgba(0,0,0,.42);
  padding:24px;
  transform:translateY(14px) scale(.985);
  transition:transform .18s ease;
}
.sskbds-map-modal.is-open .sskbds-map-shell{transform:translateY(0) scale(1)}
.sskbds-map-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:4px 4px 18px;
  border-bottom:1px solid var(--ss-border);
  margin-bottom:18px;
}
.sskbds-map-head span,
.sskbds-map-zone-head span,
.sskbds-map-center span{
  display:block;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--ss-gold);
  font-size:10px;
  font-weight:850;
}
.sskbds-map-head h2{
  margin:5px 0 6px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,4vw,58px);
  line-height:1.02;
  color:var(--ss-text);
}
.sskbds-map-head p{margin:0;color:var(--ss-soft);max-width:780px;line-height:1.58}
.sskbds-map-close{
  width:42px;height:42px;border-radius:999px;
  border:1px solid var(--ss-border);
  background:var(--ss-card2);
  color:var(--ss-text);
  font-size:22px;
  cursor:pointer;
}
.sskbds-map-compass{display:grid;gap:16px}
.sskbds-map-axis.is-middle{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.72fr) minmax(0,1fr);
  gap:16px;
  align-items:stretch;
}
.sskbds-map-zone,
.sskbds-map-center{
  border:1px solid var(--ss-border);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  padding:18px;
}
.sskbds-map-zone.is-left{border-color:color-mix(in srgb,var(--ss-border) 82%,#6f9b82 18%)}
.sskbds-map-zone.is-right{border-color:color-mix(in srgb,var(--ss-border) 76%,#a35a52 24%)}
.sskbds-map-zone.is-bottom{border-color:color-mix(in srgb,var(--ss-border) 80%,#7c9c8c 20%)}
.sskbds-map-zone-head h3{
  margin:5px 0 7px;
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ss-text);
  font-size:22px;
}
.sskbds-map-zone-head p{margin:0 0 13px;color:var(--ss-soft);font-size:13.5px;line-height:1.52}
.sskbds-map-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sskbds-map-zone.is-top .sskbds-map-nodes,
.sskbds-map-zone.is-bottom .sskbds-map-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}
.sskbds-map-node{
  display:grid;
  gap:3px;
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--ss-border);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  color:var(--ss-text);
  text-decoration:none;
}
.sskbds-map-node strong{font-size:13px;line-height:1.25;color:var(--ss-text)}
.sskbds-map-node em{font-style:normal;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--ss-gold)}
.sskbds-map-node small{font-size:12px;line-height:1.38;color:var(--ss-soft)}
.sskbds-map-node.is-linked{border-color:color-mix(in srgb,var(--ss-gold) 35%,var(--ss-border));background:color-mix(in srgb,var(--ss-gold) 9%,transparent)}
.sskbds-map-node.is-linked strong::after{content:" ›";color:var(--ss-gold)}
.sskbds-map-node.is-linked:hover{transform:translateY(-1px);border-color:var(--ss-gold)}
.sskbds-map-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:260px;
  background:
    radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--ss-gold) 22%,transparent),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border-color:color-mix(in srgb,var(--ss-gold) 45%,var(--ss-border));
}
.sskbds-map-center strong{
  margin:8px 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(26px,3vw,44px);
  line-height:1.06;
  color:var(--ss-text);
  overflow-wrap:anywhere;
}
.sskbds-map-center em{font-style:normal;color:var(--ss-soft);font-size:13px}
.sskbds-map-empty{display:block;color:var(--ss-faint);font-size:13px;padding:10px 0}
.sskbds-map-foot{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:18px;
  margin-top:18px;
  border-top:1px solid var(--ss-border);
}
.sskbds-map-foot button{
  border:1px solid var(--ss-border);
  border-radius:999px;
  background:var(--ss-card2);
  color:var(--ss-text);
  padding:10px 16px;
  font-weight:800;
  cursor:pointer;
}
.sskbds-map-foot button[data-map-detail]{background:var(--ss-text);color:var(--ss-bg)}
.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}
  .sskbds-map-shell{margin:3vh auto 0;max-height:92vh;padding:18px;border-radius:28px}
  .sskbds-map-axis.is-middle{grid-template-columns:1fr}
  .sskbds-map-center{min-height:auto;padding:26px 18px;order:-1}
  .sskbds-map-zone.is-top .sskbds-map-nodes,
  .sskbds-map-zone.is-bottom .sskbds-map-nodes,
  .sskbds-map-nodes{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sskbds-v121 .sskbds-compass-single{padding:18px 18px 22px}
  .sskbds-v121 .sskbds-compass-single p{font-size:20px}
  .sskbds-map-head{align-items:flex-start}
  .sskbds-map-head h2{font-size:30px}
  .sskbds-map-foot{display:grid;grid-template-columns:1fr}
}



/* =========================================================
   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);
}
.sskbds-map-modal{
  --ss-bg:#f8f4eb;
  --ss-card:#fffaf0;
  --ss-card2:#f0e6d3;
  --ss-card3:#e8dcc5;
  --ss-text:#17212a;
  --ss-soft:#51606b;
  --ss-faint:#7b8790;
  --ss-border:rgba(54,64,70,.18);
  --ss-border-strong:rgba(54,64,70,.32);
  --ss-gold:#b58a44;
}
.sskbds-map-modal.is-dark{
  --ss-bg:#0b141b;
  --ss-card:#111d25;
  --ss-card2:#17252e;
  --ss-card3:#1d2e38;
  --ss-text:#f4f0e6;
  --ss-soft:#c8c0b0;
  --ss-faint:#9c9486;
  --ss-border:rgba(230,218,192,.18);
  --ss-border-strong:rgba(230,218,192,.32);
  --ss-gold:#d6b979;
}
.sskbds-map-backdrop{
  background:rgba(3,8,12,.68) !important;
  opacity:1 !important;
}
.sskbds-map-shell{
  color:var(--ss-text) !important;
  background:
    radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--ss-gold) 18%,transparent),transparent 34%),
    radial-gradient(circle at 8% 28%,rgba(96,128,144,.12),transparent 34%),
    var(--ss-bg) !important;
}
.sskbds-map-head h2,
.sskbds-map-zone-head h3,
.sskbds-map-center strong,
.sskbds-map-node strong{color:var(--ss-text) !important}
.sskbds-map-head p,
.sskbds-map-zone-head p,
.sskbds-map-center em,
.sskbds-map-node small{color:var(--ss-soft) !important}
.sskbds-map-zone,
.sskbds-map-center,
.sskbds-map-node{
  background:linear-gradient(145deg,color-mix(in srgb,var(--ss-card) 88%,transparent),color-mix(in srgb,var(--ss-card2) 82%,transparent)) !important;
  border-color:var(--ss-border) !important;
}
.sskbds-map-node{
  min-height:0 !important;
  padding:9px 11px !important;
}
.sskbds-map-node em,
.sskbds-map-node small{display:none !important}
.sskbds-map-node.is-cognitive{
  display:block !important;
  font-size:12.6px;
  line-height:1.45;
  color:var(--ss-soft) !important;
}
.sskbds-map-node.is-cognitive strong{
  font-family:inherit !important;
  font-size:12.6px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
  color:var(--ss-text) !important;
}
.sskbds-map-node.is-cognitive span{color:var(--ss-soft) !important}
.sskbds-map-center{
  min-width:0 !important;
  padding:22px 18px !important;
}
.sskbds-map-center strong{
  font-size:clamp(20px,2.2vw,34px) !important;
  line-height:1.16 !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
  max-width:100% !important;
}
.sskbds-map-center span,
.sskbds-map-center em{display:none !important}
.sskbds-map-axis.is-middle{
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr) minmax(0,1.1fr) !important;
}
@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:980px){
  .sskbds-map-axis.is-middle{grid-template-columns:1fr !important}
}
@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;
}
.sskbds-map-empty{display:none !important}
.sskbds-map-axis:empty{display:none !important}
.sskbds-map-axis.is-middle.is-balanced{
  grid-template-columns:minmax(0,1fr) minmax(260px,.82fr) minmax(0,1fr) !important;
}
.sskbds-map-axis.is-middle.is-balanced .sskbds-map-center:first-child,
.sskbds-map-axis.is-middle.is-balanced .sskbds-map-center:last-child{
  grid-column:2;
}
.sskbds-map-foot{
  padding-top:16px !important;
  gap:8px !important;
  justify-content:flex-end !important;
}
.sskbds-map-foot button{
  min-height:38px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:720 !important;
  letter-spacing:.01em !important;
  box-shadow:none !important;
}
.sskbds-map-foot button[data-map-detail]{
  padding-inline:16px !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.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;
  }
}




/* Earlier print fragments consolidated into the final v12.25 print layer below. */

/* =========================================================
   KBDS V12.25 - FINAL OVERRIDES
   Visual Mapping trail and print layer remain last by design.
========================================================= */
.sskbds-map-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:10px;
  border:1px solid color-mix(in srgb,var(--ss-gold) 42%,var(--ss-border));
  border-radius:999px;
  padding:6px 10px;
  color:var(--ss-gold) !important;
  background:color-mix(in srgb,var(--ss-gold) 10%,transparent);
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sskbds-map-foot{
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.sskbds-map-foot-core{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex:0 0 auto;
}
.sskbds-map-nav{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--ss-border);
  border-radius:999px;
  padding:8px 12px;
  color:var(--ss-text) !important;
  background:color-mix(in srgb,var(--ss-card2) 86%,transparent);
  text-decoration:none !important;
  font-size:12.5px;
  font-weight:760;
  line-height:1;
  white-space:nowrap;
}
.sskbds-map-nav:hover{
  border-color:var(--ss-gold);
  background:color-mix(in srgb,var(--ss-gold) 13%,var(--ss-card2));
}
.sskbds-map-nav.is-disabled{
  opacity:.42;
  pointer-events:none;
}
@media (max-width:760px){
  .sskbds-map-foot{
    display:grid !important;
    grid-template-columns:1fr 1fr;
  }
  .sskbds-map-foot-core{
    grid-column:1 / -1;
    order:3;
    justify-content:stretch;
  }
  .sskbds-map-foot-core button{width:100%}
  .sskbds-map-nav{width:100%;padding-inline:10px;font-size:12px}
}

.sskbds-map-trail{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
  gap:10px;
  align-items:center;
  width:100%;
}
.sskbds-map-trail-note{
  grid-column:1/-1;
  margin:2px 0 0;
  font-size:11px;
  line-height:1.45;
  color:rgba(238,232,213,.62);
  text-align:center;
}
.sskbds-map-modal.is-light .sskbds-map-trail-note{color:rgba(43,38,28,.58)}
.sskbds-map-nav.is-disabled{
  opacity:.42;
  cursor:not-allowed;
}
@media (max-width:720px){
  .sskbds-map-trail{
    grid-template-columns:1fr;
  }
  .sskbds-map-trail-note{
    text-align:left;
  }
}

/* =========================================================
   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;
  }
  body.sskbds-map-lock{overflow: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-map-modal,
  .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;
  }
}