/* Composition follows the result: paired tension, a single-word specimen,
   or a longer story. These selectors never affect question or landing pages. */
.quiz-shell[data-quiz-engine="qzz"] .quiz-container>.quiz-report-head.qzz-composition{
 margin:18px 0 30px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center;
 --pk-sin:#e3d5f3;--pk-virtue:#d97887
}
.qzz-composition .qzz-pk-heading{padding:10px 0 22px}
.qzz-composition .qzz-pk-heading>p{margin:0 0 9px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--rv-body)}
.quiz-shell[data-quiz-engine="qzz"] .qzz-pk-heading>h1{font-size:clamp(28px,6vw,40px);font-weight:850;line-height:1.35;margin:0;color:var(--rv-ink);letter-spacing:1px}
.qzz-composition .qzz-pk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;isolation:isolate}
.qzz-composition .qzz-pk-side{display:flex;min-width:0;min-height:232px;aspect-ratio:1/.98;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 15px 22px;border:1px solid #79558f;border-radius:13px;box-shadow:0 6px 0 #1a1023;text-align:center}
.qzz-composition .qzz-pk-sin{background:linear-gradient(150deg,#33283e,#201b2b 76%);color:#f0e8f7;border-color:#6e607c;box-shadow:0 4px 0 #17131e}
.qzz-composition .qzz-pk-virtue{background:linear-gradient(140deg,#762b3d,#481925);color:#fff2e9;border-color:#ac6170;box-shadow:0 4px 0 #30121a}
.qzz-composition .qzz-pk-side>p{margin:0;font-size:13px;font-weight:650;letter-spacing:1px;color:inherit;opacity:.9}
.quiz-shell[data-quiz-engine="qzz"] .qzz-pk-side>h2{margin:14px 0 9px;font-size:clamp(43px,9.5vw,67px);font-weight:900;letter-spacing:1px;line-height:1.15;color:inherit;text-wrap:balance;overflow-wrap:anywhere}
.qzz-composition .qzz-pk-score{display:flex;align-items:baseline;justify-content:center;gap:5px;color:inherit}
.qzz-composition .qzz-pk-score>b{font-size:28px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums}
.qzz-composition .qzz-pk-score>span{font-size:11px;opacity:.8}
.qzz-composition .qzz-pk-vs{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;display:grid;place-items:center;color:var(--rv-body);font:italic 500 18px/1 Georgia,serif;letter-spacing:-1px}
.quiz-shell[data-quiz-engine="qzz"] .report-spectrum{--qaccent:#e3d5f3;--radar-secondary:#d97887;background:linear-gradient(155deg,#282130,#201b28);color:#f5eaff;border:1px solid #655667;border-top:1px solid #655667;padding:24px 12px 22px}
.quiz-shell[data-quiz-engine="qzz"] .report-spectrum>h2{margin:0 10px 17px;color:#f6eaff;font-size:21px;border-color:#654765}
.qzz-spectrum-legend{display:flex;justify-content:space-between;gap:20px;padding:0 18px;font-size:12px;font-weight:750;letter-spacing:1px}
.qzz-spectrum-legend>span:first-child{color:#e3d5f3}.qzz-spectrum-legend>span:last-child{color:#d97887}
.quiz-shell[data-quiz-engine="qzz"] .report-spectrum .quiz-radar{max-width:540px;margin:0 auto 12px}
.quiz-shell[data-quiz-engine="qzz"] .report-spectrum .quiz-score-row{margin-left:10px;margin-right:10px;color:#f3e7fc}
.quiz-shell[data-quiz-engine="qzz"] .report-spectrum .quiz-score-row>strong{color:#f3e7fc}
.quiz-shell[data-quiz-engine="qzz"] .report-spectrum .quiz-notice{color:#c6b2d5;font-size:11px}
.quiz-shell[data-quiz-engine="qzz"] .quiz-container>.report-spectrum{--rv-ink:#f5eaff;--rv-body:#c6b2d5;--rv-accent:#e3d5f3;--rv-paper:#282130;--rv-soft:#201b28;--rv-line:#655667;--qaccent:#e3d5f3;--radar-secondary:#d97887;background:linear-gradient(155deg,#282130,#201b28);border-top:1px solid #655667}
.quiz-shell[data-quiz-engine="qzz"]:is(.paper,.ink,.rose) .quiz-container>.qzz-composition{--rv-ink:#34213f;--rv-body:#695675}
.quiz-shell[data-quiz-engine="qzz"] .qzz-pk-side[data-long-name="true"]>h2{font-size:clamp(23px,5.7vw,38px);line-height:1.45;letter-spacing:0}
.quiz-shell[data-quiz-engine="qzz"] .quiz-container>.report-spectrum .quiz-score-row>span{font-size:16px;font-weight:750}
.quiz-shell .quiz-container>.report-spectrum .quiz-score-row>strong{font-size:25px;font-weight:850}
.quiz-shell[data-quiz-engine="qzz"] .quiz-container>.report-spectrum .quiz-score-row>strong{font-size:19px;font-weight:650}
.quiz-shell .quiz-container>.report-spectrum .quiz-score-row>span{font-weight:750}
.quiz-shell .quiz-container>.report-spectrum{padding-left:12px;padding-right:12px}
.quiz-shell .quiz-container>.report-spectrum .quiz-radar{padding:0}

/* A specimen poster: one character is the artwork, not a small label. */
.quiz-shell.animal-layout .an-result-hero.an-specimen-result{
 --rv-ink:#174e38;--rv-body:#3b6953;--rv-accent:#245e43;--rv-line:#8fb49a;
 display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;aspect-ratio:1;
 min-height:0;max-width:100%;padding:26px 30px 22px;margin:24px 0 37px;
 color:#174e38;background:linear-gradient(145deg,#f2f8dc,#e1f1d7 60%,#d5ecca);
 border:1px solid #8fb49a;border-radius:18px;box-shadow:0 7px 0 #aec696;text-align:center
}
.quiz-shell.animal-layout .an-result-hero.an-specimen-result:after{display:none}
.an-specimen-result .an-result-metadata{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--rv-body);font-size:12px;font-weight:650;letter-spacing:1px}
.an-specimen-result .an-specimen-word{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0}
.quiz-shell.animal-layout .an-specimen-result .an-specimen-word>h1{margin:0;color:var(--rv-ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:clamp(54px,10vw,100px);font-weight:900;line-height:1.08;letter-spacing:-2px;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.quiz-shell.animal-layout .an-specimen-result[data-name-length="1"] .an-specimen-word>h1{font-size:clamp(140px,40vw,272px);letter-spacing:-6px}
.quiz-shell.animal-layout .an-specimen-result[data-name-length="2"] .an-specimen-word>h1{font-size:clamp(102px,30vw,205px);letter-spacing:-5px}
.quiz-shell.animal-layout .an-specimen-result[data-name-length="3"] .an-specimen-word>h1{font-size:clamp(75px,22vw,145px)}
.quiz-shell.animal-layout .an-specimen-result[data-name-length="4"] .an-specimen-word>h1{font-size:clamp(64px,18vw,115px)}
.quiz-shell.animal-layout .an-result-hero.an-specimen-result[data-name-size="long"]{aspect-ratio:auto;min-height:340px;grid-template-rows:auto auto auto;gap:20px}
.quiz-shell.animal-layout .an-specimen-result[data-name-size="long"] .an-specimen-word>h1{font-size:clamp(28px,6.2vw,44px);line-height:1.45;letter-spacing:0}
.an-specimen-result .an-specimen-word>p{margin:13px 0 0;font-size:14px;letter-spacing:6px;font-weight:700;color:var(--rv-body)}
.quiz-shell.animal-layout .an-specimen-result .an-match{width:100%;margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 0 0;border:0;border-top:1px solid var(--rv-line);border-radius:0;background:none;color:var(--rv-ink);text-align:left}
.quiz-shell.animal-layout .an-specimen-result .an-match>span{color:var(--rv-body);font-size:12px}
.quiz-shell.animal-layout .an-specimen-result .an-match>b{font-size:29px;color:var(--rv-ink);font-weight:800}
.an-specimen-result .an-match small{font-size:13px;margin-left:3px}
.quiz-shell.animal-layout.rose .an-specimen-result{--rv-ink:#753952;--rv-body:#86546c;--rv-accent:#984f70;--rv-line:#c69dad;background:linear-gradient(145deg,#fff5ec,#f7dce4);color:var(--rv-ink);border-color:#c69dad;box-shadow:0 7px 0 #d5b6ad}
.quiz-shell.animal-layout.noir .an-specimen-result{--rv-ink:#f4f3bc;--rv-body:#cce0bc;--rv-accent:#d7e7a9;--rv-line:#769375;background:linear-gradient(145deg,#244f3b,#193e31);color:var(--rv-ink);border-color:#769375;box-shadow:0 7px 0 #617a50}
.quiz-shell.animal-layout .an-result-radar{display:block;width:100%;max-width:480px;margin:9px auto 20px;color:var(--rv-ink)}
.quiz-shell.animal-layout .an-profile-card{padding-left:16px;padding-right:16px}
.quiz-shell.animal-layout .an-report .an-section-head h2{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:24px;font-weight:800;color:var(--rv-ink);line-height:1.45;letter-spacing:0}

/* Short single results have a centred focal point; long text remains readable. */
.quiz-shell .result-name-card{display:flex;min-height:280px;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.quiz-shell .result-name-card:is([data-result-length="1"],[data-result-length="2"],[data-result-length="3"])>h1{font-size:clamp(68px,20vw,110px);line-height:1.15;letter-spacing:1px}
.quiz-shell .result-name-card:is([data-result-length="4"],[data-result-length="5"])>h1{font-size:clamp(52px,14vw,82px)}
.quiz-shell .result-name-card .question-count{max-width:100%;margin:0 0 18px}

/* Readable after a screen recording is scaled down. */
.quiz-shell.guided-layout .gd-report .gd-radar-panel{padding:8px 0}
.quiz-shell.guided-layout .gd-report .gd-radar text{font-size:24px;font-weight:800;fill:var(--gd-ink)}
.quiz-shell.guided-layout .gd-report .gd-radar-value{font-size:32px;font-weight:900;fill:var(--gd-accent)}
.quiz-shell.guided-layout .gd-report .gd-radar-fill{stroke-width:4.5;fill-opacity:.3}
.quiz-shell.guided-layout .gd-report .gd-metric-list h3{font-size:18px;font-weight:800}
.quiz-shell.guided-layout .gd-report .gd-chart-legend>div{font-size:15px}
.quiz-shell.guided-layout .gd-report .gd-chart-legend b{font-size:22px;font-weight:850}
.quiz-shell.guided-layout .gd-report .gd-meter{height:12px}

@media(max-width:520px){
 .qzz-composition .qzz-pk{gap:24px}
 .qzz-composition .qzz-pk-side{padding:19px 10px 18px;min-height:196px;aspect-ratio:auto}
 .qzz-composition .qzz-pk-side>p{font-size:11px;letter-spacing:.5px}
 .quiz-shell[data-quiz-engine="qzz"] .qzz-pk-side>h2{font-size:clamp(37px,10.6vw,53px);letter-spacing:0;line-height:1.2}
 .qzz-composition .qzz-pk-score>b{font-size:24px}
 .qzz-composition .qzz-pk-vs{width:24px;font-size:15px}
 .quiz-shell.animal-layout .an-result-hero.an-specimen-result{padding:20px 21px 17px;border-radius:16px;margin-bottom:32px}
 .an-specimen-result .an-result-metadata{font-size:10px;letter-spacing:.5px}
 .an-specimen-result .an-specimen-word>p{font-size:11px;letter-spacing:4px;margin-top:10px}
 .quiz-shell.animal-layout .an-specimen-result .an-match{padding-top:12px}
 .quiz-shell.animal-layout .an-specimen-result .an-match>b{font-size:25px}
 .quiz-shell.animal-layout .an-specimen-result .an-match>span{font-size:10px}
 .quiz-shell.animal-layout .an-profile-card{padding-left:10px;padding-right:10px}
}
@media(max-width:360px){
 .qzz-composition .qzz-pk-side{min-height:182px;padding-left:7px;padding-right:7px}
 .quiz-shell[data-quiz-engine="qzz"] .qzz-pk-side>h2{font-size:36px}
 .quiz-shell.animal-layout .an-specimen-result[data-name-length="1"] .an-specimen-word>h1{font-size:132px}
 .quiz-shell.animal-layout .an-specimen-result[data-name-length="2"] .an-specimen-word>h1{font-size:100px}
 .quiz-shell.animal-layout .an-specimen-result[data-name-length="3"] .an-specimen-word>h1{font-size:74px}
 .quiz-shell.animal-layout .an-specimen-result[data-name-length="4"] .an-specimen-word>h1{font-size:60px}
}

.quiz-shell[data-quiz-engine] .quiz-container>.report-section.report-spectrum{padding-left:10px;padding-right:10px}
.quiz-shell[data-quiz-engine] .quiz-container>.report-section.report-spectrum>h2{margin-left:8px;margin-right:8px}