.bvc-quiz {
    --bvc-ink: #181818;
    --bvc-coral: #ff5a36;
    --bvc-lime: #d7ff3f;
    --bvc-cream: #fffdf6;
    --bvc-blue: #334dff;
    --bvc-muted: #52524d;
    --bvc-line: #deded5;
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    overflow: hidden;
    color: var(--bvc-ink);
    background: var(--bvc-cream);
    border: 2px solid var(--bvc-ink);
    border-radius: 14px;
    box-shadow: 6px 6px 0 var(--bvc-ink);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}
.bvc-quiz *, .bvc-quiz *::before, .bvc-quiz *::after { box-sizing: border-box; }
.bvc-quiz h2, .bvc-quiz h3, .bvc-quiz h4, .bvc-quiz p { margin: 0; color: inherit; }
.bvc-quiz h2, .bvc-quiz h3, .bvc-quiz h4 { font-family: inherit; font-weight: 800; letter-spacing: -.04em; }
.bvc-quiz h3 { font-size: clamp(24px, 3vw, 31px); line-height: 1.08; }
.bvc-quiz h4 { font-size: 20px; line-height: 1.18; }
.bvc-quiz a { color: var(--bvc-ink); }
.bvc-quiz button, .bvc-quiz input, .bvc-quiz textarea { font: inherit; }
.bvc-quiz button, .bvc-quiz a, .bvc-quiz summary { -webkit-tap-highlight-color: transparent; }
.bvc-quiz :focus-visible { outline: 3px solid var(--bvc-blue); outline-offset: 4px; }
.bvc-quiz [tabindex="-1"]:focus { outline: none; }
.bvc-quiz .bvc-eyebrow { display: block; font-size: 11px; font-weight: 800; line-height: 1.4; letter-spacing: .09em; text-transform: uppercase; }
.bvc-quiz .bvc-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 12px;
    min-height: 50px; padding: 12px 20px; border: 2px solid var(--bvc-ink); border-radius: 6px;
    background: var(--bvc-ink); color: var(--bvc-cream); font-size: 14px; font-weight: 800; line-height: 1.35;
    text-align: center; text-decoration: none; cursor: pointer; box-shadow: 3px 3px 0 var(--bvc-ink);
    transition: background-color .15s, transform .15s, box-shadow .15s;
}
.bvc-quiz .bvc-button:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--bvc-ink); }
.bvc-quiz .bvc-button:active { transform: translate(2px, 2px); box-shadow: none; }
.bvc-quiz .bvc-button-primary { background: var(--bvc-coral); color: var(--bvc-ink); }
.bvc-quiz .bvc-button-primary:hover { background: #ff795b; }
.bvc-quiz .bvc-button-secondary { background: var(--bvc-cream); color: var(--bvc-ink); }
.bvc-quiz .bvc-button-secondary:hover { background: var(--bvc-lime); }
.bvc-quiz .bvc-button-quiet { background: transparent; color: var(--bvc-ink); border-color: transparent; box-shadow: none; }
.bvc-quiz .bvc-button-quiet:hover { background: #ecece2; transform: none; box-shadow: none; }
.bvc-quiz .bvc-button:disabled { background: #e9e9e1; border-color: #d2d2c8; color: #62625d; cursor: not-allowed; transform: none; box-shadow: none; }
.bvc-quiz .bvc-button-quiet:disabled { background: transparent; border-color: transparent; color: #75756d; }
.bvc-quiz .bvc-intro { padding: clamp(24px, 5vw, 40px); background: var(--bvc-coral); }
.bvc-quiz .bvc-intro-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; }
.bvc-quiz .bvc-intro-mark { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border: 2px solid var(--bvc-ink); border-radius: 50%; background: var(--bvc-cream); font-size: 27px; font-weight: 700; }
.bvc-quiz .bvc-intro-title { max-width: 650px; margin-bottom: 12px; font-size: clamp(30px, 5vw, 48px); line-height: 1.03; }
.bvc-quiz .bvc-intro-description { font-size: 16px; }
.bvc-quiz .bvc-intro-facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; font-size: 12px; font-weight: 700; }
.bvc-quiz .bvc-intro-facts span { display: flex; align-items: center; padding: 6px 10px; border: 1px solid var(--bvc-ink); border-radius: 4px; background: var(--bvc-cream); }
.bvc-quiz .bvc-intro-facts .bvc-intro-fact-free { background: var(--bvc-ink); color: var(--bvc-lime); }
.bvc-quiz .bvc-start-button { min-height: 54px; padding: 14px 24px; background: var(--bvc-lime); color: var(--bvc-ink); font-size: 15px; }
.bvc-quiz .bvc-start-button:hover { background: #e4ff80; }
.bvc-quiz .bvc-intro .bvc-button:focus-visible { outline-color: var(--bvc-ink); }
.bvc-quiz .bvc-start-arrow { display: inline-block; animation: bvc-start-nudge 1.25s ease-in-out .35s 3; }
.bvc-quiz .bvc-start-button:hover .bvc-start-arrow,
.bvc-quiz .bvc-start-button:focus-visible .bvc-start-arrow { animation: none; transform: translateX(4px); }
@keyframes bvc-start-nudge {
    0%, 65%, 100% { transform: translateX(0); }
    30% { transform: translateX(5px); }
}
.bvc-quiz .bvc-privacy { margin-top: 18px; font-size: 12px; line-height: 1.5; }
.bvc-quiz .bvc-question-screen { padding: clamp(22px, 4vw, 38px); }
.bvc-quiz .bvc-progress-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; }
.bvc-quiz .bvc-question-count { padding: 4px 10px; border: 1px solid var(--bvc-ink); border-radius: 4px; background: var(--bvc-lime); font-size: 13px; font-weight: 800; white-space: nowrap; }
.bvc-quiz .bvc-progress { display: block; width: 100%; height: 8px; border: 0; border-radius: 0; overflow: hidden; background: #e4e4d9; color: var(--bvc-coral); accent-color: var(--bvc-coral); }
.bvc-quiz .bvc-progress::-webkit-progress-bar { background: #e4e4d9; }
.bvc-quiz .bvc-progress::-webkit-progress-value { background: var(--bvc-coral); transition: width .2s ease; }
.bvc-quiz .bvc-progress::-moz-progress-bar { background: var(--bvc-coral); }
.bvc-quiz .bvc-question-form { margin: 28px 0 0; }
.bvc-quiz .bvc-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.bvc-quiz .bvc-question-title { display: block; width: 100%; padding: 0; font-weight: 800; }
.bvc-quiz .bvc-question-category { display: inline-block; margin-bottom: 12px; padding: 4px 8px; background: var(--bvc-lime); font-size: 10px; font-weight: 800; line-height: 1.4; text-transform: uppercase; letter-spacing: .07em; }
.bvc-quiz .bvc-question-prompt { display: block; font-size: clamp(27px, 4vw, 39px); line-height: 1.08; letter-spacing: -.04em; }
.bvc-quiz .bvc-question-help { margin-top: 13px; max-width: 660px; color: var(--bvc-muted); font-size: 14px; }
.bvc-quiz .bvc-options { display: grid; gap: 10px; margin-top: 24px; }
.bvc-quiz .bvc-option { position: relative; display: block; margin: 0; cursor: pointer; }
.bvc-quiz .bvc-option-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; white-space: nowrap; border: 0; }
.bvc-quiz .bvc-option-body { display: flex; align-items: center; gap: 14px; min-height: 68px; padding: 13px 16px; border: 2px solid var(--bvc-ink); border-radius: 7px; background: #fff; transition: background-color .15s, border-color .15s; }
.bvc-quiz .bvc-option:hover .bvc-option-body { border-color: var(--bvc-ink); background: #fff3ed; }
.bvc-quiz .bvc-option-letter { display: grid; place-items: center; flex: 0 0 32px; height: 32px; border: 1px solid var(--bvc-ink); border-radius: 4px; background: var(--bvc-coral); color: var(--bvc-ink); font-size: 13px; font-weight: 800; }
.bvc-quiz .bvc-option-label { flex: 1; font-size: 15px; line-height: 1.4; }
.bvc-quiz .bvc-option-check { display: grid; place-items: center; flex: 0 0 21px; height: 21px; border: 1px solid #9a9a8e; border-radius: 50%; font-size: 12px; color: transparent; }
.bvc-quiz .bvc-option-input:checked + .bvc-option-body { border-color: var(--bvc-ink); background: var(--bvc-lime); box-shadow: 2px 2px 0 var(--bvc-ink); }
.bvc-quiz .bvc-option-input:checked + .bvc-option-body .bvc-option-letter,
.bvc-quiz .bvc-option-input:checked + .bvc-option-body .bvc-option-check { background: var(--bvc-ink); border-color: var(--bvc-ink); color: var(--bvc-lime); }
.bvc-quiz .bvc-option-input:focus-visible + .bvc-option-body { outline: 3px solid var(--bvc-blue); outline-offset: 4px; }
.bvc-quiz .bvc-question-footer { display: flex; justify-content: space-between; gap: 16px; padding-top: 24px; }
.bvc-quiz .bvc-question-footer .bvc-button-primary { background: var(--bvc-lime); color: var(--bvc-ink); }
.bvc-quiz .bvc-question-footer .bvc-button-primary:hover { background: #e4ff80; }
.bvc-quiz .bvc-question-footer .bvc-button-primary:disabled { background: #edf0e0; border-color: #d5d9c7; color: #62665b; }
.bvc-quiz .bvc-result-hero { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 28px; padding: 28px 32px; background: var(--bvc-lime); border-bottom: 2px solid var(--bvc-ink); scroll-margin-top: 24px; }
.bvc-quiz .bvc-result-tone-hot { background: var(--bvc-coral); }
.bvc-quiz .bvc-result-tone-mixed { background: var(--bvc-lime); }
.bvc-quiz .bvc-result-score { min-width: 144px; padding: 16px; background: var(--bvc-cream); border: 2px solid var(--bvc-ink); border-radius: 8px; justify-self: start; }
.bvc-quiz .bvc-result-score > .bvc-eyebrow { font-size: 9px; }
.bvc-quiz .bvc-score-line { display: flex; align-items: baseline; gap: 5px; line-height: 1; margin-top: 5px; }
.bvc-quiz .bvc-score-value { font-size: clamp(68px, 10vw, 92px); font-weight: 850; letter-spacing: -.07em; }
.bvc-quiz .bvc-score-max { font-size: 16px; font-weight: 650; }
.bvc-quiz .bvc-result-verdict { min-width: 0; padding-left: 28px; border-left: 2px solid var(--bvc-ink); }
.bvc-quiz .bvc-result-verdict > .bvc-eyebrow { margin-bottom: 7px; font-size: 9px; }
.bvc-quiz .bvc-result-title { font-size: clamp(27px, 4vw, 37px); line-height: 1.03; }
.bvc-quiz .bvc-result-summary { margin-top: 12px; max-width: 580px; font-size: 14px; line-height: 1.45; }
.bvc-quiz .bvc-result-section { padding: 28px 32px; }
.bvc-quiz .bvc-breakdown { border-bottom: 1px solid var(--bvc-line); }
.bvc-quiz .bvc-dimensions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
.bvc-quiz .bvc-dimension-heading { min-height: 34px; font-size: 12px; font-weight: 750; line-height: 1.35; }
.bvc-quiz .bvc-dimension { --bvc-meter-fill: #779900; min-width: 0; padding: 14px 12px; border: 1px solid var(--bvc-ink); border-radius: 7px; background: #fff; }
.bvc-quiz .bvc-dimension-grade { display: flex; align-items: baseline; gap: 3px; margin: 8px 0; line-height: 1; }
.bvc-quiz .bvc-dimension-score { font-size: 36px; font-weight: 850; letter-spacing: -.06em; }
.bvc-quiz .bvc-dimension-max { font-size: 11px; color: var(--bvc-muted); }
.bvc-quiz .bvc-dimension-status { display: block; margin-bottom: 12px; font-size: 10px; font-weight: 700; line-height: 1.4; }
.bvc-quiz .bvc-dimension-high { background: #f3f9da; }
.bvc-quiz .bvc-dimension-low { --bvc-meter-fill: #de3b22; }
.bvc-quiz .bvc-dimension-mid { --bvc-meter-fill: #b87800; }
.bvc-quiz .bvc-dimension-meter { display: block; width: 100%; height: 7px; background: #e6e6db; border: 0; border-radius: 0; overflow: hidden; }
.bvc-quiz .bvc-dimension-meter::-webkit-meter-bar { background: #e6e6db; height: 7px; border: 0; border-radius: 0; box-shadow: none; }
.bvc-quiz .bvc-dimension-meter::-webkit-meter-optimum-value,
.bvc-quiz .bvc-dimension-meter::-webkit-meter-suboptimum-value,
.bvc-quiz .bvc-dimension-meter::-webkit-meter-even-less-good-value { background: var(--bvc-meter-fill); }
.bvc-quiz .bvc-dimension-meter::-moz-meter-bar { background: var(--bvc-meter-fill); }
.bvc-quiz .bvc-strengths { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 22px; font-size: 11px; }
.bvc-quiz .bvc-strengths-label { font-weight: 800; }
.bvc-quiz .bvc-strength-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.bvc-quiz .bvc-strength-chips li { padding: 4px 8px; background: #eaf2c9; border-radius: 3px; }
.bvc-quiz .bvc-section-intro { margin-top: 9px; color: var(--bvc-muted); font-size: 14px; }
.bvc-quiz .bvc-action-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
.bvc-quiz .bvc-action { min-width: 0; padding: 20px; border: 1px solid var(--bvc-ink); border-radius: 8px; background: #fff; }
.bvc-quiz .bvc-action-first { background: #fff0e8; border-width: 2px; padding: 19px; }
.bvc-quiz .bvc-action-top { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.bvc-quiz .bvc-action-number { display: grid; place-items: center; width: 40px; height: 40px; background: var(--bvc-cream); border: 1px solid var(--bvc-ink); border-radius: 5px; font-size: 17px; font-weight: 800; }
.bvc-quiz .bvc-action-first .bvc-action-number { background: var(--bvc-coral); border-width: 2px; }
.bvc-quiz .bvc-action-badge { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.bvc-quiz .bvc-action-area { display: block; margin-bottom: 5px; color: var(--bvc-muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.bvc-quiz .bvc-action-content { min-width: 0; }
.bvc-quiz .bvc-action-content p { margin-top: 8px; color: var(--bvc-muted); font-size: 14px; line-height: 1.5; }
.bvc-quiz .bvc-share-panel { padding: 24px 32px; background: #f0f0e6; border-top: 1px solid var(--bvc-line); border-bottom: 1px solid var(--bvc-line); }
.bvc-quiz .bvc-share-panel h3 { font-size: 25px; }
.bvc-quiz .bvc-share-panel > p { margin-top: 8px; color: var(--bvc-muted); font-size: 13px; }
.bvc-quiz .bvc-share-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.bvc-quiz .bvc-share-actions .bvc-button { min-height: 44px; font-size: 12px; padding: 10px 14px; }
.bvc-quiz .bvc-social-links { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 16px; margin-top: 15px; font-size: 12px; }
.bvc-quiz .bvc-social-links span { color: var(--bvc-muted); }
.bvc-quiz .bvc-social-links a { display: inline-flex; align-items: center; min-height: 36px; font-weight: 700; text-underline-offset: 4px; }
.bvc-quiz .bvc-share-panel .bvc-share-status { margin-top: 12px; color: var(--bvc-ink); font-size: 12px; }
.bvc-quiz .bvc-share-status:empty { display: none; }
.bvc-quiz .bvc-copy-fallback { margin-top: 18px; font-size: 13px; }
.bvc-quiz .bvc-copy-text { display: block; width: 100%; margin-top: 10px; padding: 14px; color: var(--bvc-ink); background: #fff; border: 2px solid var(--bvc-ink); border-radius: 4px; resize: vertical; }
.bvc-quiz .bvc-software-note { position: relative; margin: 28px 32px; padding: 28px; background: var(--bvc-ink); color: var(--bvc-cream); border-radius: 9px; }
.bvc-quiz .bvc-software-note > .bvc-eyebrow { margin-bottom: 12px; color: var(--bvc-lime); font-size: 10px; }
.bvc-quiz .bvc-software-note h3 { max-width: 520px; font-size: clamp(27px, 4vw, 35px); }
.bvc-quiz .bvc-software-note p { margin-top: 15px; max-width: 620px; font-size: 14px; }
.bvc-quiz .bvc-software-note .bvc-software-capabilities { color: #c9c9bf; font-size: 12px; line-height: 1.6; }
.bvc-quiz .bvc-software-note .bvc-button { margin-top: 22px; background: var(--bvc-lime); color: var(--bvc-ink); border-color: var(--bvc-lime); box-shadow: none; }
.bvc-quiz .bvc-software-note .bvc-button:hover { background: #e4ff80; border-color: #e4ff80; }
.bvc-quiz .bvc-software-note .bvc-disclosure { color: #c9c9bf; font-size: 11px; }
.bvc-quiz .bvc-methodology { margin: 0; padding: 17px 32px; border-top: 1px solid var(--bvc-line); border-bottom: 1px solid var(--bvc-line); font-size: 12px; }
.bvc-quiz .bvc-methodology summary { padding: 7px 0; font-weight: 700; cursor: pointer; }
.bvc-quiz .bvc-methodology-content { padding-top: 12px; color: var(--bvc-muted); }
.bvc-quiz .bvc-methodology-content p + p { margin-top: 12px; }
.bvc-quiz .bvc-methodology-bands { margin: 14px 0; padding-left: 20px; }
.bvc-quiz .bvc-retake { padding: 12px; text-align: center; }
.bvc-quiz .bvc-notice { padding: 30px; }
.bvc-quiz .bvc-notice p, .bvc-quiz .bvc-notice .bvc-button { margin-top: 18px; }
.bvc-quiz noscript { display: block; padding: 24px; color: var(--bvc-muted); }
@media (max-width: 850px) {
    .bvc-quiz .bvc-dimensions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .bvc-quiz { border-radius: 10px; box-shadow: 4px 4px 0 var(--bvc-ink); }
    .bvc-quiz .bvc-question-form { margin-top: 24px; }
    .bvc-quiz .bvc-option-body { gap: 10px; padding: 12px; }
    .bvc-quiz .bvc-option-label { font-size: 14px; }
    .bvc-quiz .bvc-option-check { flex-basis: 18px; height: 18px; }
    .bvc-quiz .bvc-question-footer { gap: 9px; }
    .bvc-quiz .bvc-question-footer .bvc-button { padding-right: 13px; padding-left: 13px; font-size: 13px; }
    .bvc-quiz .bvc-result-hero { gap: 18px; padding: 22px; }
    .bvc-quiz .bvc-result-score { min-width: 89px; padding: 12px; }
    .bvc-quiz .bvc-score-line { gap: 3px; }
    .bvc-quiz .bvc-score-value { font-size: 62px; }
    .bvc-quiz .bvc-score-max { font-size: 12px; }
    .bvc-quiz .bvc-result-verdict { padding-left: 18px; }
    .bvc-quiz .bvc-result-title { font-size: 26px; }
    .bvc-quiz .bvc-result-summary { font-size: 13px; }
    .bvc-quiz .bvc-result-section, .bvc-quiz .bvc-share-panel { padding: 24px 22px; }
    .bvc-quiz .bvc-dimensions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
    .bvc-quiz .bvc-dimension { padding: 12px 10px; }
    .bvc-quiz .bvc-dimension-score { font-size: 32px; }
    .bvc-quiz .bvc-action-list { grid-template-columns: 1fr; }
    .bvc-quiz .bvc-action-top { margin-bottom: 18px; }
    .bvc-quiz .bvc-action-content h4 { font-size: 19px; }
    .bvc-quiz .bvc-social-links { gap: 0 16px; }
    .bvc-quiz .bvc-social-links span { flex-basis: 100%; }
    .bvc-quiz .bvc-share-actions .bvc-button { flex: 1 1 auto; }
    .bvc-quiz .bvc-software-note { margin: 24px 22px; padding: 23px; }
    .bvc-quiz .bvc-software-note .bvc-button { width: 100%; padding-right: 10px; padding-left: 10px; font-size: 13px; }
    .bvc-quiz .bvc-methodology { padding-right: 22px; padding-left: 22px; }
}
@media (max-width: 420px) {
    .bvc-quiz .bvc-result-hero { grid-template-columns: 1fr; gap: 12px; }
    .bvc-quiz .bvc-result-score { display: flex; align-items: center; gap: 12px; }
    .bvc-quiz .bvc-score-line { margin-top: 0; }
    .bvc-quiz .bvc-result-score > .bvc-eyebrow { max-width: 48px; }
    .bvc-quiz .bvc-score-value { font-size: 54px; }
    .bvc-quiz .bvc-result-verdict { padding-left: 0; border-left: 0; }
    .bvc-quiz .bvc-result-verdict > .bvc-eyebrow { display: none; }
    .bvc-quiz .bvc-result-title { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .bvc-quiz *, .bvc-quiz *::before, .bvc-quiz *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}