/* KBDS Page Term Tabs v1.2.8 — Family Hash Lazy Load Recovery Fix */
/* 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;

  }

}