/* Scoped to the existing ctv2 home design. No external assets or JS framework. */
#ctv2-quiz .ctp-root { color: #213c2f; font-size: 14px; line-height: 1.6; }
#ctv2-quiz .ctp-root :is(h4, p) { margin: 0 0 10px !important; }
#ctv2-quiz .ctp-small { font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #657b68; }
#ctv2-quiz .ctp-question { color: #1c4935 !important; font-size: clamp(17px, 2vw, 21px) !important; line-height: 1.45; border: 0 !important; padding: 0 !important; }
#ctv2-quiz .ctp-answers { display: grid; gap: 11px; }
#ctv2-quiz .ctp-choice { display: block; width: 100%; appearance: none; border: 1px solid #bdcdbd; background: white; border-radius: 11px; padding: 15px 18px; text-align: left; font: inherit; font-weight: 700; color: #20432f; cursor: pointer; transition: transform .15s, background .15s, border-color .15s; }
#ctv2-quiz .ctp-choice::before { content: '▸'; margin-right: 9px; color: #3a7554; }
#ctv2-quiz .ctp-choice:hover:not(:disabled) { background: #f5faf5; transform: translateY(-1px); border-color: #5d9a6c; }
#ctv2-quiz .ctp-choice:focus-visible, #ctv2-quiz .ctp-retry:focus-visible { outline: 3px solid #2d6549; outline-offset: 3px; }
#ctv2-quiz .ctp-choice:disabled { opacity: .6; cursor: wait; }
#ctv2-quiz .ctp-footnote, #ctv2-quiz .ctp-count, #ctv2-quiz .ctp-privacy { font-size: 11px; color: #526a5a; line-height: 1.7; }
#ctv2-quiz .ctp-privacy { margin-top: 11px !important; }
#ctv2-quiz .ctp-result-heading { font-size: 12px; font-weight: 800; color: #2c5941; }
#ctv2-quiz .ctp-result-row { margin: 0 0 14px; }
#ctv2-quiz .ctp-result-label { display: flex; align-items: start; justify-content: space-between; gap: 15px; font-size: 12px; margin-bottom: 6px; }
#ctv2-quiz .ctp-result-label strong { font-size: 15px; white-space: nowrap; }
#ctv2-quiz .ctp-bar-track { width: 100%; height: 13px; overflow: hidden; border-radius: 20px; background: #d9e4d8; }
#ctv2-quiz .ctp-bar-fill { height: 100%; background: #8ead93; border-radius: 20px; transition: width .25s ease; }
#ctv2-quiz .ctp-bar-fill.is-mine { background: #2e7a55; }
#ctv2-quiz .ctp-explain { margin-top: 14px !important; padding: 13px 15px; border-left: 3px solid #7ca388; background: #f9fcf7; border-radius: 5px; font-size: 12px; color: #355544; }
#ctv2-quiz .ctp-article-link { display: inline-block; margin-top: 3px; font-size: 12px; font-weight: 800; color: #276748; text-decoration: underline; text-underline-offset: 3px; }
#ctv2-quiz .ctp-retry { background: #285e46; border: 0; color: white; padding: 9px 14px; border-radius: 8px; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { #ctv2-quiz * { transition: none !important; } }