/* One shared entry to the self-test, on every surface. */
.primary.test-cta,.header nav .test-cta,.editorial-body .article-bottom .test-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;width:238px;min-width:0;max-width:100%;min-height:56px;padding:16px 22px;border:0;border-radius:100px;background:#ABCFFD;color:#2C3161;font:600 16px/1.4 Barlow,Arial,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:none;flex-shrink:0}
.primary.test-cta:hover,.header nav .test-cta:hover{background:#DCEBFF;transform:translateY(-2px)}
.test-cta .ui-arrow{width:20px;height:20px;flex-shrink:0}
.about-links{align-items:center}
.header nav{flex-wrap:wrap;align-items:center}
.header nav .test-cta{margin-left:auto}
.test-invite{display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:#E7EFFB;color:#2C3161;padding:32px 7%;border-radius:18px;margin:25px auto 40px;width:90%;max-width:1160px}
.test-invite .eyebrow{color:#17447D;margin-bottom:12px}.test-invite h2{font-size:32px;line-height:1.18;margin:0 0 13px}.test-invite p:last-child{font-size:16px;line-height:1.7;margin:0;max-width:610px}
.editorial-content .test-invite{width:100%;padding:28px;margin:0 0 45px}
.editorial-body{background:#F4F7FC}.editorial-body>.header{width:100%;max-width:none;background:#2C3161;padding-left:5%;padding-right:5%}
.editorial-pause{padding:26px;background:#D8E7FA;border-radius:20px;gap:28px}.editorial-pause img{border-radius:12px}.editorial-pause .eyebrow{font-size:10px;letter-spacing:.09em}.editorial-pause h2{font-size:36px}
.editorial-cycle{position:relative;overflow:hidden;padding:30px 26px;background:#2C3161;color:#FFFFFF;border-radius:20px;margin:20px 0 45px}
.editorial-cycle .eyebrow,.editorial-cycle .section-intro>p:last-child,.editorial-cycle .ref,.editorial-cycle .research-detail,.editorial-cycle .cycle-note{color:#ABCFFD}
.cycle-steps{counter-reset:none;gap:0;margin:30px 0}.cycle-steps li{position:relative;padding:0 0 30px 52px;min-width:0}.cycle-steps li:last-child{padding-bottom:0}.cycle-steps span{position:absolute;left:0;top:0;width:34px;height:34px;border:1px solid #ABCFFD77;border-radius:50%;display:grid;place-items:center;margin:0;color:#ABCFFD;font-size:12px}.cycle-steps strong{display:block;padding-top:3px;font:500 24px/1.2 'Playfair Display'}.cycle-steps li:not(:last-child):after{content:'';position:absolute;width:7px;height:7px;left:13px;bottom:10px;border-right:1px solid #ABCFFD;border-bottom:1px solid #ABCFFD;transform:rotate(45deg)}.cycle-steps p{color:#DCEBFF;margin-top:10px}.cycle-note{max-width:650px;font-size:17px}
.export-preview{max-width:365px}.export-styles button{min-height:44px}.export-copy>p{max-width:470px}
@media(max-width:699px){.header nav{gap:8px 16px;justify-content:space-between}.header nav .test-cta{width:100%;margin:4px 0 0}.header nav a:not(.test-cta){font-size:12px}.brand-group{gap:12px}.editorial-hero{padding-top:26px}.test-invite h2{font-size:29px}.editorial-pause{padding:22px}.editorial-pause h2{font-size:35px}.editorial-cycle .section-intro h2{font-size:33px}}
@media(min-width:700px){.header{flex-wrap:wrap}.header nav{width:100%}.test-invite{flex-direction:row;align-items:center;justify-content:space-between;padding:36px 5%;gap:35px}.test-invite h2{font-size:37px}.editorial-content .test-invite{padding:34px}.editorial-pause{padding:34px;gap:35px}.editorial-cycle{padding:40px}.cycle-steps{gap:28px}.cycle-steps li{padding:60px 0 0}.cycle-steps span{width:40px;height:40px}.cycle-steps li:not(:last-child):after{left:auto;right:0;top:16px;bottom:auto;transform:rotate(-45deg)}.editorial-pause h2{font-size:42px}}
@media(min-width:1250px){.header{flex-wrap:nowrap}.header nav{width:auto;border:0;padding:0;gap:20px}.header nav .test-cta{margin-left:5px}.header nav a:not(.test-cta){font-size:13px}.editorial-body>.header{padding-left:max(5%,calc((100vw - 1267px)/2));padding-right:max(5%,calc((100vw - 1267px)/2))}.editorial-pause h2{font-size:46px}}

/* v19: the desktop cover follows its content, not the screen height. */
@media(min-width:700px){
 .hero-shell{min-height:0}
 .hero-shell .hero{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:center;min-height:0;gap:35px;padding:28px 0 30px}
 .hero-shell .hero-copy{max-width:480px}
 .hero-shell .gradient-space{min-height:0;height:0}
 .hero-shell .hero h1{font-size:clamp(64px,6.2vw,84px);line-height:1.04;margin-bottom:18px}
 .hero-shell .hero .eyebrow{margin-bottom:16px}
 .hero-shell .hero-description{font-size:18px;line-height:1.5;margin-bottom:14px;max-width:440px}
 .hero-shell .hero-invite{font-size:16px;line-height:1.6;margin-bottom:22px;max-width:440px}
 .hero-shell .micro-meta{margin-top:12px}
 .hero-bottom{padding:17px 0 19px;margin-top:0;font-size:11px}
 .hero-video-background video{object-position:58% 43%}
 .about{padding-top:36px;padding-bottom:42px;align-items:start}
 .about-title .eyebrow{margin-bottom:10px}
 .about-title h2{margin-top:10px}
}
@media(min-width:1050px){
 .hero-shell .hero{grid-template-columns:minmax(0,560px) minmax(0,1fr);padding-top:16px;padding-bottom:24px}
 .hero-shell .hero-copy{max-width:560px}
 .hero-shell .hero h1{font-size:76px;white-space:nowrap;margin-bottom:20px}
 .hero-shell .hero h1 br{display:none}
 .hero-shell .hero h1 em:before{content:' '}
 .hero-shell .hero-description,.hero-shell .hero-invite{max-width:470px}
}

/* v20: make the correction more prominent than the sleep myth. */
.myths-list h3{font:400 16px/1.55 Barlow,Arial,sans-serif;color:#17447D;margin:12px 0 14px;max-width:440px}
.myths-list .myth-answer{font:500 25px/1.3 Barlow,Arial,sans-serif;color:#2C3161;margin:0;max-width:450px;letter-spacing:-.015em}
@media(min-width:700px){.myths-list .myth-answer{font-size:28px;line-height:1.3}.myths-list h3{font-size:17px}}

/* v23: the test entry is an ordinary navigation item. */
.header nav .nav-test{font:inherit;color:#ABCFFD;padding:5px 0;min-height:36px;display:inline-flex;align-items:center;background:transparent;border:0;border-radius:0;width:auto;white-space:nowrap;text-decoration:none}
.header nav .nav-test:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:699px){.header nav .nav-test{font-size:12px}}
@media(min-width:1250px){.header nav .nav-test{font-size:13px}}

/* v24: a little more breathing room in the compact desktop cover. */
@media(min-width:1050px){.hero-shell .hero{padding-top:40px;padding-bottom:48px}}

/* v25: replace the cover footer strip with quiet space below the content. */
@media(min-width:700px){.hero-shell .hero{padding-bottom:110px}}
@media(min-width:1050px){.hero-shell .hero{padding-bottom:128px}}

/* v28: mobile questions leave room for all five full-size answer targets. */
@media(max-width:699px){
 .quiz-active>.header{padding-top:8px;padding-bottom:8px;min-height:44px}
 .quiz-active .brand-group{gap:10px}
 .quiz-active .wordmark{font-size:20px}
 .quiz-active .wordmark-symbol{width:28px;height:26px}
 .quiz-active .brand{width:100px}
 .quiz-active .brand-divider{height:24px}
 .quiz-active .quiz{width:90%;margin:0 auto 20px}
 .quiz-top{min-height:34px;gap:8px}
 .quiz-top .back-button{font-size:13px;padding:6px 0}
 .quiz-top .quiet-button{font-size:11px}
 .quiz .progress-track{margin:5px 0 12px}
 .question-area .eyebrow{font-size:8px;margin:0 0 8px;line-height:1.4}
 .question-area h1{font-size:24px;line-height:1.18;margin:0 0 8px}
 .question-area h1.long-question,.question-area h1.mobile-long-question{font-size:18px;line-height:1.25;letter-spacing:-.01em}
 .question-hint{font-size:12px;line-height:1.4;margin:0 0 12px}
 #options{gap:6px}
 .option{min-height:44px;padding:8px 12px;gap:11px;font-size:15px;line-height:1.25}
 .radio-circle{width:18px;height:18px}
 .option-index{font-size:11px}
 .question-bottom{margin-top:12px;gap:10px;padding-bottom:0}
 .question-bottom .primary{min-height:46px;padding:10px 18px;font-size:15px}
 .question-bottom p{font-size:10px;line-height:1.5}
}
@media(max-width:699px) and (max-height:650px){
 .quiz-active>.header{display:none}
 .quiz-active .quiz{padding-top:6px}
 .question-area h1.long-question,.question-area h1.mobile-long-question{font-size:17px;line-height:1.22}
 .question-area .eyebrow{margin-bottom:6px}
 .quiz .progress-track{margin-bottom:10px}
 .question-hint{margin-bottom:10px}
}