:root {
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-base: 1rem;
  --font-lead: clamp(1rem, 0.97rem + 0.16vw, 1.125rem);
  --font-answer: clamp(1rem, 0.97rem + 0.16vw, 1.0625rem);
  --font-question: clamp(1.25rem, 1.08rem + 0.72vw, 1.75rem);
  --font-section: clamp(1.375rem, 1.12rem + 1vw, 2rem);
  --font-page: clamp(1.75rem, 1.35rem + 1.65vw, 3rem);
  --font-hero: clamp(2rem, 1.42rem + 2.55vw, 3.75rem);
  --font-score: clamp(3.25rem, 2.55rem + 3vw, 5rem);
}
html{font-size:100%!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:var(--font-base)!important;line-height:1.75}
h1,h2,h3,h4,blockquote{line-break:strict;overflow-wrap:normal;text-wrap:balance;word-break:auto-phrase}
p,li,dd,figcaption{text-wrap:pretty}
.phrase{display:inline-block}
.reading-text{max-width:38rem;margin-inline:auto}
.question-card h1{max-width:17em;margin-inline:auto}
.page-title{max-width:14em;margin-inline:auto}
button,input,select,textarea{font-size:var(--font-answer)!important}
.eyebrow,.kicker,.note,.score-help,.share-name-field small,.mode-list span,.site-footer{font-size:var(--font-sm)!important}
.hero>div>p:not(.eyebrow),.guide-lead,.phase-lead,.result-hero>p:not(.eyebrow),.detail-hero p{font-size:var(--font-lead)!important}
.choices button,.mode-list button,.primary,.outline,.retry,.back-to-result,.share-buttons button{font-size:var(--font-answer)!important;line-height:1.5}
.question-card h1,.mode-card h1,.phase-card h1,.analyzing h1{font-size:var(--font-question)!important;line-height:1.5}
.types h2,.how h2,.bottom h2,.content article h2,.share h2,.retry-prompt h2,.other-types h2,.detail-cta h2,.guide-article h2{font-size:var(--font-section)!important;line-height:1.4}
.result-hero h1,.detail-hero h1,.guide-article>h1{font-size:var(--font-page)!important;line-height:1.3}
.hero h1{font-size:var(--font-hero)!important;line-height:1.2}
.degree strong,.preview strong{font-size:var(--font-score)!important}
@media(max-width:800px){.hero,.detail-hero{grid-template-columns:1fr}.two,.how>div,.content ol{grid-template-columns:1fr}}
@media(max-width:480px){.question-card h1{width:100%;max-width:17em;min-height:5.5em;margin:.875rem auto 1.125rem;font-size:var(--font-question)!important}.mode-card h1,.phase-card h1,.analyzing h1{max-width:16em;margin-inline:auto;font-size:var(--font-question)!important}.site-header .brand,.site-header>b,.site-header button,.site-header a{font-size:var(--font-sm)!important}}
@supports not (word-break:auto-phrase){h1,h2,h3,h4,blockquote{word-break:keep-all;overflow-wrap:break-word}}

.coupleApp h1 br{display:none}