/* Kibbe Body Type Test (NS32). Source: sites/needle-tools/tools/kibbe-body-type-test/tool.css. Scoped .chqt-kb*. */
/* the map: five families in rows, the Yang-side type left, the Yin-side type right; the lit cell is the answer */
.chqt-kb-map { display: grid; gap: 6px; margin: 12px 0; }
.chqt-kb-row { display: grid; grid-template-columns: 106px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; align-items: stretch; }
.chqt-kb-fam { font-size: 13px; font-weight: 600; color: var(--chqt-muted); display: flex; align-items: center; justify-content: space-between; gap: 4px; }
.chqt-kb-fam i { font-style: normal; font-size: 12px; min-width: 20px; text-align: center; border-radius: 9px; background: var(--chqt-line); color: var(--chqt-ink); padding: 1px 5px; }
.chqt-kb-row[data-top="1"] .chqt-kb-fam { color: var(--chqt-ink); }
.chqt-kb-row[data-top="1"] .chqt-kb-fam i { background: var(--chqt-accent); color: var(--chqt-accent-ink, #fff); }
.chqt-kb-t { display: flex; align-items: center; min-height: 36px; padding: 4px 8px; border-radius: 8px; border: 1px solid var(--chqt-line); background: #fff; font-size: 13.5px; line-height: 1.2; color: var(--chqt-ink); }
.chqt-kb-t[data-on="1"] { background: var(--chqt-accent); border-color: var(--chqt-accent); color: var(--chqt-accent-ink, #fff); font-weight: 700; }
.chqt-kb-key { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 8px; margin: 2px 0 0 112px; font-size: 12px; color: var(--chqt-muted); }
.chqt-kb-box { background: #fff; border: 1px solid var(--chqt-line); border-radius: 10px; padding: 10px 12px; margin: 10px 0; }
.chqt-kb-h { margin: 6px 0 4px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted); font-weight: 600; }
.chqt-kb-grp p, .chqt-kb-pieces { margin: 3px 0 6px; font-size: 15px; line-height: 1.45; }
.chqt-kb-box cite { font-style: normal; font-size: 13px; color: var(--chqt-muted); }
.chqt-kb-box cite a { color: inherit; }
.chqt-kb-posts { margin: 10px 0 0; font-size: 15px; }
.chqt-kb-posts a { color: var(--chqt-accent); font-weight: 600; }
@media (max-width: 460px) {
  .chqt-kb-row { grid-template-columns: 92px minmax(0, 1fr) minmax(0, 1fr); }
  .chqt-kb-fam { font-size: 12px; }
  .chqt-kb-key { margin-left: 0; }
  /* NS75: the answer on the first phone screen — phones skip the lede, which the labels already say */
  .chqt[data-tool="kibbe-body-type-test"] .chqt-top { display: none; }
}
/* NS75: on phones a long form shows the answer in one tappable line under its first questions (the full answer is below) */
.chqt-ns-peek { display: none; }
@media (max-width: 460px) {
  .chqt-ns-peek { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; min-height: 44px; margin: 0; padding: 8px 12px; font: inherit; text-align: left; cursor: pointer; border: 0; border-left: 4px solid var(--chqt-accent); border-radius: 10px; background: var(--chqt-cream); color: var(--chqt-ink); }
  .chqt-ns-peek small { font-size: 12.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--chqt-muted); }
  .chqt-ns-peek b { font-size: 18px; line-height: 1.25; }
  .chqt-ns-peek[hidden] { display: none; }
}