.quiz{max-width:720px;font-family:var(--font-ui,"Poppins", sans-serif);color:var(--foreground,#070721);margin:0 auto}.quiz__progress{margin-bottom:28px}.quiz__steps{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin:0;padding:0;list-style:none;display:grid}.quiz__step{background:var(--border,#e3ebf2);border-radius:999px;height:6px;transition:background-color .3s}.quiz__step--done{background:var(--color-primary,#203ca7)}.quiz__count{color:var(--muted,#5b6b7a);margin:10px 0 0;font-size:13px;font-weight:500}.quiz__question,.quiz__results-title{font-family:var(--font-display,"Roie", serif);color:var(--foreground,#070721);margin:0;font-size:28px;font-weight:400;line-height:1.2}.quiz__question:focus,.quiz__results-title:focus{outline:none}@media (min-width:640px){.quiz__question,.quiz__results-title{font-size:34px}}.quiz__lede{color:var(--muted,#5b6b7a);margin:10px 0 0;font-size:16px;line-height:1.5}.quiz__options{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.quiz__option{border:1px solid var(--ink-300-ed,#c9d3dc);width:100%;min-height:60px;color:var(--foreground,#070721);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:14px;padding:12px 18px 12px 14px;font-size:16px;font-weight:500;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.quiz__option:hover{border-color:var(--color-primary,#203ca7);background:color-mix(in srgb, var(--color-primary,#203ca7) 4%, #fff)}.quiz__option:focus-visible{outline:2px solid var(--color-primary,#203ca7);outline-offset:2px}.quiz__option[aria-pressed=true]{border-color:var(--color-primary,#203ca7);box-shadow:inset 0 0 0 1px var(--color-primary,#203ca7);background:color-mix(in srgb, var(--color-primary,#203ca7) 6%, #fff)}.quiz__letter{background:color-mix(in srgb, var(--color-primary,#203ca7) 10%, transparent);width:32px;height:32px;color:var(--color-primary,#203ca7);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.quiz__option[aria-pressed=true] .quiz__letter{background:var(--color-primary,#203ca7);color:#fff}.quiz__back{color:var(--muted,#5b6b7a);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:20px;padding:6px 0;font-size:14px;font-weight:500;display:inline-flex}.quiz__back:hover{color:var(--foreground,#070721)}.quiz__recs{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.quiz__rec{border:1px solid var(--border,#e3ebf2);color:inherit;background:#fff;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.quiz__rec:hover{border-color:var(--color-primary,#203ca7);box-shadow:0 4px 16px #07072114}.quiz__rec:focus-visible{outline:2px solid var(--color-primary,#203ca7);outline-offset:2px}.quiz__rank{background:var(--color-primary,#203ca7);color:#fff;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}.quiz__rec-body{flex:1;min-width:0}.quiz__rec-name{margin:0;font-size:18px;font-weight:600;line-height:1.3;display:block}.quiz__rec-reason{color:var(--muted,#5b6b7a);margin:4px 0 0;font-size:14px;line-height:1.5;display:block}.quiz__chevron{width:20px;height:20px;color:var(--muted,#5b6b7a);flex:none}.quiz__rec:hover .quiz__chevron{color:var(--color-primary,#203ca7)}.quiz__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.quiz__button{border:1px solid var(--color-primary,#203ca7);background:var(--color-primary,#203ca7);color:#fff;min-height:48px;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.quiz__button:hover{filter:brightness(.92)}.quiz__button:focus-visible{outline:2px solid var(--color-primary,#203ca7);outline-offset:2px}.quiz__button--quiet{color:var(--color-primary,#203ca7);background:#fff}.quiz__button--quiet:hover{filter:none;background:color-mix(in srgb, var(--color-primary,#203ca7) 6%, #fff)}@media (max-width:639.98px){.quiz__button{flex:100%}}