.quiz-card{background:#fff;border:2px solid #eef3f2;border-radius:18px;padding:26px 22px;max-width:680px;margin:0 auto 40px;box-shadow:0 6px 24px rgba(20,60,50,.06)}
.quiz-progress{height:8px;background:#eef3f2;border-radius:99px;overflow:hidden;margin-bottom:18px}
.quiz-progress i{display:block;height:100%;width:0;background:var(--orange,#f7902a);border-radius:99px;transition:width .25s}
.quiz-q{font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.25rem;margin:4px 0 4px}
.quiz-sub{color:#6b8580;font-size:.92rem;margin:0 0 16px}
.quiz-opts{display:grid;gap:10px}
.quiz-opts button{text-align:left;padding:13px 16px;border-radius:12px;border:2px solid #e3ecea;background:#fbfdfd;font:inherit;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.quiz-opts button:hover{border-color:var(--orange,#f7902a);background:#fff7ef}
.quiz-opts button.correct{border-color:#3aa876;background:#effaf4}
.quiz-opts button.wrong{border-color:#e05f4e;background:#fdf1ef}
.quiz-expl{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f4f8f7;font-size:.95rem;display:none}
.quiz-next{margin-top:16px;text-align:right}
.quiz-count{font-size:.85rem;color:#8aa39d;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.quiz-result h2{font-family:'Fredoka',sans-serif;margin:0 0 8px}
.quiz-result .band{display:inline-block;background:#fff3e4;color:#c96a10;font-weight:800;border-radius:99px;padding:6px 16px;margin-bottom:12px}

[hidden]{display:none!important}.language-chooser{max-width:680px;margin:0 auto 24px}.language-options{display:flex;flex-wrap:wrap;gap:10px}.language-options a,.language-options button{font:inherit;min-height:44px}.quiz-card{overflow-wrap:anywhere;scroll-margin-top:100px}.quiz-opts button:focus-visible,.language-options :focus-visible{outline:3px solid #146d5b;outline-offset:3px}.quiz-review{padding:12px 0;border-top:1px solid #e3ecea}.quiz-result .btn{white-space:normal}.quiz-result h3{margin-bottom:6px}@media(max-width:400px){.quiz-card{padding:20px 16px}.quiz-q{font-size:1.15rem}}

.placement-main{padding:24px 0 30px;min-height:calc(100svh - 96px)}
.language-chooser h1{font-size:clamp(1.65rem,5vw,2.3rem);line-height:1.18;margin:0 0 24px}
.language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.language-options button{min-height:64px;justify-content:center;font-size:1.05rem;padding:14px 10px;white-space:normal}
.language-options button:last-child{grid-column:1 / -1}
.quiz-card{scroll-margin-top:100px}.quiz-q{line-height:1.3}.quiz-count{min-height:22px}

/* Consistent spacing for the question, choices and fixed action row. */
.placement-main{padding:36px 0 40px}
.quiz-card{max-width:620px;padding:28px 32px 24px;margin-bottom:24px}
.quiz-tools{display:flex;justify-content:flex-end;margin:0 0 14px}
.quiz-sound{border:0;background:transparent;color:#476963;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;min-height:32px;padding:4px 0 4px 12px}
.quiz-sound:focus-visible{outline:3px solid #146d5b;outline-offset:3px;border-radius:5px}
.quiz-progress{height:6px;margin-bottom:24px}
.quiz-q:focus{outline:none}
.quiz-count{font-size:.75rem;line-height:1.4;min-height:0;letter-spacing:.6px}
.quiz-q{font-size:1.4rem;line-height:1.4;margin:12px 0 22px;font-weight:500}
.quiz-opts{gap:10px}
.quiz-opts button{min-height:52px;padding:12px 16px;font-size:1rem;line-height:1.5;color:var(--ink,#193c40)}
.quiz-opts button:disabled{opacity:1;cursor:default}
.quiz-opts button:disabled:hover{border-color:#e3ecea;background:#fbfdfd}
.quiz-opts button.selected,.quiz-opts button.selected:hover{border-color:#146d5b;background:#eff8f5}
.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;min-height:44px}
.quiz-actions #answer-status{font-size:.85rem;color:#55756e;margin:0;line-height:1.4}
.quiz-actions .btn{min-height:44px;white-space:nowrap}
.quiz-actions .btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}
.quiz-result h2{margin:8px 0 16px}.quiz-result p{line-height:1.65}.quiz-result h3{margin:28px 0 12px}.quiz-review{padding:20px 0}.quiz-review h4{margin:0 0 10px}
@media(max-width:600px){.placement-main{padding:20px 0 28px}.quiz-card{padding:18px 20px 20px}.quiz-tools{margin-bottom:10px}.quiz-progress{margin-bottom:20px}.quiz-q{font-size:1.2rem;margin:12px 0 20px}.quiz-opts button{padding:11px 14px;min-height:50px}.quiz-actions{gap:10px;margin-top:20px}.quiz-actions .btn{font-size:.9rem;padding:10px 16px}}