#codey-quiz #cq-chapter{max-width:736px;margin-inline:auto;scroll-margin-top:28px}
#codey-quiz #cq-chapter h2{font-family:var(--e-global-typography-primary-font-family,"Playfair Display"),serif;font-weight:700;font-size:clamp(27px,4vw,34px);line-height:1.15}
#codey-quiz #cq-chapter h3{font:600 22px/1.25 Outfit,sans-serif}
#codey-quiz .ch1-chapter-label{font-size:14px;color:#5B616F;margin-bottom:12px}
#codey-quiz .ch1-meta{display:flex;gap:10px 20px;flex-wrap:wrap;margin:24px 0 28px;font-size:14px;color:#5B616F}
#codey-quiz .ch1-overview{margin-bottom:0}
#codey-quiz .ch1-practice-intro{padding:28px 0;border-top:1px solid #CFC9DF;margin-top:28px}
#codey-quiz .ch1-hint{margin-top:12px;font-size:13px}
#codey-quiz .ch1-saved{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--cq-soft);padding:24px;border-radius:16px;margin-bottom:24px}
#codey-quiz .ch1-saved span{display:block;font-size:14px}
#codey-quiz .ch1-saved strong{font-size:30px;font-weight:600}
#codey-quiz .ch1-saved p{grid-column:1/-1;margin:0;border-top:1px solid #CFC9DF;padding-top:14px;font-size:14px}
#codey-quiz .ch1-question-count{font-size:14px;color:#5B616F}
#codey-quiz .ch1-question fieldset{min-width:0;border:0;margin:0;padding:0}
#codey-quiz .ch1-question legend{float:none;width:100%;margin:0 0 24px;padding:0;font:600 clamp(20px,3vw,24px)/1.4 Outfit,sans-serif;color:var(--cq-ink)}
#codey-quiz .ch1-options{display:grid;gap:12px}
#codey-quiz label.ch1-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #CFC9DF;border-radius:10px;margin:0;cursor:pointer;font-weight:400;line-height:1.5;background:var(--cq-surface)}
#codey-quiz label.ch1-option:has(input:checked){background:var(--cq-soft);border-color:var(--cq-accent);box-shadow:inset 0 0 0 1px var(--cq-accent)}
#codey-quiz .ch1-option input[type=radio]{appearance:auto;width:20px;height:20px;min-width:20px;flex:0 0 20px;padding:0;margin:3px 0 0;accent-color:var(--cq-accent)}
#codey-quiz .ch1-option-letter{font-size:13px;font-weight:600;margin-top:2px;color:#5B616F}
#codey-quiz .ch1-motivation{font-size:14px;text-align:center;color:#5B616F}
#codey-quiz .ch1-result-score{display:flex;align-items:center;gap:28px;padding:28px;background:var(--cq-soft);border-radius:16px;margin:28px 0 8px}
#codey-quiz .ch1-result-score>strong{font:600 64px/1 Outfit,sans-serif;letter-spacing:-2px;color:var(--cq-ink)}
#codey-quiz .ch1-result-score>strong>span{font-size:30px}
#codey-quiz .ch1-result-score p{margin:5px 0 0;font-size:14px}
#codey-quiz .ch1-review{margin-top:40px}
#codey-quiz .ch1-review details{border-top:1px solid #CFC9DF;padding:18px 0}
#codey-quiz .ch1-review summary{cursor:pointer;font-weight:500;line-height:1.5;color:var(--cq-ink)}
#codey-quiz .ch1-review-mark{font-weight:700;color:var(--cq-accent);margin-right:6px}
#codey-quiz .ch1-review details>div{padding:18px 0 0 22px;font-size:15px}
#codey-quiz .ch1-review details p:last-child{margin:0;color:#5B616F}
#codey-quiz .ch1-challenge-note{background:var(--cq-soft);padding:24px;border-radius:16px;margin:24px 0 32px}
#codey-quiz .ch1-challenge-note p{margin:8px 0 0;font-size:15px}
#codey-quiz .ch1-field{margin:0 0 28px}
#codey-quiz .ch1-field label{font-size:19px;font-weight:600}
#codey-quiz .ch1-field textarea{font:400 16px/1.6 Outfit,sans-serif;display:block;width:100%;resize:vertical;min-height:145px;color:var(--cq-ink);background:var(--cq-surface);padding:16px;border:1px solid #CFC9DF;border-radius:10px;box-shadow:none}
#codey-quiz .ch1-field textarea::placeholder{color:#5B616F;opacity:1}
#codey-quiz .ch1-field small{display:block;margin-top:6px;color:#5B616F;font-size:12px}
#codey-quiz .ch1-confirm{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--cq-soft);border:1px solid #CFC9DF;border-radius:10px;cursor:pointer;font-weight:400}
#codey-quiz .ch1-confirm input[type=checkbox]{appearance:auto;width:24px;height:24px;min-width:24px;flex:0 0 24px;padding:0;margin:2px 0 0;accent-color:var(--cq-accent)}
#codey-quiz .ch1-privacy{font-size:13px;margin-top:16px}
#codey-quiz .ch1-save-message:empty{display:none}
#codey-quiz .ch1-save-message{background:var(--cq-soft);padding:20px;border-radius:10px;border:1px solid #CFC9DF;margin-top:20px}
#codey-quiz .ch1-preview{border-left:3px solid var(--cq-accent);padding:10px 14px;font-size:13px;color:#5B616F;background:var(--cq-soft)}
#codey-quiz .ch1-skeleton{height:24px;border-radius:10px;background:var(--cq-soft);margin-bottom:14px;width:90%}
#codey-quiz .ch1-skeleton:nth-child(2){width:65%}
#codey-quiz .ch1-loading p{font-size:14px;margin-top:24px}
#codey-quiz .cq-chapter-card[data-chapter-ready="1"] .cq-chapter-type{color:var(--cq-accent)}
@media(max-width:600px){
 #codey-quiz .ch1-saved{grid-template-columns:1fr;padding:20px}
 #codey-quiz .ch1-result-score{flex-direction:column;align-items:flex-start;padding:24px;gap:18px}
 #codey-quiz .ch1-question{padding:20px}
 #codey-quiz .ch1-option-letter{display:none}
 #codey-quiz #cq-chapter .cq-actions{gap:10px}
 #codey-quiz #cq-chapter .cq-actions button{flex:1 1 100%}
 #codey-quiz .ch1-review details>div{padding-left:0}
 #codey-quiz #cq-chapter h2{letter-spacing:-.3px}
}
@media(prefers-reduced-motion:reduce){#codey-quiz #cq-chapter *,#codey-quiz #cq-chapter *::before,#codey-quiz #cq-chapter *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}