/* Module 7 only: green, ivory and gold vocabulary quiz. */
body:has(.thai-vocab-quiz:not([hidden])) {
  background: radial-gradient(ellipse at 10% 95%,#dce6d4,transparent 55%),radial-gradient(ellipse at 90% 10%,#e8eddf,transparent 55%),#fafaf2 !important;
}
.thai-vocab-quiz.play-practice {
  --quiz-green: #123f35;
  --quiz-gold: #c6a45b;
  max-width: 1220px;
  margin: 28px auto 40px;
  padding: 24px 28px !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--quiz-green) !important;
}
.thai-vocab-quiz[hidden],.thai-vocab-quiz [hidden] { display: none !important; }
.thai-vocab-quiz::after { display: none !important; }
.thai-vocab-quiz .quiz-header { display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:10px; }
.thai-vocab-quiz .quiz-title { position:relative;padding-left:52px; }
.thai-vocab-quiz .quiz-title::before { content:'❖';position:absolute;left:0;top:16px;color:var(--quiz-gold);font:46px/1 Georgia,serif; }
.thai-vocab-quiz .quiz-module { display:block;font-size:12px;letter-spacing:.5px;color:#526a56; }
.thai-vocab-quiz .quiz-title h2 { margin:4px 0 6px !important;font:700 clamp(26px,3vw,40px)/1.25 Georgia,'Times New Roman',serif !important;color:var(--quiz-green) !important; }
.thai-vocab-quiz .quiz-title p { margin:0;font-size:11px;letter-spacing:3px;line-height:1.7;color:#345b4e; }
.thai-vocab-quiz .quiz-progress { display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:15px 22px;border:1px solid #d2ddc9;border-radius:50px;background:linear-gradient(110deg,#eaf1e4,#fcfcf6); }
.thai-vocab-quiz .quiz-question { font:18px/1.5 Georgia,'Leelawadee UI',serif;white-space:nowrap; }
.thai-vocab-quiz .quiz-dots { display:flex;gap:9px; }
.thai-vocab-quiz .quiz-dot { width:10px;height:10px;border-radius:50%;background:#cdd4c5; }
.thai-vocab-quiz .quiz-dot.is-current { background:#1e6346;box-shadow:0 0 0 3px #d9e6d3; }
.thai-vocab-quiz .quiz-dot.is-complete { background:#1e6346; }
.thai-vocab-quiz .quiz-instruction { margin:14px 0;font-size:13px;line-height:1.7;color:#536958; }
.thai-vocab-quiz .quiz-card { position:relative;padding:22px 28px;border:1px solid #d6b56f;border-radius:28px;background:linear-gradient(125deg,#fffefa,#fcfbf5);box-shadow:0 12px 40px #435c2810; }
.thai-vocab-quiz .quiz-hero { display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;min-height:248px; }
.thai-vocab-quiz .quiz-copy { min-width:0;text-align:center; }
.thai-vocab-quiz .game-word { margin:0;font:700 clamp(76px,9vw,116px)/1.35 'Leelawadee UI',Tahoma,sans-serif !important;color:var(--quiz-green) !important; }
.thai-vocab-quiz .quiz-ornament { max-width:260px;margin:4px auto 12px;color:var(--quiz-gold);font:22px/1 Georgia,serif;background:linear-gradient(90deg,transparent,#c6a45b 42%,transparent 43%,transparent 57%,#c6a45b 58%,transparent) center/100% 1px no-repeat; }
.thai-vocab-quiz .game-reading { margin:0;font:16px/1.8 'Segoe UI','Leelawadee UI',Tahoma,sans-serif;color:#1e4540; }
.thai-vocab-quiz .game-listen { min-height:38px;margin:12px 0 0;padding:7px 18px;background:#edf2e6 !important;color:#164a3b !important;border:1px solid #c5d2b7 !important;box-shadow:none !important;border-radius:30px !important;font:13px/1.6 'Leelawadee UI',Tahoma,sans-serif; }
.thai-vocab-quiz .quiz-picture { min-width:0; }
.thai-vocab-quiz .quiz-picture .picture-listen-button { width:100% !important;max-width:none !important;margin:0 !important;padding:5px !important;border:1px solid #e4d1a0 !important;border-radius:22px !important;background:#fffdf5 !important;box-shadow:0 8px 20px #5a623312; }
.thai-vocab-quiz .quiz-picture .picture-listen-button:hover,.thai-vocab-quiz .quiz-picture .picture-listen-button:focus-visible { outline:2px solid #347257;outline-offset:2px; }
.thai-vocab-quiz .quiz-picture .game-word-picture { width:100% !important;max-width:none !important;min-height:0 !important;margin:0 !important;border:0 !important;border-radius:16px !important;background:#fafbf5 !important; }
.thai-vocab-quiz .quiz-picture img { display:block;width:100% !important;height:234px !important;max-height:none !important;object-fit:contain !important;border-radius:16px; }
.thai-vocab-quiz .quiz-picture figcaption { display:none !important; }
.thai-vocab-quiz .game-options { display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:22px 0 0; }
.thai-vocab-quiz .game-options button { position:relative;min-height:68px;padding:12px 50px;border:1px solid #d5c29a !important;border-radius:18px !important;background:linear-gradient(#fffefa,#faf9f3) !important;color:var(--quiz-green) !important;box-shadow:0 4px 10px #6b633308;font:28px/1.3 Georgia,'Times New Roman',serif;cursor:pointer; }
.thai-vocab-quiz .game-options button:hover:not(:disabled) { border-color:#558365 !important;background:#f0f5e9 !important; }
.thai-vocab-quiz button:focus-visible { outline:3px solid #39755c;outline-offset:3px; }
.thai-vocab-quiz .game-options button:disabled { opacity:1;cursor:default; }
.thai-vocab-quiz .game-options button.is-incorrect { border-color:#ad6a45 !important;background:#fcf0e7 !important; }
.thai-vocab-quiz .game-options button.is-correct { border:2px solid #236239 !important;background:linear-gradient(130deg,#e3eedc,#d7e8d1) !important;box-shadow:0 4px 12px #2b65351a;font-weight:700; }
.thai-vocab-quiz .game-options button.is-correct::after { content:'✓';position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#3f7e55;color:#fff;font:25px/1 Arial,sans-serif; }
.thai-vocab-quiz .game-feedback { margin:12px 0 0;color:#1d5d3c !important;font:15px/1.7 'Leelawadee UI',Tahoma,sans-serif !important; }
.thai-vocab-quiz .game-feedback:empty { display:none; }
.thai-vocab-quiz .quiz-actions { display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:12px; }
.thai-vocab-quiz .game-score { margin:0 auto 0 0;color:#647457;font-size:13px; }
.thai-vocab-quiz .game-next,.thai-vocab-quiz .quiz-restart { min-height:42px;padding:9px 22px;border:1px solid #1f5c3e !important;border-radius:25px !important;background:#245e41 !important;color:#fff !important;font-size:14px; }
@media(max-width:900px) {
  .thai-vocab-quiz .quiz-header { align-items:flex-start; }
  .thai-vocab-quiz .quiz-progress { gap:8px;padding:12px 16px;max-width:300px; }
  .thai-vocab-quiz .quiz-question { font-size:16px; }
  .thai-vocab-quiz .quiz-card { padding:20px; }
  .thai-vocab-quiz .game-reading { font-size:14px; }
}
@media(max-width:600px) {
  .thai-vocab-quiz.play-practice { margin:18px 10px;padding:14px !important; }
  .thai-vocab-quiz .quiz-header { flex-direction:column;gap:16px; }
  .thai-vocab-quiz .quiz-title { padding-left:34px; }
  .thai-vocab-quiz .quiz-title::before { font-size:30px;top:20px; }
  .thai-vocab-quiz .quiz-title p { font-size:9px;letter-spacing:1.8px; }
  .thai-vocab-quiz .quiz-progress { width:100%;max-width:none;justify-content:space-between; }
  .thai-vocab-quiz .quiz-hero { grid-template-columns:1fr;gap:16px; }
  .thai-vocab-quiz .game-word { font-size:82px !important; }
  .thai-vocab-quiz .quiz-picture img { height:200px !important; }
  .thai-vocab-quiz .game-options { gap:10px; }
  .thai-vocab-quiz .game-options button { min-height:64px;padding:12px 22px;font-size:22px;overflow-wrap:anywhere; }
  .thai-vocab-quiz .game-options button.is-correct { padding-right:40px; }
  .thai-vocab-quiz .game-options button.is-correct::after { right:8px;width:25px;height:25px;font-size:20px; }
  .thai-vocab-quiz .quiz-actions { flex-wrap:wrap; }
}