/* KBDS Page Term Tabs v1.2.9 — Family Map Full Parity */
/* KBDS Page Term v1.2 — Tabbed Term Architecture + Family & Quality Layers
   Scope locked to .sskbds-v121 to survive Newspaper/tagDiv conflicts. */
.sskbds-v121 .sskbds-term-tabs,
.sskbds-v121 .sskbds-term-tabs * {
  box-sizing: border-box
}

.sskbds-v121 .sskbds-term-tabs {
  margin: 24px 0 0;
  border: 1px solid var(--ss-border);
  border-radius: 30px;
  background: linear-gradient(145deg, var(--ss-card), rgba(200, 169, 107, .055));
  box-shadow: var(--ss-shadow);
  overflow: hidden;
}

.sskbds-v121 .sskbds-term-tabs-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  padding: 22px 24px 18px;
  border-bottom: 1px solid var(--ss-border);
  background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
}

.sskbds-v121 .sskbds-term-tabs-head h2 {
  margin: 2px 0 4px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(25px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 500;
  color: var(--ss-text);
}

.sskbds-v121 .sskbds-term-tabs-head p {
  margin: 0;
  max-width: 760px;
  color: var(--ss-soft);
  font-size: 13px;
  line-height: 1.55;
}

.sskbds-v121 .sskbds-term-tabbar {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}

.sskbds-v121 .sskbds-term-tabbar: : -webkit-scrollbar {
  display: none
}

.sskbds-v121 .sskbds-term-tab {
  appearance: none;
  flex: 0 0 auto;
  min-height: 38px;
  padding: 10px 14px;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: var(--ss-card) !important;
  color: var(--ss-soft) !important;
  font: 850 11px/1 Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
  sans-serif !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.sskbds-v121 .sskbds-term-tab: hover, .sskbds-v121 .sskbds-term-tab: focus-visible {
  color: var(--ss-text) !important;
  border-color: var(--ss-border-strong) !important;
}

.sskbds-v121 .sskbds-term-tab.is-active {
  color: var(--ss-text) !important;
  border-color: var(--ss-border-strong) !important;
  background: linear-gradient(135deg, var(--ss-gold2), var(--ss-card2)) !important;
}

.sskbds-v121 .sskbds-term-tabpanes {
  padding: 24px
}

.sskbds-v121 .sskbds-term-pane[hidden] {
  display: none !important
}

.sskbds-v121 .sskbds-term-pane.is-active {
  display: block
}

.sskbds-v121 .sskbds-term-pane .sskbds-sections {
  margin-top: 0
}

.sskbds-v121 .sskbds-family-tab-card, .sskbds-v121 .sskbds-quality-tab-card {
  margin: 0
}

.sskbds-v121 .sskbds-pt-family-loading, .sskbds-v121 .sskbds-pt-family-empty {
  padding: 26px;
  border: 1px dashed var(--ss-border-strong);
  border-radius: 24px;
  background: linear-gradient(135deg, var(--ss-card), rgba(200, 169, 107, .055));
}

.sskbds-v121 .sskbds-pt-family-loading h2, .sskbds-v121 .sskbds-pt-family-empty h2 {
  margin: 4px 0 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -.03em;
  color: var(--ss-text)
}

.sskbds-v121 .sskbds-pt-family-loading p, .sskbds-v121 .sskbds-pt-family-empty p {
  margin: 0;
  color: var(--ss-soft);
  font-size: 13px;
  line-height: 1.55
}

.sskbds-v121 .sskbds-pt-family-wrap {
  display: grid;
  gap: 16px
}

.sskbds-v121 .sskbds-pt-family-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .34fr);
  gap: 18px;
  align-items: stretch;
  padding: 24px;
  border: 1px solid var(--ss-border);
  border-radius: 28px;
  background: radial-gradient(circle at 100% 0%, var(--ss-gold2), transparent 38%), linear-gradient(135deg, var(--ss-card2), var(--ss-card));
}

.sskbds-v121 .sskbds-pt-family-hero h2 {
  margin: 4px 0 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 4vw, 56px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.06em;
  color: var(--ss-text)
}

.sskbds-v121 .sskbds-pt-family-hero p {
  margin: 0;
  max-width: 760px;
  color: var(--ss-soft);
  font-size: 14px;
  line-height: 1.6
}

.sskbds-v121 .sskbds-pt-family-hero aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  padding: 18px;
  border: 1px solid var(--ss-border-strong);
  border-radius: 22px;
  background: rgba(200, 169, 107, .08)
}

.sskbds-v121 .sskbds-pt-family-hero aside span,
.sskbds-v121 .sskbds-pt-family-panel span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ss-gold)
}

.sskbds-v121 .sskbds-pt-family-hero aside strong {
  font-size: 19px;
  line-height: 1.15;
  color: var(--ss-text)
}

.sskbds-v121 .sskbds-pt-family-hero aside em {
  font-style: normal;
  color: var(--ss-faint);
  font-size: 12px
}

.sskbds-v121 .sskbds-pt-family-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px
}

.sskbds-v121 .sskbds-pt-family-panel {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--ss-border);
  border-radius: 22px;
  background: linear-gradient(135deg, var(--ss-card), rgba(255, 255, 255, .025));
}

.sskbds-v121 .sskbds-pt-family-panel.is-primary {
  border-color: var(--ss-border-strong);
  background: linear-gradient(135deg, var(--ss-gold2), var(--ss-card))
}

.sskbds-v121 .sskbds-pt-family-panel h3 {
  margin: 6px 0 8px;
  color: var(--ss-text);
  font-size: 19px;
  line-height: 1.15;
  font-weight: 850;
  letter-spacing: -.025em
}

