/* Shared typography for every test, including future guided creations.
   Themes own colour and imagery; the platform owns the reading hierarchy. */
:root{--font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-family:var(--font-ui)}
.quiz-shell[data-quiz-engine]{--test-title-size:46px;--test-body-size:16px;--test-section-size:25px;--test-note-size:13px}
/* Legacy engines use font shorthands and serif variables. One deliberate
   family override keeps headings, body, numbers and SVG labels consistent. */
.quiz-shell[data-quiz-engine],.quiz-shell[data-quiz-engine] *{font-family:var(--font-ui)!important}
.quiz-shell[data-quiz-engine] :is(.quiz-hero,.h-home,.ma-home,.an-home,.it-home,.m16-home,.de-home,.ta-home,.sh-home,.sc-home,.gd-home) h1{
 font-size:var(--test-title-size);font-weight:800;line-height:1.3;letter-spacing:0;text-indent:0;
 margin:18px 0 22px;max-width:100%;overflow-wrap:anywhere;word-break:normal;text-wrap:balance
}
.quiz-shell[data-quiz-engine] :is(.h-home,.ma-home,.an-home,.it-home,.m16-home,.de-home,.ta-home,.sh-home,.sc-home,.gd-home) h2{
 font-size:var(--test-section-size);font-weight:750;line-height:1.45;letter-spacing:0;margin-bottom:16px
}
.quiz-shell[data-quiz-engine] :is(.h-home,.ma-home,.an-home,.it-home,.m16-home,.de-home,.ta-home,.sh-home,.sc-home,.gd-home) h3{
 font-size:18px;font-weight:700;line-height:1.5
}
.quiz-shell[data-quiz-engine] :is(.quiz-hero>p:not(.quiz-notice),.h-hero-copy,.ma-home-intro,.an-home-intro,.it-home-intro,.m16-home-intro,.de-home-intro,.ta-home-intro,.sh-home-intro,.sc-home-intro,.gd-home-intro){
 font-size:var(--test-body-size);font-weight:400;line-height:1.85;letter-spacing:0;overflow-wrap:anywhere
}
.quiz-shell[data-quiz-engine] .quiz-hero{padding:32px 8px 26px}
.quiz-shell[data-quiz-engine] .quiz-hero>p:not(.quiz-notice){max-width:520px;margin:0 auto}
.quiz-shell[data-quiz-engine] .quiz-kicker{font-size:11px;letter-spacing:2px;margin-bottom:22px}
.quiz-shell[data-quiz-engine] :is(.ma-home-hero,.an-home-hero,.it-home-hero,.m16-home-hero,.de-home-hero,.ta-home-hero,.sh-home-hero,.sc-home-hero){padding-top:38px}
.quiz-shell[data-quiz-engine] .gd-home>header{padding:34px 8px 30px}
.quiz-shell[data-quiz-engine] .gd-home-mark{margin-bottom:25px}
.quiz-shell[data-quiz-engine] :is(.ma-eyebrow,.an-eyebrow,.it-eyebrow,.m16-eyebrow,.de-eyebrow,.ta-eyebrow,.sh-eyebrow,.sc-eyebrow,.gd-eyebrow){font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.5px}
.quiz-shell[data-quiz-engine] :is(.quiz-facts,.ma-facts,.an-facts,.it-facts,.m16-facts,.de-facts,.ta-facts,.sh-facts,.sc-facts,.gd-facts){margin-top:28px;margin-bottom:28px;padding-top:22px;padding-bottom:22px}
.quiz-shell[data-quiz-engine] :is(.quiz-facts,.ma-facts,.an-facts,.it-facts,.m16-facts,.de-facts,.ta-facts,.sh-facts,.sc-facts,.gd-facts) :is(b,strong){font-size:28px;font-weight:650;line-height:1.3;letter-spacing:0}
.quiz-shell[data-quiz-engine] :is(.quiz-facts,.ma-facts,.an-facts,.it-facts,.m16-facts,.de-facts,.ta-facts,.sh-facts,.sc-facts,.gd-facts) small{font-size:12px;font-weight:400}
.quiz-shell[data-quiz-engine] :is(.quiz-facts,.ma-facts,.an-facts,.it-facts,.m16-facts,.de-facts,.ta-facts,.sh-facts,.sc-facts,.gd-facts)>div>span{font-size:12px;font-weight:400;line-height:1.6;letter-spacing:0}
.quiz-shell[data-quiz-engine] [data-quiz-start]{
 display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:60px;
 padding:16px 22px;font-size:18px;font-weight:750;line-height:1.4;letter-spacing:.5px;border-radius:12px
}
.quiz-shell[data-quiz-engine] [data-quiz-start]>span{font-size:20px;font-weight:600}
.quiz-shell[data-quiz-engine] [data-quiz-start] .icon{width:22px;height:22px}
.quiz-shell[data-quiz-engine] :is(.ma-start,.an-start,.it-start,.m16-start,.de-start,.ta-start,.sh-start,.sc-start){padding-top:0}
.quiz-shell[data-quiz-engine] :is(.quiz-hero>.quiz-notice,.h-cta-note,.ma-start-note,.gd-notice,.ma-start>p,.an-start>p,.it-start>p,.m16-start>p,.de-start>p,.ta-start>p,.sh-start>p,.sc-start>p){
 font-size:var(--test-note-size);font-weight:400;line-height:1.7;letter-spacing:0;margin:15px auto 0;max-width:490px;text-align:center
}
.quiz-shell[data-quiz-engine] :is(.ma-home-about,.an-home-section,.it-home-about,.m16-home-about,.de-home-section,.ta-home-section,.sh-home-section,.sc-home-section,.gd-home-about){margin-top:30px}
/* Historical test: its actual test name leads; the poetic line is secondary. */
.quiz-shell.history-layout .h-home .h-product-title{font-size:var(--test-title-size);font-weight:800;line-height:1.3;letter-spacing:0;text-indent:0}
.quiz-shell.history-layout .h-home .h-hero h2{font-size:26px;font-weight:650;line-height:1.5;margin-top:12px}
.quiz-shell.history-layout .h-home .h-hero h2 span{white-space:normal}
.quiz-shell.history-layout .h-home .h-hero h2 span:after{display:none}
.quiz-shell.history-layout .h-home .h-hero-copy{font-size:var(--test-body-size);font-weight:400;line-height:1.85}
.quiz-shell[data-quiz-engine="qzz"] .qzz-pk-vs{font-style:normal;font-weight:600}
@media(max-width:640px){
 .quiz-shell[data-quiz-engine]{--test-title-size:36px;--test-body-size:16px;--test-section-size:24px}
 .quiz-shell[data-quiz-engine] [data-quiz-start]{min-height:58px;padding:16px 18px}
 .quiz-shell[data-quiz-engine] .quiz-hero{padding:27px 6px 24px}
 .quiz-shell[data-quiz-engine] :is(.ma-home-hero,.an-home-hero,.it-home-hero,.m16-home-hero,.de-home-hero,.ta-home-hero,.sh-home-hero,.sc-home-hero){padding-top:30px}
 .quiz-shell[data-quiz-engine] .gd-home>header{padding-top:28px}
}
@media(max-width:360px){
 .quiz-shell[data-quiz-engine]{--test-title-size:32px;--test-body-size:15px;--test-section-size:22px}
 .quiz-shell[data-quiz-engine] [data-quiz-start]{min-height:56px;font-size:17px;padding:15px 14px}
 .quiz-shell[data-quiz-engine] :is(.quiz-facts,.ma-facts,.an-facts,.it-facts,.m16-facts,.de-facts,.ta-facts,.sh-facts,.sc-facts,.gd-facts) :is(b,strong){font-size:25px}
}