.quiz-page .quiz-hero{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);gap:7%;padding:48px 4.5% 52px;align-items:center}
.quiz-back{display:inline-block;color:#c8c2b8;font:10px/1.5 var(--mono);margin-bottom:30px}
.quiz-hero .eyebrow{color:var(--bright)}
.quiz-hero h1{font:700 clamp(46px,5.5vw,82px)/1 var(--display);letter-spacing:-.035em;margin:20px 0 24px;max-width:850px}
.quiz-hero h1 span{color:var(--bright)}
.quiz-hero-copy{font:20px/1.5 var(--serif);max-width:570px;color:#d6d0c6}
.quiz-hero-meta{display:flex;gap:22px;flex-wrap:wrap;font:10px/1.5 var(--mono);color:#c8c2b8;margin-top:30px}
.quiz-letters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:rotate(-4deg)}
.quiz-letters>span{display:grid;place-items:center;font:700 clamp(60px,7vw,110px)/1 var(--display);aspect-ratio:3/4;background:var(--red);color:var(--paper);border:1px solid #f3efe633}
.quiz-letters>span:nth-child(2){background:var(--paper);color:var(--ink);transform:translateY(17px)}
.quiz-letters>span:last-child{background:var(--ink);border:1px solid var(--paper)}
.quiz-shell{max-width:960px;margin:auto;padding:52px 5% 68px;min-height:520px}
.quiz-intro,.quiz-play,.quiz-result{scroll-margin-top:24px}
.quiz-intro{max-width:710px}
.quiz-intro h2{font:700 38px/1.1 var(--display);letter-spacing:-.5px;margin-bottom:22px}
.quiz-intro>p{font:19px/1.65 var(--serif);margin:18px 0}
.quiz-intro>.quiz-privacy{font:13px/1.7 var(--text);color:#625c54}
.quiz-rules{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.quiz-rules summary{font:13px/1.6 var(--text);cursor:pointer}
.quiz-rules p{font:15px/1.65 var(--text);margin:14px 0 0;color:#625c54}
.quiz-progress-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font:10px/1.5 var(--mono);color:#625c54;margin-bottom:12px}
.quiz-progress{display:block;width:100%;height:5px;border:0;background:#ddd7cc;margin:0 0 34px;color:var(--red);accent-color:var(--red)}
.quiz-progress::-webkit-progress-bar{background:#ddd7cc}.quiz-progress::-webkit-progress-value{background:var(--red)}.quiz-progress::-moz-progress-bar{background:var(--red)}
.quiz-play fieldset{border:0;padding:0;margin:0;min-width:0}
.quiz-question{font:700 clamp(27px,3.1vw,40px)/1.16 var(--display);letter-spacing:-.4px;width:100%;padding:0;margin-bottom:17px;scroll-margin-top:30px}
.quiz-question:focus,.quiz-result h2:focus{outline:none}
.quiz-help{font:13px/1.65 var(--text);color:#625c54;margin:0 0 25px}
.quiz-options{display:grid;gap:13px}
.quiz-option{display:grid;grid-template-columns:44px minmax(0,1fr);gap:19px;align-items:center;position:relative;cursor:pointer;border:1px solid #b8b1a5;padding:18px 22px;min-height:86px;background:#faf7f0;transition:border-color .15s,background .15s}
.quiz-option input{position:absolute;width:1px;height:1px;opacity:0;left:20px;top:25px}
.quiz-option-letter{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);font:700 26px/1 var(--display)}
.quiz-option-copy{font:17px/1.5 var(--text)}
.quiz-option:hover{border-color:var(--red);background:#f0e7dd}
.quiz-option:has(input:checked){border:2px solid var(--red);padding:17px 21px;background:#f3e0d9}
.quiz-option input:checked~.quiz-option-letter{background:var(--red);color:#fff;border-color:var(--red)}
.quiz-option:focus-within{outline:3px solid var(--ink);outline-offset:3px}
.quiz-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;border-top:1px solid var(--line);padding-top:22px}
.quiz-controls .button{margin:0;min-height:50px}
.quiz-back-button{font:13px var(--text);padding:14px 0}
.quiz-status{font:13px/1.6 var(--text);min-height:20px;margin-top:16px;color:#92231e}
.quiz-result-head{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:center;margin-bottom:28px}
.result-letter{font:700 115px/1 var(--display);color:var(--paper);background:var(--red);text-align:center;padding:18px 5px}
.quiz-result .eyebrow{color:#a3231e}
.quiz-result h2{font:700 clamp(35px,4vw,55px)/1.05 var(--display);letter-spacing:-1px;margin:14px 0}
.result-line{font:italic 21px/1.5 var(--serif)}
.result-copy p{font:20px/1.65 var(--serif);margin-bottom:22px}
.result-question{border-left:3px solid var(--red);padding:8px 0 8px 21px;margin:30px 0;font:italic 24px/1.45 var(--serif)}
.result-score-title{font:700 18px var(--text);margin:30px 0 13px}
.result-explanation,.quiz-result-note{font:13px/1.65 var(--text);color:#625c54;margin-bottom:17px}
.result-scores{list-style:none;padding:0;margin:0 0 25px;border-top:1px solid var(--line)}
.result-scores li{display:flex;justify-content:space-between;gap:18px;font:14px/1.5 var(--text);padding:12px 0;border-bottom:1px solid var(--line)}
.result-scores strong{white-space:nowrap;font-family:var(--mono)}
.quiz-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 12px}
.quiz-result-actions .button{margin:0;gap:14px}
.quiz-button-light{border:1px solid var(--ink);background:var(--paper)}
.quiz-button-light:hover{background:#e5dfd3}
.quiz-copy-status{font:12px/1.6 var(--text);min-height:20px;margin:10px 0;overflow-wrap:anywhere}
.quiz-review{font:13px/1.5 var(--text);text-decoration:underline;text-underline-offset:5px;padding:10px 0}
.other-profiles{border-top:1px solid var(--ink);margin-top:30px;padding-top:20px}
.other-profiles summary{font:700 17px var(--text);cursor:pointer}
.other-profiles section{padding:22px 0;border-bottom:1px solid var(--line)}
.other-profiles h3{font:700 27px/1.2 var(--display);margin-bottom:14px}
.other-profiles p{font:17px/1.65 var(--serif);margin:14px 0 0}
.result-reading{margin-top:32px;padding-top:23px;border-top:1px solid var(--line)}
.result-reading a{display:block;font:20px/1.4 var(--serif);margin-top:12px;text-decoration:underline;text-underline-offset:5px}
.quiz-noscript{padding:24px;border:1px solid var(--red);font:17px/1.6 var(--text)}
@media(min-width:1550px){.quiz-page .quiz-hero{padding-left:max(4.5%,calc((100vw - 1440px)/2));padding-right:max(4.5%,calc((100vw - 1440px)/2))}}
@media(max-width:700px){.quiz-page .quiz-hero{display:block;padding:30px 6% 35px}.quiz-hero h1{font-size:48px}.quiz-hero-copy{font-size:18px}.quiz-letters{display:none}.quiz-hero-meta{gap:15px;font-size:9px}.quiz-shell{padding:34px 6% 45px;min-height:0}.quiz-intro h2{font-size:32px}.quiz-intro>p{font-size:18px}.quiz-option{grid-template-columns:34px minmax(0,1fr);gap:14px;padding:16px 14px}.quiz-option:has(input:checked){padding:15px 13px}.quiz-option-letter{height:34px;width:34px;font-size:23px}.quiz-option-copy{font-size:15px;line-height:1.55}.quiz-controls{gap:10px}.quiz-controls .button{font-size:12px;padding:15px}.quiz-back-button{font-size:12px}.quiz-result-head{grid-template-columns:72px minmax(0,1fr);gap:18px}.result-letter{font-size:72px;padding:15px 3px}.quiz-result h2{font-size:34px}.result-line{font-size:18px}.result-copy p{font-size:19px}.result-question{font-size:21px}.result-scores li{font-size:12px}.quiz-result-actions{flex-direction:column}.quiz-result-actions .button{width:100%}}