.sskbds-v121 .sskbds-pt-family-panel p {
  margin: 0;
  color: var(--ss-soft);
  font-size: 13px;
  line-height: 1.55
}

.sskbds-v121 .sskbds-pt-family-panel button, .sskbds-v121 .sskbds-pt-family-chipline button,
.sskbds-v121 .sskbds-pt-family-chip {
  appearance: none;
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 8px 10px;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: var(--ss-card) !important;
  color: var(--ss-soft) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.sskbds-v121 .sskbds-pt-family-panel > button {
  margin-top: 14px;
  color: var(--ss-gold) !important;
  border-color: var(--ss-border-strong) !important
}

.sskbds-v121 .sskbds-pt-family-chipline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px
}

.sskbds-v121 .sskbds-pt-family-chipline em {
  color: var(--ss-faint);
  font-style: normal;
  font-size: 13px
}

.sskbds-v121 .sskbds-pt-family-chipline button: hover, .sskbds-v121 .sskbds-pt-family-chip: hover {
  color: var(--ss-text) !important;
  border-color: var(--ss-border-strong) !important;
  background: var(--ss-card2) !important
}

.sskbds-v121 .sskbds-pt-family-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .46fr);
  gap: 16px;
  align-items: end;
  padding: 18px;
  border: 1px solid var(--ss-border);
  border-radius: 22px;
  background: var(--ss-card);
}

.sskbds-v121 .sskbds-pt-family-search h3 {
  margin: 4px 0 5px;
  color: var(--ss-text);
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.025em
}

.sskbds-v121 .sskbds-pt-family-search p {
  margin: 0;
  color: var(--ss-soft);
  font-size: 13px;
  line-height: 1.45
}

.sskbds-v121 .sskbds-pt-family-searchline {
  display: flex;
  gap: 8px;
  align-items: center
}

.sskbds-v121 .sskbds-pt-family-searchline input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 42px;
  padding: 10px 13px;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: var(--ss-text) !important;
  outline: none !important;
}

.sskbds-v121 .sskbds-pt-family-searchline input: focus {
  border-color: var(--ss-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(200, 169, 107, .10) !important
}

.sskbds-v121 .sskbds-pt-family-searchline button,
.sskbds-v121 .sskbds-pt-family-more button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: var(--ss-card) !important;
  color: var(--ss-soft) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  cursor: pointer !important;
}

.sskbds-v121 .sskbds-pt-family-more button: disabled {
  opacity: .42;
  cursor: default !important
}

.sskbds-v121 .sskbds-pt-family-results {
  padding: 18px;
  border: 1px solid var(--ss-border);
  border-radius: 24px;
  background: linear-gradient(135deg, var(--ss-card), rgba(255, 255, 255, .02))
}

.sskbds-v121 .sskbds-pt-family-result-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 13px;
  color: var(--ss-soft);
  font-size: 12px
}

.sskbds-v121 .sskbds-pt-family-result-head strong {
  color: var(--ss-text);
  font-size: 15px;
  letter-spacing: -.01em
}

.sskbds-v121 .sskbds-pt-family-term-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px
}

.sskbds-v121 .sskbds-pt-family-term {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--ss-border);
  border-radius: 20px;
  background: rgba(255, 255, 255, .045);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease
}

.sskbds-v121 .sskbds-pt-family-term: hover,
.sskbds-v121 .sskbds-pt-family-term: focus {
  transform: translateY(-1px);
  border-color: var(--ss-border-strong);
  background: rgba(200, 169, 107, .075);
  outline: none
}

.sskbds-v121 .sskbds-pt-family-term-copy {
  padding-right: 30px
}

.sskbds-v121 .sskbds-pt-family-term h4 {
  margin: 0 0 7px;
  color: var(--ss-text);
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -.015em;
  overflow-wrap: anywhere
}

.sskbds-v121 .sskbds-pt-family-term p {
  margin: 0;
  color: var(--ss-soft);
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.sskbds-v121 .sskbds-pt-family-fav {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: var(--ss-card) !important;
  color: var(--ss-faint) !important;
  line-height: 1 !important;
  cursor: pointer !important
}

.sskbds-v121 .sskbds-pt-family-fav.is-active {
  color: var(--ss-gold) !important;
  border-color: var(--ss-border-strong) !important;
  background: var(--ss-gold2) !important
}

.sskbds-v121 .sskbds-pt-family-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto
}

.sskbds-v121 .sskbds-pt-family-actions .ss-ds-kbd-card-action {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: var(--ss-card) !important;
  color: var(--ss-soft) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important
}

.sskbds-v121 .sskbds-pt-family-actions .ss-ds-kbd-card-action: hover {
  color: var(--ss-text) !important;
  border-color: var(--ss-border-strong) !important;
  background: var(--ss-card2) !important
}

.sskbds-v121 .sskbds-pt-family-more {
  display: flex;
  justify-content: center;
  margin-top: 14px
}

.sskbds-v121 .sskbds-pt-family-empty-mini {
  grid-column: 1/-1;
  padding: 18px;
  border: 1px dashed var(--ss-border);
  border-radius: 16px;
  color: var(--ss-soft);
  font-size: 13px;
  text-align: center
}

