/* Beehive Cult Core — quiz.css. Designed for the cream section; works on dark via the theme tokens. */
.bmc-quiz { --q-ink: var(--bmc-ink, #0E1D38); --q-cream: var(--bmc-cream, #EDEBE0); --q-deep: var(--bmc-brass-deep, #6E1F36); --q-honey: var(--bmc-honey, #C8A24A); --q-muted: var(--bmc-muted-deep, #566176); max-width: 46rem; color: var(--q-ink); font-family: var(--bmc-font-sans, system-ui, sans-serif); }
.bmc-quiz__disclaimer, .bmc-quiz__scoring, .bmc-quiz__note { font-size: .9375rem; color: var(--q-muted); }
.bmc-quiz__disclaimer { border-left: 3px solid var(--q-deep); padding-left: .9rem; }
.bmc-quiz__progress { height: 4px; background: rgba(14,29,56,.15); margin: 1.5rem 0 .6rem; }
.bmc-quiz__bar { display: block; height: 100%; width: 0; background: var(--q-ink); transition: width .32s cubic-bezier(.22,.61,.36,1); }
.bmc-quiz__count { font-weight: 600; font-size: .9375rem; color: var(--q-muted); margin: 0 0 .5rem; }
.bmc-quiz__fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.bmc-quiz__legend { font-family: var(--bmc-font-display, Georgia, serif); font-size: clamp(1.4rem, 3vw, 1.9rem); line-height: 1.25; padding: 0; margin-bottom: 1rem; }
.bmc-quiz__legend:focus { outline: 3px solid var(--q-ink); outline-offset: 4px; }
.bmc-quiz__options { display: grid; gap: .65rem; }
.bmc-quiz__option { position: relative; }
.bmc-quiz__option input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
.bmc-quiz__option label { display: flex; align-items: center; gap: .85rem; min-height: 56px; padding: .8rem 1.1rem; border: 1.5px solid var(--q-ink); border-radius: 2px; background: transparent; font-weight: 600; font-size: 1.0625rem; cursor: pointer; transition: background .16s, color .16s; }
.bmc-quiz__option label::before { content: ""; flex: 0 0 20px; width: 20px; height: 20px; border: 2px solid currentColor; border-radius: 50%; }
.bmc-quiz__option input:checked + label { background: var(--q-ink); color: var(--q-cream); }
.bmc-quiz__option input:checked + label::before { background: radial-gradient(circle, var(--q-honey) 0 38%, transparent 42%); border-color: var(--q-honey); }
.bmc-quiz__option input:hover + label { background: rgba(14,29,56,.07); }
.bmc-quiz__option input:checked:hover + label { background: var(--q-ink); }
.bmc-quiz__option input:focus-visible + label { outline: 3px solid var(--q-ink); outline-offset: 3px; box-shadow: 0 0 0 6px var(--q-honey); }
.bmc-quiz__error { color: #8C1D2E; font-weight: 600; margin: .9rem 0 0; }
.bmc-quiz__error::before { content: "⚠ "; }
.bmc-quiz__nav, .bmc-quiz__result-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.bmc-quiz__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .8rem 1.6rem; font: 700 1rem var(--bmc-font-sans, system-ui, sans-serif); letter-spacing: .08em; text-transform: uppercase; border-radius: 2px; border: 1.5px solid var(--q-ink); cursor: pointer; text-decoration: none; transition: background .16s, color .16s; }
.bmc-quiz__btn--primary { background: var(--q-ink); color: var(--q-cream); }
.bmc-quiz__btn--primary:hover { background: var(--q-honey); color: var(--q-ink); }
.bmc-quiz__btn--ghost { background: transparent; color: var(--q-ink); }
.bmc-quiz__btn--ghost:hover { background: var(--q-ink); color: var(--q-cream); }
.bmc-quiz__btn:focus-visible { outline: 3px solid var(--q-ink); outline-offset: 3px; box-shadow: 0 0 0 6px var(--q-honey); }
.bmc-quiz__btn[hidden], .bmc-quiz__form[hidden], .bmc-quiz__result[hidden], .bmc-quiz__panel[hidden], .bmc-quiz__error[hidden] { display: none; }
.bmc-quiz__result { margin-top: 1.5rem; padding: clamp(1.25rem, 4vw, 2.25rem); background: var(--q-ink); color: var(--q-cream); border: 1px solid var(--bmc-brass, #C8A24A); }
.bmc-quiz__result:focus { outline: 3px solid var(--q-honey); outline-offset: 4px; }
.bmc-quiz__result-label { text-transform: uppercase; letter-spacing: .14em; font-size: .875rem; font-weight: 600; color: var(--q-honey); margin: 0 0 .4rem; }
.bmc-quiz__result-title { font-family: var(--bmc-font-display, Georgia, serif); font-weight: 500; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.05; margin: 0 0 .5rem; color: var(--q-cream); }
.bmc-quiz__result-score { color: #A9B4C7; margin: 0 0 .75rem; }
.bmc-quiz__result .bmc-quiz__btn--primary { background: var(--q-honey); color: var(--q-ink); border-color: var(--q-honey); }
.bmc-quiz__result .bmc-quiz__btn--primary:hover { background: var(--q-cream); border-color: var(--q-cream); }
.bmc-quiz__result .bmc-quiz__btn--ghost { color: var(--q-cream); border-color: var(--bmc-brass, #C8A24A); }
.bmc-quiz__result .bmc-quiz__btn--ghost:hover { background: #1B3358; }
.bmc-quiz__result .bmc-quiz__note { color: #A9B4C7; }
@media (prefers-reduced-motion: reduce) { .bmc-quiz__bar, .bmc-quiz__btn, .bmc-quiz__option label { transition: none; } }