.erpg-quiz {
    --erpg-bg: var(--wp--preset--color--base, #fff);
    --erpg-fg: var(--wp--preset--color--contrast, #1d1d1f);
    --erpg-muted: color-mix(in srgb, var(--erpg-fg) 65%, transparent);
    --erpg-border: color-mix(in srgb, var(--erpg-fg) 20%, transparent);
    --erpg-soft: color-mix(in srgb, var(--erpg-fg) 6%, var(--erpg-bg));
    --erpg-accent: var(--wp--preset--color--accent-1, #6d2d80);
    color: var(--erpg-fg);
    background: var(--erpg-bg);
    border: 1px solid var(--erpg-border);
    border-radius: 18px;
    padding: clamp(1rem, 3vw, 2.25rem);
    max-width: 900px;
    margin: 1.5rem auto;
    box-sizing: border-box;
}
.erpg-quiz *, .erpg-quiz *::before, .erpg-quiz *::after { box-sizing: border-box; }
.erpg-quiz__header { margin-bottom: 1.5rem; }
.erpg-quiz__header h2, .erpg-quiz__result-hero h2 { margin: .2rem 0 .65rem; line-height: 1.1; }
.erpg-quiz__eyebrow { margin: 0; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--erpg-accent); }
.erpg-quiz__resume { margin: 0 0 1rem; padding: .8rem 1rem; border-left: 4px solid var(--erpg-accent); background: var(--erpg-soft); }
.erpg-quiz__progress { height: 8px; border-radius: 999px; overflow: hidden; background: var(--erpg-soft); }
.erpg-quiz__progress span { display: block; height: 100%; background: var(--erpg-accent); transition: width .2s ease; }
.erpg-quiz__progress-text { margin: .45rem 0 1.25rem; font-size: .9rem; color: var(--erpg-muted); }
.erpg-quiz__question { border: 0; padding: 0; margin: 0; min-width: 0; }
.erpg-quiz__question legend { width: 100%; font-size: clamp(1.15rem, 2.5vw, 1.5rem); font-weight: 750; line-height: 1.35; margin-bottom: 1rem; }
.erpg-quiz__question-number { display: block; margin-bottom: .35rem; font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--erpg-accent); }
.erpg-quiz__answers { display: grid; gap: .65rem; }
.erpg-quiz__answer { display: flex; align-items: flex-start; gap: .75rem; padding: .9rem 1rem; border: 1px solid var(--erpg-border); border-radius: 12px; background: var(--erpg-bg); cursor: pointer; transition: border-color .15s ease, transform .15s ease, background .15s ease; }
.erpg-quiz__answer:hover { border-color: var(--erpg-accent); transform: translateY(-1px); }
.erpg-quiz__answer:has(input:checked) { border-color: var(--erpg-accent); background: color-mix(in srgb, var(--erpg-accent) 8%, var(--erpg-bg)); }
.erpg-quiz__answer input { margin-top: .28rem; accent-color: var(--erpg-accent); }
.erpg-quiz__answer-letter { flex: 0 0 auto; font-weight: 800; color: var(--erpg-accent); }
.erpg-quiz__nav, .erpg-quiz__result-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; margin-top: 1.25rem; }
.erpg-quiz__button { appearance: none; border: 1px solid var(--erpg-accent); border-radius: 999px; padding: .72rem 1.1rem; background: var(--erpg-accent); color: #fff; font: inherit; font-weight: 750; cursor: pointer; text-decoration: none; line-height: 1.2; }
.erpg-quiz__button:hover { filter: brightness(.93); color: #fff; }
.erpg-quiz__button--secondary { background: transparent; color: var(--erpg-fg); border-color: var(--erpg-border); }
.erpg-quiz__button--secondary:hover { background: var(--erpg-soft); color: var(--erpg-fg); }
.erpg-quiz__button:disabled { opacity: .55; cursor: wait; }
.erpg-quiz__validation { margin-top: 1rem; padding: .75rem 1rem; border-radius: 10px; background: color-mix(in srgb, #b00020 9%, var(--erpg-bg)); border: 1px solid color-mix(in srgb, #b00020 35%, transparent); }
.erpg-quiz__loading { padding: 1rem 0; font-weight: 700; }
.erpg-quiz__result-hero { padding: 1.25rem; border-radius: 14px; background: var(--erpg-soft); }
.erpg-quiz__match-strength { font-weight: 800; color: var(--erpg-accent); margin: .25rem 0 .75rem; }
.erpg-quiz__result-summary { font-size: 1.05rem; line-height: 1.6; }
.erpg-quiz__result-section { margin-top: 1.5rem; }
.erpg-quiz__result-section h3 { margin-bottom: .7rem; }
.erpg-quiz__chips { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: 0; list-style: none; }
.erpg-quiz__chips li { padding: .4rem .7rem; border: 1px solid var(--erpg-border); border-radius: 999px; background: var(--erpg-soft); }
.erpg-quiz__compare { padding: 1rem; border-left: 4px solid var(--erpg-accent); background: var(--erpg-soft); }
.erpg-quiz__alternatives { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.erpg-quiz__alternative { padding: 1rem; border: 1px solid var(--erpg-border); border-radius: 12px; }
.erpg-quiz__alternative h4 { margin: 0 0 .2rem; }
.erpg-quiz__profile { display: grid; gap: .7rem; }
.erpg-quiz__profile-label { display: flex; justify-content: space-between; gap: 1rem; font-size: .9rem; }
.erpg-quiz__profile-track { height: 8px; overflow: hidden; border-radius: 999px; background: var(--erpg-soft); }
.erpg-quiz__profile-track span { display: block; height: 100%; background: var(--erpg-accent); }
.erpg-quiz [hidden] { display: none !important; }
.erpg-quiz a:focus-visible, .erpg-quiz button:focus-visible, .erpg-quiz input:focus-visible, .erpg-quiz legend:focus-visible { outline: 3px solid color-mix(in srgb, var(--erpg-accent) 60%, transparent); outline-offset: 3px; }
@media (max-width: 640px) {
    .erpg-quiz { border-radius: 12px; padding: 1rem; }
    .erpg-quiz__alternatives { grid-template-columns: 1fr; }
    .erpg-quiz__nav .erpg-quiz__button, .erpg-quiz__result-actions .erpg-quiz__button { flex: 1 1 100%; text-align: center; }
}