.fm-quiz {
    --fm-primary: #287a55;
    --fm-primary-dark: #1e6042;
    --fm-text: #24312a;
    --fm-muted: #68756d;
    --fm-border: #dce5de;
    --fm-soft: #f5f8f5;
    max-width: 820px;
    margin: 2rem auto;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    color: var(--fm-text);
    background: #fff;
    border: 1px solid var(--fm-border);
    border-radius: 22px;
    box-shadow: 0 12px 40px rgba(24, 54, 36, .07);
    box-sizing: border-box;
}
.fm-quiz *,
.fm-quiz *::before,
.fm-quiz *::after { box-sizing: border-box; }
.fm-quiz__header { margin-bottom: 2rem; }
.fm-quiz__eyebrow {
    margin: 0 0 .5rem;
    color: var(--fm-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
}
.fm-quiz h2 { margin: 0 0 .75rem; font-size: clamp(1.6rem, 4vw, 2.25rem); line-height: 1.2; }
.fm-quiz h3 { margin: 0 0 .65rem; font-size: clamp(1.25rem, 3vw, 1.65rem); line-height: 1.3; }
.fm-quiz p { line-height: 1.6; }
.fm-quiz__header > p:last-child,
.fm-quiz__help { color: var(--fm-muted); }
.fm-quiz__progress-wrap { margin-bottom: 1.75rem; }
.fm-quiz__progress-label { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; font-size: .9rem; color: var(--fm-muted); }
.fm-quiz__progress-track { height: 8px; overflow: hidden; border-radius: 999px; background: #e8eee9; }
.fm-quiz__progress-bar { width: 0; height: 100%; border-radius: inherit; background: var(--fm-primary); transition: width .2s ease; }
.fm-quiz__question { min-width: 0; }
.fm-quiz__options { display: grid; gap: .75rem; margin: 1.5rem 0; }
.fm-quiz__option {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 58px;
    padding: .9rem 1rem;
    border: 1px solid var(--fm-border);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.fm-quiz__option:hover { border-color: var(--fm-primary); background: var(--fm-soft); }
.fm-quiz__option.is-selected { border-color: var(--fm-primary); background: #edf6ef; box-shadow: inset 0 0 0 1px var(--fm-primary); }
.fm-quiz__option input { width: 18px; height: 18px; margin: 0; accent-color: var(--fm-primary); flex: 0 0 auto; }
.fm-quiz__option span { line-height: 1.45; }
.fm-quiz__actions { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: 1.5rem; }
.fm-quiz__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: .75rem 1.2rem;
    border: 1px solid var(--fm-primary);
    border-radius: 10px;
    background: var(--fm-primary);
    color: #fff !important;
    font: inherit;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease;
}
.fm-quiz__button:hover { background: var(--fm-primary-dark); border-color: var(--fm-primary-dark); }
.fm-quiz__button:focus-visible,
.fm-quiz__text-button:focus-visible,
.fm-quiz__option input:focus-visible { outline: 3px solid #9ac9aa; outline-offset: 3px; }
.fm-quiz__button--secondary { background: #fff; color: var(--fm-primary) !important; }
.fm-quiz__button--secondary:hover { background: var(--fm-soft); color: var(--fm-primary-dark) !important; }
.fm-quiz__button--link { margin-top: .75rem; }
.fm-quiz__text-button { padding: .5rem 0; border: 0; background: transparent; color: var(--fm-muted); font: inherit; text-decoration: underline; cursor: pointer; }
.fm-quiz__error { padding: .9rem 1rem; border-radius: 10px; color: #8a2222; background: #fff0f0; }
.fm-quiz__results > h2 { margin-bottom: .75rem; }
.fm-quiz__results-list { display: grid; gap: 1rem; margin: 1.5rem 0; }
.fm-quiz__result-card { display: grid; grid-template-columns: minmax(120px, 220px) minmax(0, 1fr); overflow: hidden; border: 1px solid var(--fm-border); border-radius: 16px; background: #fff; }
.fm-quiz__result-image { display: block; width: 100%; height: 100%; min-height: 180px; max-height: 280px; object-fit: cover; background: var(--fm-soft); }
.fm-quiz__result-body { padding: 1.15rem; min-width: 0; }
.fm-quiz__result-body h3 { margin-bottom: .4rem; }
.fm-quiz__score { margin: .4rem 0; color: var(--fm-primary); font-weight: 800; }
.fm-quiz__alerts-title { margin: .8rem 0 .25rem; font-weight: 700; }
.fm-quiz__alerts { margin: .25rem 0 .5rem; padding-left: 1.25rem; color: var(--fm-muted); }
.fm-quiz__loading { padding: 1rem 0; color: var(--fm-muted); }
@media (max-width: 560px) {
    .fm-quiz { margin: 1rem auto; padding: 1.1rem; border-radius: 16px; }
    .fm-quiz__actions { align-items: stretch; }
    .fm-quiz__actions .fm-quiz__button { flex: 1; }
    .fm-quiz__result-card { grid-template-columns: 1fr; }
    .fm-quiz__result-image { height: 220px; min-height: 0; }
}

/* Quiz em modal: permanece oculto até o usuário abrir */
.fm-quiz-launcher { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1rem; margin: 1.5rem 0; padding: 1.2rem; border: 1px solid var(--fm-border); border-radius: 14px; background: #fff; }
.fm-quiz-launcher p { margin: 0; color: var(--fm-muted); }
.fm-quiz-modal[hidden] { display: none !important; }
.fm-quiz-modal { position: fixed; z-index: 99999; inset: 0; display: grid; place-items: center; padding: 1rem; }
.fm-quiz-modal__backdrop { position: absolute; inset: 0; background: rgba(25, 30, 26, .72); backdrop-filter: blur(3px); }
.fm-quiz-modal__dialog { position: relative; z-index: 1; width: min(900px, 100%); max-height: min(90vh, 900px); overflow-y: auto; margin: 0; padding: clamp(1.25rem, 3vw, 2rem); border-radius: 18px; background: #fff; box-shadow: 0 24px 80px rgba(0,0,0,.25); }
.fm-quiz-modal__close { position: sticky; top: 0; float: right; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; margin: -.4rem -.4rem 0 0; border: 0; border-radius: 50%; background: #f2f4f2; color: #24312a; font-size: 1.8rem; line-height: 1; cursor: pointer; }
body.fm-quiz-modal-open { overflow: hidden; }
@media (max-width: 560px) { .fm-quiz-modal { padding: .5rem; } .fm-quiz-modal__dialog { max-height: 96vh; padding: 1rem; border-radius: 12px; } .fm-quiz-launcher { align-items: flex-start; flex-direction: column; } }