.sskbds-v121 .ss-kbdsq-inline {
  display: block;
  color: var(--ss-text)
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-overviewbars, .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-gridbars {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-section {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--ss-border);
  border-radius: 22px;
  background: linear-gradient(135deg, var(--ss-card), rgba(255, 255, 255, .025))
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-sectionhead {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-end;
  margin-bottom: 13px
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-sectionhead h3 {
  margin: 0;
  color: var(--ss-text);
  font-size: 17px;
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: -.015em
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-sectionhead p {
  margin: 0;
  max-width: 520px;
  color: var(--ss-soft);
  font-size: 12px;
  line-height: 1.45;
  text-align: right
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--ss-border);
  border-radius: 17px;
  background: rgba(255, 255, 255, .045)
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barhead {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 9px
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barhead strong {
  min-width: 0;
  color: var(--ss-text);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barhead span {
  color: var(--ss-gold);
  font-weight: 900;
  font-size: 13px
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-bartrack {
  height: 8px;
  border-radius: 999px;
  background: rgba(127, 137, 148, .16);
  overflow: hidden
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-bartrack i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(200, 169, 107, .48), var(--ss-gold))
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barmeta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  color: var(--ss-faint);
  font-size: 11px;
  line-height: 1.3
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barmeta em {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .08em;
  color: var(--ss-gold)
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-list {
  margin: 0;
  padding-left: 18px;
  color: var(--ss-soft);
  font-size: 13px;
  line-height: 1.55
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-list li {
  margin: 0 0 8px
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-muted {
  margin: 0;
  color: var(--ss-soft);
  font-size: 13px;
  line-height: 1.55
}

.sskbds-v121 .ss-kbdsq-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
  margin-top: 16px
}

.sskbds-v121 .ss-kbdsq-inline-actions button {
  min-height: 38px;
  padding: 10px 14px;
  border: 1px solid var(--ss-border-strong) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ss-gold2), var(--ss-card)) !important;
  color: var(--ss-text) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important
}

.sskbds-v121[data-theme="light"] .sskbds-pt-family-searchline input,
body: not(.td-theme-dark) .sskbds-v121: not([data-theme="dark"]) .sskbds-pt-family-searchline input {
  background: rgba(255, 255, 255, .82) !important;
  color: var(--ss-text) !important
}

@media(max-width: 980px) {
  .sskbds-v121 .sskbds-term-tabs-head, .sskbds-v121 .sskbds-pt-family-hero, .sskbds-v121 .sskbds-pt-family-search {
    grid-template-columns: 1fr
  }

  .sskbds-v121 .sskbds-term-tabbar {
    width: 100%
  }

  .sskbds-v121 .sskbds-pt-family-term-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

}

@media(max-width: 720px) {
  .sskbds-v121 .sskbds-term-tabpanes {
    padding: 14px
  }

  .sskbds-v121 .sskbds-term-tabs-head {
    padding: 18px 16px 14px
  }

  .sskbds-v121 .sskbds-pt-family-grid,
    .sskbds-v121 .sskbds-pt-family-term-grid,
   .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-overviewbars,
   .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-gridbars {
    grid-template-columns: 1fr
  }

  .sskbds-v121 .sskbds-pt-family-searchline {
    flex-direction: column;
    align-items: stretch
  }

  .sskbds-v121 .sskbds-pt-family-searchline button {
    width: 100%
  }

  .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-sectionhead {
    display: block
  }

  .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-sectionhead p {
    text-align: left;
    margin-top: 5px
  }

}

/* =========================================================
   KBDS Page Term v1.2.1 — Family Tab Usability + Compare Path Polish
   Scoped to .sskbds-v121 for Newspaper/tagDiv conflict resistance.
========================================================= */
.sskbds-v121 .sskbds-pt-family-guide {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 13px 16px;
  border: 1px solid var(--ss-border);
  border-radius: 18px;
  background: linear-gradient(135deg, var(--ss-card), rgba(200, 169, 107, .055));
  color: var(--ss-soft);
  font-size: 12px;
  line-height: 1.25;
}

.sskbds-v121 .sskbds-pt-family-guide strong {
  color: var(--ss-text);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.sskbds-v121 .sskbds-pt-family-guide span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 7px 10px;
  border: 1px solid var(--ss-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: var(--ss-soft);
  font-weight: 800;
}

.sskbds-v121 .sskbds-pt-family-panel p + .sskbds-pt-family-chipline, .sskbds-v121 .sskbds-pt-family-panel p + button {
  margin-top: 13px;
}

.sskbds-v121 .sskbds-pt-family-scope {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-top: 10px;
}

.sskbds-v121 .sskbds-pt-family-scope strong {
  color: var(--ss-faint);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sskbds-v121 .sskbds-pt-family-scope span {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid var(--ss-border-strong);
  border-radius: 999px;
  background: var(--ss-gold2);
  color: var(--ss-text);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
}

.sskbds-v121 .sskbds-pt-family-term {
  padding: 16px !important;
  gap: 13px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)) !important;
}

.sskbds-v121 .sskbds-pt-family-term h4 {
  font-weight: 900 !important;
  font-size: 16px !important;
  letter-spacing: -.025em !important;
  color: var(--ss-text) !important;
}

.sskbds-v121 .sskbds-pt-family-role {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  min-height: 24px;
  padding: 6px 8px;
  margin: 0 0 8px;
  border: 1px solid var(--ss-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: var(--ss-faint);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.sskbds-v121 .sskbds-pt-family-term p {
  color: var(--ss-soft) !important;
}

.sskbds-v121 .sskbds-pt-family-actions {
  padding-top: 3px;
  border-top: 1px solid rgba(127, 137, 148, .14);
}

.sskbds-v121 .sskbds-pt-family-actions .ss-ds-kbd-card-action {
  font-weight: 900 !important;
  text-align: center !important;
}

.sskbds-v121 .sskbds-pt-compare-path {
  padding: 18px;
  border: 1px solid var(--ss-border);
  border-radius: 24px;
  background: linear-gradient(135deg, var(--ss-card), rgba(255, 255, 255, .02));
}

.sskbds-v121 .sskbds-pt-compare-path h3 {
  margin: 4px 0 7px;
  color: var(--ss-text);
  font-size: 21px;
  line-height: 1.12;
  letter-spacing: -.025em;
  font-weight: 900;
}

.sskbds-v121 .sskbds-pt-compare-path p {
  margin: 0;
  color: var(--ss-soft);
  font-size: 13px;
  line-height: 1.5;
}

.sskbds-v121 .sskbds-pt-compare-path p strong {
  color: var(--ss-text);
  font-weight: 850;
}

.sskbds-v121 .sskbds-pt-compare-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}

.sskbds-v121 .sskbds-pt-compare-head button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 10px 14px;
  border: 1px solid var(--ss-border-strong) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ss-gold2), var(--ss-card)) !important;
  color: var(--ss-text) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.sskbds-v121 .sskbds-pt-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.sskbds-v121 .sskbds-pt-compare-grid article {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--ss-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, .045);
}

.sskbds-v121 .sskbds-pt-compare-grid article > span {
  display: block;
  color: var(--ss-gold);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.sskbds-v121 .sskbds-pt-compare-grid article p {
  color: var(--ss-soft);
  font-size: 12px;
  line-height: 1.45;
  margin: 0 0 11px;
}

.sskbds-v121 .sskbds-pt-family-chip.is-compare-pill {
  color: var(--ss-text) !important;
}

body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-guide,
  .sskbds-v121[data-theme="dark"] .sskbds-pt-family-guide,
body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-compare-path,
  .sskbds-v121[data-theme="dark"] .sskbds-pt-compare-path {
  background: linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(200, 169, 107, .045));
}

@media(max-width: 980px) {
  .sskbds-v121 .sskbds-pt-compare-head {
    display: block
  }

  .sskbds-v121 .sskbds-pt-compare-head button {
    margin-top: 13px
  }

  .sskbds-v121 .sskbds-pt-compare-grid {
    grid-template-columns: 1fr
  }

}

@media(max-width: 760px) {
  .sskbds-v121 .sskbds-pt-family-guide {
    align-items: flex-start
  }

  .sskbds-v121 .sskbds-pt-family-guide strong {
    flex-basis: 100%
  }

}

/* =========================================================
   v1.2.2 — Family Chip Popup + Compare Mini Action Polish
   Scoped to .sskbds-v121 to survive Newspaper/tagDiv conflicts.
========================================================= */
.sskbds-v121 .sskbds-pt-family-chip.is-term-popup {
  text-decoration: none !important;
  color: var(--ss-text) !important;
  font-weight: 900 !important;
}

.sskbds-v121 .sskbds-pt-family-chip.is-term-popup: hover, .sskbds-v121 .sskbds-pt-family-chip.is-term-popup: focus-visible {
  color: var(--ss-text) !important;
  border-color: var(--ss-border-strong) !important;
  background: var(--ss-card2) !important;
  outline: none !important;
}

.sskbds-v121 .sskbds-pt-compare-chiprow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
}

.sskbds-v121 .sskbds-pt-compare-chiprow .sskbds-pt-family-chip {
  max-width: min(100%, 260px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sskbds-v121 .sskbds-pt-compare-mini {
  appearance: none;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 31px !important;
  min-width: 31px !important;
  height: 31px !important;
  min-height: 31px !important;
  padding: 0 !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: var(--ss-card) !important;
  color: var(--ss-gold) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
}

.sskbds-v121 .sskbds-pt-compare-mini: hover, .sskbds-v121 .sskbds-pt-compare-mini: focus-visible {
  color: var(--ss-text) !important;
  border-color: var(--ss-border-strong) !important;
  background: var(--ss-card2) !important;
  outline: none !important;
}

.sskbds-v121 .sskbds-pt-compare-grid .sskbds-pt-family-chipline {
  gap: 9px 10px !important;
}

@media(max-width: 620px) {
  .sskbds-v121 .sskbds-pt-compare-chiprow {
    max-width: 100%;
  }

  .sskbds-v121 .sskbds-pt-compare-chiprow .sskbds-pt-family-chip {
    max-width: calc(100vw - 120px);
  }

}

/* =========================================================
   v1.2.4 — Family Search Scope + Kompas Gateway Polish
   Scoped to .sskbds-v121 for Newspaper/tagDiv conflict resistance.
========================================================= */
.sskbds-v121 .sskbds-pt-family-searchline {
  display: grid !important;
  grid-template-columns: minmax(190px, .72fr) minmax(180px, 1fr) auto;
  gap: 9px !important;
  align-items: center !important;
}

.sskbds-v121 .sskbds-pt-family-searchline select {
  appearance: none !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 38px 10px 13px !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background:  linear-gradient(45deg, transparent 50%, var(--ss-gold) 50%) calc(100% - 18px) 17px/6px 6px no-repeat, linear-gradient(135deg,
    var(--ss-card), rgba(200, 169, 107, .055)) !important;
  color: var(--ss-text) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  outline: none !important;
  cursor: pointer !important;
}

.sskbds-v121 .sskbds-pt-family-searchline select: focus {
  border-color: var(--ss-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(200, 169, 107, .10) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-pt-family-searchline select option,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline select option {
  background: #101b28 !important;
  color: #f3f5f1 !important;
}

.sskbds-v121 .sskbds-pt-family-term h4 mark, .sskbds-v121 .sskbds-pt-family-chip mark {
  display: inline;
  padding: 0 .18em;
  border-radius: 6px;
  background: rgba(200, 169, 107, .22);
  color: inherit;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.sskbds-v121 .sskbds-pt-family-chiprow.is-family-chiprow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
}

.sskbds-v121 .sskbds-pt-family-chiprow.is-family-chiprow .sskbds-pt-family-chip {
  max-width: min(100%, 280px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sskbds-v121 .sskbds-pt-family-actions .sskbds-related-compare, .sskbds-v121 .sskbds-pt-compare-mini.sskbds-related-compare {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.sskbds-v121 .sskbds-pt-family-actions .sskbds-related-compare {
  color: var(--ss-gold) !important;
  border-color: var(--ss-border-strong) !important;
}

/* Kompas Pulang SEO / Gateway block above the tab system. */
.sskbds-v121 .sskbds-kompas-gateway-shell {
  margin: 22px auto 24px;
  width: min(100%, 1180px);
}

.sskbds-v121 .sskbds-kompas-gateway-shell > * {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ss-border-strong) !important;
  border-radius: 30px !important;
  background:  radial-gradient(circle at 96% 10%, rgba(200, 169, 107, .20), transparent 34%), radial-gradient(circle at 0% 100%, rgba(200,
    169, 107, .12), transparent 30%), linear-gradient(145deg, var(--ss-card), rgba(200, 169, 107, .075)) !important;
  box-shadow: var(--ss-shadow-soft) !important;
  padding: clamp(22px, 3vw, 34px) !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell > *: : before: : before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(200, 169, 107, .72), transparent);
  pointer-events: none;
}

.sskbds-v121 .sskbds-kompas-gateway-shell h2, .sskbds-v121 .sskbds-kompas-gateway-shell h3,
.sskbds-v121 .sskbds-kompas-gateway-shell strong {
  color: var(--ss-text) !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell h2, .sskbds-v121 .sskbds-kompas-gateway-shell h3 {
  margin: .16em 0 .38em !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(28px, 3.8vw, 44px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
  font-weight: 500 !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell p, .sskbds-v121 .sskbds-kompas-gateway-shell li {
  max-width: 980px;
  color: var(--ss-soft) !important;
  font-size: clamp(14px, 1.35vw, 16px) !important;
  line-height: 1.65 !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell button,
  .sskbds-v121 .sskbds-kompas-gateway-shell .js-sskp-open,
.sskbds-v121 .sskbds-kompas-gateway-shell a[class*="button"] {
  min-height: 44px !important;
  padding: 12px 18px !important;
  border: 1px solid var(--ss-border-strong) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ss-gold), rgba(200, 169, 107, .72)) !important;
  color: #162033 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 34px rgba(121, 83, 20, .14) !important;
  cursor: pointer !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell button: hover, .sskbds-v121 .sskbds-kompas-gateway-shell .js-sskp-open: hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 42px rgba(121, 83, 20, .18) !important;
}

body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell > *,
  .sskbds-v121[data-theme="dark"] .sskbds-kompas-gateway-shell > * {
  background:  radial-gradient(circle at 96% 10%, rgba(214, 185, 121, .20), transparent 34%), radial-gradient(circle at 0% 100%, rgba(118,
    166, 220, .08), transparent 30%), linear-gradient(145deg, rgba(15, 25, 38, .94), rgba(31, 42, 55, .86)) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

@media(max-width: 760px) {
  .sskbds-v121 .sskbds-pt-family-searchline {
    grid-template-columns: 1fr !important;
  }

  .sskbds-v121 .sskbds-pt-family-searchline select,
    .sskbds-v121 .sskbds-pt-family-searchline input,
   .sskbds-v121 .sskbds-pt-family-searchline button {
    width: 100% !important;
  }

  .sskbds-v121 .sskbds-kompas-gateway-shell {
    width: 100%;
    margin: 16px 0 18px;
  }

  .sskbds-v121 .sskbds-kompas-gateway-shell > * {
    border-radius: 22px !important;
    padding: 19px !important;
  }

}

/* =========================================================
   KBDS Page Term v1.2.4 — Kompas Gateway + Quality Inline Visual Lock
   Final visual overrides. Scoped to .sskbds-v121 for Newspaper/tagDiv safety.
========================================================= */
/* Family search controls: locked grid,
  no horizontal throw. */
.sskbds-v121 .sskbds-pt-family-search {
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

.sskbds-v121 .sskbds-pt-family-searchline {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 260px) minmax(220px, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.sskbds-v121 .sskbds-pt-family-searchline select, .sskbds-v121 .sskbds-pt-family-searchline input,
.sskbds-v121 .sskbds-pt-family-searchline button {
  max-width: 100% !important;
  min-width: 0 !important;
}

.sskbds-v121 .sskbds-pt-family-searchline input {
  width: 100% !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #27313d !important;
}

.sskbds-v121 .sskbds-pt-family-searchline input: : placeholder {
  color: rgba(52, 60, 69, .58) !important;
  opacity: 1 !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-pt-family-search,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-search,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-search {
  background: linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .026)) !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-pt-family-searchline input,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline input,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline input {
  background: rgba(7, 18, 30, .52) !important;
  color: rgba(246, 249, 246, .96) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-pt-family-searchline input: : placeholder,
body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline input: : placeholder,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline input: : placeholder {
  color: rgba(238, 244, 240, .58) !important;
  opacity: 1 !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-pt-family-searchline select,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline select,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline select {
  background:  linear-gradient(45deg, transparent 50%, rgba(220, 188, 121, .96) 50%) calc(100% - 18px) 17px/6px 6px no-repeat,
    linear-gradient(135deg, rgba(12, 25, 39, .78), rgba(255, 255, 255, .065)) !important;
  color: rgba(246, 249, 246, .96) !important;
  border-color: rgba(220, 188, 121, .36) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-pt-family-searchline button,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline button,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-pt-family-searchline button {
  background: rgba(255, 255, 255, .07) !important;
  color: rgba(246, 249, 246, .86) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

/* Kompas Pulang gateway: premium light/dark lock. */
.sskbds-v121 .sskbds-kompas-gateway-shell {
  margin: 24px auto 28px !important;
  width: min(100%, 1180px) !important;
  padding: 0 !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell > * {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 150, 78, .34) !important;
  border-radius: 30px !important;
  background:  radial-gradient(circle at 90% 6%, rgba(200, 169, 107, .19), transparent 33%), radial-gradient(circle at 0% 100%, rgba(200,
    169, 107, .10), transparent 34%), linear-gradient(145deg, rgba(255, 252, 246, .86), rgba(246, 240, 230, .68)) !important;
  box-shadow: 0 24px 70px rgba(77, 61, 31, .13), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
  padding: clamp(24px, 3.2vw, 38px) !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell > *: : before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, transparent, rgba(200, 169, 107, .72), rgba(255, 255, 255, .45), transparent) !important;
  pointer-events: none !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell > *: : after {
  content: "" !important;
  position: absolute !important;
  right: -9% !important;
  bottom: -42% !important;
  width: 34% !important;
  aspect-ratio: 1 !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(200, 169, 107, .14), transparent 70%) !important;
  pointer-events: none !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell h2, .sskbds-v121 .sskbds-kompas-gateway-shell h3 {
  color: #24303c !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell p, .sskbds-v121 .sskbds-kompas-gateway-shell li {
  color: rgba(45, 53, 61, .74) !important;
}

.sskbds-v121 .sskbds-kompas-gateway-shell strong {
  color: #29313a !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-kompas-gateway-shell,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell {
  padding: clamp(18px, 2.4vw, 34px) !important;
  border: 1px solid rgba(214, 185, 121, .35) !important;
  border-radius: 32px !important;
  background:  radial-gradient(circle at 14% 0%, rgba(214, 185, 121, .16), transparent 33%), radial-gradient(circle at 88% 82%, rgba(91, 129,
    158, .11), transparent 32%), linear-gradient(145deg, rgba(6, 15, 25, .98), rgba(17, 31, 44, .95)) !important;
  box-shadow: 0 28px 86px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-kompas-gateway-shell > *,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell > *,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell > * {
  border-color: rgba(255, 255, 255, .14) !important;
  background:  radial-gradient(circle at 94% 10%, rgba(214, 185, 121, .15), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255,
    .075), rgba(255, 255, 255, .035)) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-kompas-gateway-shell h2,
  .sskbds-v121[data-theme="dark"] .sskbds-kompas-gateway-shell h3,
body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell h2,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell h3,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell h2,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell h3 {
  color: rgba(255, 249, 232, .98) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-kompas-gateway-shell p,
  .sskbds-v121[data-theme="dark"] .sskbds-kompas-gateway-shell li,
body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell p,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell li,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell p,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell li {
  color: rgba(242, 247, 244, .72) !important;
}

.sskbds-v121[data-theme="dark"] .sskbds-kompas-gateway-shell strong,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell strong,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .sskbds-kompas-gateway-shell strong {
  color: rgba(255, 249, 232, .98) !important;
}

/* Quality inline visual lock: softer, popup-aligned, no hard black/white borders. */
.sskbds-v121 .ss-kbdsq-inline {
  --qil-panel: rgba(255, 255, 255, .72);
  --qil-panel-strong: rgba(255, 255, 255, .92);
  --qil-line: rgba(80, 67, 45, .13);
  --qil-line-strong: rgba(172, 130, 57, .28);
  --qil-track: rgba(57, 68, 78, .12);
  --qil-text: #24303b;
  --qil-muted: rgba(60, 68, 76, .64);
  --qil-gold: #a98642;
  --qil-gold-2: #d9bd78;
  --qil-ideal: #4f8f6c;
  color: var(--qil-text) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-overviewbars, .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-gridbars {
  gap: 14px !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-section {
  border: 1px solid var(--qil-line) !important;
  border-radius: 26px !important;
  background: linear-gradient(135deg, var(--qil-panel-strong), rgba(255, 255, 255, .52)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 18px 48px rgba(49, 40, 23, .07) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow {
  position: relative !important;
  overflow: hidden !important;
  padding: 14px !important;
  border: 1px solid var(--qil-line) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--qil-panel), rgba(255, 255, 255, .48)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow: : before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, rgba(169, 134, 66, .72), rgba(169, 134, 66, .08)) !important;
  opacity: .75 !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-sectionhead h3, .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barhead strong {
  color: var(--qil-text) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-sectionhead p, .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-muted,
.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-list {
  color: var(--qil-muted) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barhead span {
  color: var(--qil-gold) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-bartrack {
  height: 7px !important;
  background: var(--qil-track) !important;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .035) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-bartrack i {
  background: linear-gradient(90deg, rgba(169, 134, 66, .58), rgba(217, 189, 120, .98)) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barmeta em {
  color: var(--qil-gold) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow.is-ideal .ss-kbdsq-bartrack i,
.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-positive-pull .ss-kbdsq-bartrack i,
.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-negative-pull .ss-kbdsq-bartrack i {
  background: linear-gradient(90deg, rgba(95, 154, 123, .55), rgba(176, 219, 195, .96)) !important;
}

.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow.is-ideal: : before,
  .sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-positive-pull: : before,
.sskbds-v121 .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-negative-pull: : before {
  background: linear-gradient(180deg, rgba(95, 154, 123, .72), rgba(95, 154, 123, .08)) !important;
}

.sskbds-v121[data-theme="dark"] .ss-kbdsq-inline, body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline {
  --qil-panel: rgba(255, 255, 255, .055);
  --qil-panel-strong: rgba(255, 255, 255, .085);
  --qil-line: rgba(255, 255, 255, .12);
  --qil-line-strong: rgba(214, 185, 121, .31);
  --qil-track: rgba(255, 255, 255, .075);
  --qil-text: rgba(247, 250, 247, .96);
  --qil-muted: rgba(232, 238, 235, .62);
  --qil-gold: #d9bd78;
  --qil-gold-2: #f5dfaa;
  --qil-ideal: #9fd7ba;
}

.sskbds-v121[data-theme="dark"] .ss-kbdsq-inline .ss-kbdsq-section,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-section,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-section {
  border-color: var(--qil-line) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .062), rgba(255, 255, 255, .028)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 18px 52px rgba(0, 0, 0, .18) !important;
}

.sskbds-v121[data-theme="dark"] .ss-kbdsq-inline .ss-kbdsq-barrow,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-barrow,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-barrow {
  border-color: rgba(255, 255, 255, .13) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .064), rgba(0, 0, 0, .11)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.sskbds-v121[data-theme="dark"] .ss-kbdsq-inline .ss-kbdsq-bartrack i,
  body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-bartrack i,
  html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-bartrack i {
  background: linear-gradient(90deg, rgba(214, 185, 121, .64), rgba(245, 223, 170, .98)) !important;
}

.sskbds-v121[data-theme="dark"] .ss-kbdsq-inline .ss-kbdsq-barrow.is-ideal .ss-kbdsq-bartrack i,
.sskbds-v121[data-theme="dark"] .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-positive-pull .ss-kbdsq-bartrack i,
.sskbds-v121[data-theme="dark"] .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-negative-pull .ss-kbdsq-bartrack i,
body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-barrow.is-ideal .ss-kbdsq-bartrack i,
body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-positive-pull .ss-kbdsq-bartrack i,
body.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-negative-pull .ss-kbdsq-bartrack i,
html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-barrow.is-ideal .ss-kbdsq-bartrack i,
html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-positive-pull .ss-kbdsq-bartrack i,
html.td-theme-dark .sskbds-v121: not([data-theme="light"]) .ss-kbdsq-inline .ss-kbdsq-barrow.is-field-negative-pull .ss-kbdsq-bartrack i {
  background: linear-gradient(90deg, rgba(121, 184, 151, .58), rgba(190, 232, 207, .96)) !important;
}

@media(max-width: 860px) {
  .sskbds-v121 .sskbds-pt-family-searchline {
    grid-template-columns: 1fr !important;
  }

}

/* v1.2.5 — Family Random Explore Lock (kept, refined by v1.2.8) */
.sskbds-v121 .sskbds-pt-family-result-tools {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.sskbds-v121 .sskbds-pt-family-result-tools span {
  color: var(--ss-soft);
  white-space: nowrap;
}

.sskbds-v121 .sskbds-pt-family-result-tools button[data-kbds-family-tab-random] {
  min-height: 32px;
  padding: 8px 13px !important;
  border: 1px solid var(--ss-border-strong) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--ss-gold2), rgba(255, 255, 255, .055)) !important;
  color: var(--ss-text) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .045), inset 0 1px 0 rgba(255, 255, 255, .18);
}

.sskbds-v121 .sskbds-pt-family-result-tools button[data-kbds-family-tab-random]: hover {
  transform: translateY(-1px);
  border-color: var(--ss-gold) !important;
  background: linear-gradient(135deg, rgba(200, 169, 107, .24), var(--ss-card2)) !important;
}

.sskbds-v121 .sskbds-pt-family-result-tools button[data-kbds-family-tab-random]: disabled {
  opacity: .45;
  cursor: default !important;
  transform: none;
}

@media(max-width: 680px) {
  .sskbds-v121 .sskbds-pt-family-result-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .sskbds-v121 .sskbds-pt-family-result-tools {
    justify-content: flex-start;
  }

}

/* =========================================================
   v1.2.8 — Family Random Scroll Offset Fix
   Keep random exploration below the Page Term sticky bar.
========================================================= */
.sskbds-v121 [data-kbds-family-search-section],
.sskbds-v121 [data-kbds-family-results-root] {
  scroll-margin-top: 132px !important;
}

@media (max-width: 760px) {
  .sskbds-v121 [data-kbds-family-search-section], .sskbds-v121 [data-kbds-family-results-root] {
    scroll-margin-top: 96px !important;
  }

}


/* ------------------------------------------------------
   KBDS Page Term Tabs v1.2.9 — Family Map Full Parity
   - Rumah/Jalur/Cari inline parity with Family Map Global Popup.
   - Page-term scoped only, no modal behavior.
------------------------------------------------------ */
.sskbds-v121 .sskbds-pt-family-wrap.is-full-parity {
  display: grid;
  gap: 16px;
}

.sskbds-v121 .sskbds-pt-family-viewbar {
  display: flex;
  gap: 8px;
  align-items: center;
  overflow-x: auto;
  padding: 8px;
  border: 1px solid var(--ss-border);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ss-card), rgba(200, 169, 107, .055));
  scrollbar-width: thin;
}

.sskbds-v121 .sskbds-pt-family-viewbar button {
  appearance: none;
  flex: 1 0 auto;
  min-height: 34px;
  padding: 9px 13px;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--ss-soft) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

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

.sskbds-v121 .sskbds-pt-family-grid.is-home-profile,
.sskbds-v121 .sskbds-pt-family-grid.is-path-grid {
  align-items: stretch;
}

.sskbds-v121 .sskbds-pt-family-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 12px;
}

.sskbds-v121 .sskbds-pt-family-profile,
.sskbds-v121 .sskbds-pt-corpus-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sskbds-v121 .sskbds-pt-profile-hint,
.sskbds-v121 .sskbds-pt-profile-risk {
  margin: 0 !important;
  padding: 11px 12px;
  border: 1px solid var(--ss-border);
  border-radius: 15px;
  background: rgba(200, 169, 107, .055);
  color: var(--ss-soft) !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

.sskbds-v121 .sskbds-pt-profile-risk {
  background: rgba(169, 70, 63, .055);
}

.sskbds-v121 .sskbds-pt-example-terms {
  display: grid;
  gap: 8px;
  margin: 2px 0 4px;
}

.sskbds-v121 .sskbds-pt-corpus-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.sskbds-v121 .sskbds-pt-corpus-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 6px 10px;
  border: 1px solid var(--ss-border);
  border-radius: 999px;
  background: var(--ss-gold2);
  color: var(--ss-text);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.sskbds-v121 .sskbds-pt-corpus-numbers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.sskbds-v121 .sskbds-pt-corpus-numbers span {
  display: block;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--ss-border);
  border-radius: 15px;
  background: rgba(255, 255, 255, .045);
}

.sskbds-v121 .sskbds-pt-corpus-numbers strong {
  display: block;
  color: var(--ss-text);
  font-size: 19px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.02em;
}

.sskbds-v121 .sskbds-pt-corpus-numbers em {
  display: block;
  margin-top: 4px;
  color: var(--ss-faint);
  font-size: 10.5px;
  line-height: 1.25;
  font-style: normal;
}

.sskbds-v121 .sskbds-pt-corpus-bars {
  display: grid;
  gap: 9px;
}

.sskbds-v121 .sskbds-pt-corpus-bar {
  display: grid;
  gap: 5px;
}

.sskbds-v121 .sskbds-pt-corpus-bar > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sskbds-v121 .sskbds-pt-corpus-bar span {
  color: var(--ss-soft);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

.sskbds-v121 .sskbds-pt-corpus-bar strong {
  color: var(--ss-text);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  white-space: nowrap;
}

.sskbds-v121 .sskbds-pt-corpus-bar i {
  display: block;
  height: 8px;
  overflow: hidden;
  border: 1px solid var(--ss-border);
  border-radius: 999px;
  background: rgba(127, 137, 148, .16);
}

.sskbds-v121 .sskbds-pt-corpus-bar b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(200, 169, 107, .50), var(--ss-gold));
}

.sskbds-v121 .sskbds-pt-related-profile {
  margin: 0;
}

.sskbds-v121 .sskbds-pt-related-family-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.sskbds-v121 .sskbds-pt-related-family-card {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--ss-border);
  border-radius: 17px;
  background: rgba(255, 255, 255, .045);
}

.sskbds-v121 .sskbds-pt-related-family-card strong {
  display: block;
  color: var(--ss-text);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 900;
  margin-bottom: 5px;
}

.sskbds-v121 .sskbds-pt-related-family-card p {
  margin: 0;
  color: var(--ss-soft);
  font-size: 12.5px;
  line-height: 1.48;
}

.sskbds-v121 .sskbds-pt-related-family-card button {
  margin-top: 11px;
}

.sskbds-v121 .sskbds-pt-family-search-hub {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.sskbds-v121 .sskbds-pt-family-search-card.is-search {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--ss-border);
  border-radius: 24px;
  background: var(--ss-card);
}

.sskbds-v121 .sskbds-pt-family-search-input-wrap {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.sskbds-v121 .sskbds-pt-family-search-input-wrap input[data-kbds-family-tab-search] {
  width: 100%;
  padding-right: 42px !important;
}

.sskbds-v121 .sskbds-pt-family-search-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  appearance: none;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  display: inline-grid;
  place-items: center;
  padding: 0 !important;
  border: 1px solid var(--ss-border) !important;
  border-radius: 999px !important;
  background: var(--ss-card) !important;
  color: var(--ss-soft) !important;
  cursor: pointer !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.sskbds-v121 .sskbds-pt-inline-search[hidden] {
  display: none !important;
}

.sskbds-v121 .sskbds-pt-inline-search {
  margin-top: 4px;
}

.sskbds-v121 .sskbds-pt-inline-search.is-empty {
  padding: 11px 13px;
  border: 1px dashed var(--ss-border);
  border-radius: 16px;
  background: rgba(255, 255, 255, .045);
}

.sskbds-v121 .sskbds-pt-inline-search.is-empty p {
  margin: 0;
  color: var(--ss-soft);
  font-size: 12.5px;
  line-height: 1.45;
}

.sskbds-v121 .sskbds-pt-inline-search-list {
  display: grid;
  gap: 6px;
  max-height: clamp(138px, 18dvh, 214px);
  padding-right: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.sskbds-v121 .sskbds-pt-inline-search-item {
  appearance: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid var(--ss-border) !important;
  border-radius: 14px !important;
  background: var(--ss-card2) !important;
  color: var(--ss-text) !important;
  cursor: pointer !important;
  text-align: left;
}

.sskbds-v121 .sskbds-pt-inline-search-item:hover,
.sskbds-v121 .sskbds-pt-inline-search-item:focus-visible {
  border-color: var(--ss-border-strong) !important;
  background: var(--ss-gold2) !important;
  outline: none;
}

.sskbds-v121 .sskbds-pt-inline-search-item strong,
.sskbds-v121 .sskbds-pt-inline-search-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sskbds-v121 .sskbds-pt-inline-search-item span {
  color: var(--ss-faint);
  font-size: 10.6px;
}

.sskbds-v121 .sskbds-pt-family-actions .ss-ds-kbd-card-action.is-family {
  color: var(--ss-gold) !important;
  border-color: var(--ss-border-strong) !important;
  background: var(--ss-gold2) !important;
}

@media (max-width: 760px) {
  .sskbds-v121 .sskbds-pt-corpus-numbers,
  .sskbds-v121 .sskbds-pt-related-family-grid {
    grid-template-columns: 1fr;
  }

  .sskbds-v121 .sskbds-pt-corpus-bar > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .sskbds-v121 .sskbds-pt-family-viewbar {
    border-radius: 22px;
  }
}