.role-quiz{position:relative;box-sizing:border-box;width:min(calc(100% - 2rem),93.0625rem);max-width:93.0625rem;margin:clamp(2rem,3.5vw,3rem) auto!important;padding:clamp(3rem,5.5vw,4.5rem) clamp(1.25rem,4vw,5.25rem) clamp(2.5rem,4vw,4rem);border-radius:.75rem;background:var(--wp--preset--color--lavender, #89a7dd);color:var(--wp--preset--color--navy, #003555);text-align:center;overflow:hidden}.role-quiz__note{position:absolute;left:clamp(1.5rem,5vw,3.75rem);top:clamp(2rem,5vw,4.25rem);max-width:16rem;margin:0;transform:rotate(-15deg);color:var(--wp--preset--color--purple, #5145a5);font-family:var(--font-script, var(--wp--preset--font-family--caveat, "Caveat", cursive));font-size:clamp(1.5rem,2.3vw,2.5rem);line-height:.9}.role-quiz__step{margin:0 0 1.75rem;font-family:var(--font-primary, var(--wp--preset--font-family--dm-sans));font-size:var(--wp--preset--font-size--heading-4, 1.5rem);font-weight:var(--wp--custom--font-weight--demi, 600)}.role-quiz__title{margin:0;font-family:var(--font-display, var(--wp--preset--font-family--lora));font-size:var(--wp--preset--font-size--display-2, clamp(2.25rem, 4.8vw, 4rem));font-weight:500;line-height:var(--wp--custom--line-height--snug, 1.12)}.role-quiz__progress{display:flex;justify-content:center;gap:.42rem;margin:1.5rem 0 clamp(1.75rem,3.5vw,3.2rem)}.role-quiz__progress span{width:4.4rem;height:.25rem;border-radius:999px;background:currentColor}.role-quiz__progress span+span{opacity:.25}.role-quiz__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.role-quiz__option{display:flex;align-items:center;justify-content:center;min-height:4.4rem;gap:.8rem;border:1px solid var(--wp--preset--color--purple, #5145a5);border-radius:.75rem;padding:1rem;background:var(--wp--preset--color--cream, #faf9f5);color:var(--wp--preset--color--navy, #003555);font-family:var(--font-primary, var(--wp--preset--font-family--dm-sans));font-size:var(--wp--preset--font-size--heading-5, 1.25rem);line-height:1;text-align:center;cursor:pointer}.role-quiz__option:focus-visible,.role-quiz__option:hover{outline:3px solid var(--wp--preset--color--purple, #5145a5);outline-offset:3px}.role-quiz__actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.role-quiz__actions[hidden]{display:none}.role-quiz__back,.role-quiz__restart,.role-quiz__result-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;border:1px solid var(--wp--preset--color--purple, #5145a5);border-radius:999px;padding:.75rem 1.25rem;background:var(--wp--preset--color--cream, #faf9f5);color:var(--wp--preset--color--navy, #003555);font-family:var(--font-primary, var(--wp--preset--font-family--dm-sans));font-weight:700;text-decoration:none;cursor:pointer}.role-quiz__result{max-width:42rem;margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--wp--preset--color--purple, #5145a5);border-radius:1rem;background:var(--wp--preset--color--cream, #faf9f5);color:var(--wp--preset--color--navy, #003555)}.role-quiz__result p{margin:0 0 1.25rem;font-size:var(--wp--preset--font-size--heading-5, 1.25rem);line-height:1.35}.role-quiz__panel.is-result .role-quiz__options{display:block}@media (max-width: 1100px){.role-quiz__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.role-quiz{margin-block:2rem!important;padding:6.75rem 1.25rem 2rem}.role-quiz__note{top:1.75rem;left:50%;max-width:11rem;transform:translate(-50%) rotate(-12deg);font-size:1.75rem}.role-quiz__step{margin-bottom:.6rem;font-size:1.25rem}.role-quiz__progress{margin:1.2rem 0 1.65rem}.role-quiz__progress span{width:3.25rem}.role-quiz__options{grid-template-columns:1fr;gap:.55rem}.role-quiz__option{min-height:4.15rem;padding:.75rem 1rem;font-size:1.125rem}}