.petp-quiz{--quiz-ink:#f2eee4;--quiz-muted:#b8c7c7;--quiz-line:rgba(187,211,210,.22);--quiz-gold:#e5c78d;max-width:1050px;margin:clamp(1.5rem,4vw,3rem) auto;padding:clamp(1.25rem,3vw,2.4rem);border:1px solid var(--quiz-line);border-radius:22px;background:linear-gradient(145deg,rgba(13,39,52,.98),rgba(7,26,37,.97));color:var(--quiz-ink);box-shadow:0 24px 70px rgba(0,0,0,.2)}
.petp-quiz-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.petp-quiz-kicker,.petp-quiz-topic,.petp-quiz-meta{font:600 .76rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--quiz-gold)}.petp-quiz h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:.35rem 0 .5rem;color:var(--quiz-ink)}.petp-quiz-intro{max-width:68ch;color:var(--quiz-muted);margin:0}.petp-quiz-count{white-space:nowrap;border:1px solid var(--quiz-line);border-radius:999px;padding:.45rem .75rem;color:var(--quiz-muted);font:600 .8rem ui-monospace,SFMono-Regular,Menlo,monospace}.petp-quiz-progress{height:5px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin:1.35rem 0}.petp-quiz-progress span{display:block;height:100%;width:0;background:var(--quiz-gold);transition:width .25s ease}.petp-quiz-question{font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1.55;margin:.6rem 0 1.2rem;max-width:70ch}.petp-quiz-options{display:grid;gap:.65rem}.petp-quiz-option{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid var(--quiz-line);border-radius:12px;background:rgba(255,255,255,.035);cursor:pointer;transition:border-color .15s,background .15s}.petp-quiz-option:hover{border-color:rgba(229,199,141,.65);background:rgba(255,255,255,.07)}.petp-quiz-option:has(input:checked){border-color:var(--quiz-gold);background:rgba(229,199,141,.1)}.petp-quiz-option input{accent-color:var(--quiz-gold);margin-top:.25rem;flex:none}.petp-quiz-feedback{margin:1rem 0 0;padding:1rem;border-left:3px solid var(--quiz-gold);background:rgba(255,255,255,.045);color:var(--quiz-muted)}.petp-quiz-feedback strong{display:block;color:var(--quiz-ink);margin-bottom:.35rem}.petp-quiz-actions{display:flex;justify-content:space-between;gap:.7rem;margin-top:1.1rem}.petp-quiz-actions button,.petp-quiz-start{border:1px solid var(--quiz-line);border-radius:9px;background:transparent;color:var(--quiz-ink);padding:.7rem 1rem;font:600 .92rem inherit;cursor:pointer}.petp-quiz-actions button:hover,.petp-quiz-start:hover{border-color:var(--quiz-gold)}.petp-quiz-actions button:disabled{opacity:.45;cursor:not-allowed}.petp-quiz-start{background:var(--quiz-gold);color:#132b34;border:0}.petp-quiz-result{display:grid;gap:.9rem}.petp-quiz-score{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;color:var(--quiz-gold);margin:0}.petp-quiz-review{border-top:1px solid var(--quiz-line);padding-top:.8rem}.petp-quiz-review summary{cursor:pointer;color:var(--quiz-ink);font-weight:700}.petp-quiz-review p{color:var(--quiz-muted);margin:.5rem 0}.petp-quiz-note{margin:1.2rem 0 0;padding-top:1rem;border-top:1px solid var(--quiz-line);font-size:.82rem;line-height:1.55;color:var(--quiz-muted)}.petp-quiz[hidden],.petp-quiz-screen[hidden]{display:none!important}@media(max-width:640px){.petp-quiz-head{display:block}.petp-quiz-count{display:inline-block;margin-top:.9rem}.petp-quiz-actions{position:sticky;bottom:.5rem;background:#0b2633;padding:.35rem;border-radius:12px}.petp-quiz-actions button{flex:1}}
.petp-quiz-result[hidden]{display:none!important}