/* The introductory navigation occupies its own space at every text size. */
.test-suite-page:not(.personality-answering) > .nav {
  position: relative;
  inset: auto;
}
.test-suite-page .test-hero .wrap {
  box-sizing: border-box;
  width: calc(100% - 32px) !important;
  max-width: 1100px;
  margin-inline: auto;
  min-width: 0;
}
.test-suite-page .test-title {
  margin-inline: auto;
  overflow-wrap: anywhere;
}
.test-suite-page .test-hero-actions {
  justify-content: center;
}
.test-suite-page .test-hero-actions .btn {
  box-sizing: border-box;
  min-width: 0;
  width: min(100%, 620px);
  white-space: normal;
  text-align: center;
  line-height: 1.3;
  padding: 20px 24px;
}
.test-suite-page .test-how {
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  transform: none;
}
.test-suite-page .test-how > li {
  box-sizing: border-box;
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 900px) {
  .test-suite-page .test-how { grid-template-columns: minmax(0, 1fr); }
}
.test-suite-page .test-proof,.test-suite-page .test-how>li{text-align:center}
.test-suite-page .test-how .how-number{margin-inline:auto}
.test-suite-page .personality-intro-scene{display:block}
@media(prefers-reduced-motion:no-preference){.test-suite-page .test-hero-actions .btn{animation:dd-test-breathe 2.8s ease-in-out infinite!important}}
@keyframes dd-test-breathe{0%,100%{box-shadow:0 0 8px #d9b77730}50%{box-shadow:0 0 24px #d9b77780}}
@media(max-width:760px){.test-suite-page .test-how>li{display:block}.test-suite-page .test-how .how-number{display:grid;place-items:center;margin:0 auto 16px}}
/* Compact first screen keeps the primary action ahead of long explanations. */
.test-suite-page .test-hero{padding-top:18px!important}
.test-suite-page .test-title{font-size:clamp(30px,4.6vw,60px)!important}
.test-suite-page .test-lead{margin-top:12px!important;font-size:16px!important;line-height:1.4!important}
.test-suite-page .personality-intro-scene{width:auto;max-width:100%;height:clamp(105px,20svh,200px);object-fit:contain;margin:12px auto 0!important}
.test-suite-page .test-hero-actions{margin-top:14px!important}
.test-suite-page .test-hero-actions .btn{padding:16px 20px;min-height:56px}
@media(max-width:600px){.test-suite-page .test-hero{padding-top:12px!important}.test-suite-page .test-title{font-size:clamp(28px,7vw,36px)!important}.test-suite-page .personality-intro-scene{height:clamp(80px,16svh,130px)}.test-suite-page .test-lead{font-size:14px!important}.test-suite-page .test-proof{font-size:12px}}
.test-seo{padding:72px 0 88px;background:#f5f0e8;color:#111315;border-top:1px solid rgba(17,19,21,.1)}
.test-seo>.wrap{width:min(920px,calc(100% - 40px));margin-inline:auto}
.test-seo h2{max-width:760px;margin:0 0 18px;font-size:clamp(32px,5vw,58px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.test-seo>.wrap>p:not(.test-kicker){max-width:760px;margin:0;color:#4d4740;font-size:18px;line-height:1.65}
.test-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0}
.test-seo-grid article{padding:22px;border:1px solid rgba(17,19,21,.12);border-radius:20px;background:rgba(255,255,255,.55)}
.test-seo-grid h3{margin:0 0 10px;font-size:19px;line-height:1.25}
.test-seo-grid p{margin:0;color:#555;line-height:1.55}
.test-seo-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin:0 0 56px}
.test-seo-cta .btn{min-height:52px;border-radius:999px}
.test-seo-cta>a:not(.btn){color:inherit;text-underline-offset:4px}
.test-faq{border-top:1px solid rgba(17,19,21,.14);padding-top:42px}
.test-faq h2{font-size:clamp(28px,4vw,42px)}
.test-faq details{border-top:1px solid rgba(17,19,21,.12);padding:18px 0}
.test-faq details:last-child{border-bottom:1px solid rgba(17,19,21,.12)}
.test-faq summary{cursor:pointer;font-weight:750;font-size:18px;line-height:1.35}
.test-faq details p{max-width:740px;color:#555;line-height:1.6}
.personality-answering .test-seo{display:none!important}
@media(max-width:760px){.test-seo{padding:56px 0 68px}.test-seo-grid{grid-template-columns:1fr}.test-seo-cta{display:grid}.test-seo-cta .btn{width:100%}}
.test-suite-page .question-row legend{margin-bottom:14px}
.test-suite-page .question-row .scale-labels,.test-suite-page .question-row .block-orbs{box-sizing:border-box;width:min(100%,480px);margin-inline:auto}
.test-suite-page .question-row .scale-labels{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:0;margin-bottom:6px;padding-inline:6px;font-size:13px;line-height:1.3}
.test-suite-page .question-row .scale-labels span:last-child{text-align:right}
.test-suite-page .question-row .block-orbs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(2px,1vw,10px);padding:0}
.test-suite-page .question-row .block-orbs label{width:100%;min-width:0;display:grid;place-items:center}

/* Keep additional explanatory content in the approved dark visual system. */
.test-suite-page .test-seo{background:#090c11;color:#f5f0e8;border-color:#494239}
.test-suite-page .test-seo p,.test-suite-page .test-faq details p{color:#c4bbae}
.test-suite-page .test-seo-grid article{background:#14181e;border-color:#494239}
.test-suite-page .test-seo .test-kicker{display:none}
.test-suite-page .test-seo-cta{justify-content:center;text-align:center}
.test-suite-page .test-faq,.test-suite-page .test-faq details{border-color:#494239}