/* Styling */
.guillaumet-exo{max-width:900px;margin:1rem auto;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:1rem;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial}
.guillaumet-exo h2{margin:0 0 .5rem 0;font-size:1.35rem}
.guillaumet-exo .instructions{margin:.5rem 0 .75rem 0}
.guillaumet-exo .instructions ol{margin:.25rem 0 0 1.25rem;padding:0}
.guillaumet-exo .bank{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem 0}
.guillaumet-exo .token{display:inline-flex;align-items:center;padding:.35rem .6rem;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;cursor:pointer;user-select:none}
.guillaumet-exo .token.used{opacity:.45;pointer-events:none;text-decoration:line-through}
.guillaumet-exo .text{line-height:1.75}
.guillaumet-exo .blank{display:inline-flex;min-width:6ch;padding:.1rem .35rem;margin:.1rem;border-bottom:2px dashed #94a3b8;border-radius:.25rem;background:#f1f5f9;vertical-align:baseline}
.guillaumet-exo .blank.active{outline:2px solid #60a5fa;outline-offset:2px}
.guillaumet-exo .blank[aria-invalid="true"]{background:#fee2e2;border-bottom-color:#ef4444}
.guillaumet-exo .blank.correct{background:#dcfce7;border-bottom-color:#22c55e}
.guillaumet-exo .controls{display:flex;gap:.5rem;align-items:center;margin-top:1rem}
.guillaumet-exo button{padding:.5rem .75rem;border-radius:.5rem;border:1px solid #cbd5e1;background:#f8fafc;cursor:pointer}
.guillaumet-exo .score{margin-left:auto;font-weight:600}
@media (prefers-color-scheme: dark){
  .guillaumet-exo{background:#0b0f14;border-color:#1f2937;color:#e5e7eb}
  .guillaumet-exo .token{background:#0b1220;border-color:#334155}
  .guillaumet-exo .blank{background:#111827;border-bottom-color:#374151}
  .guillaumet-exo button{background:#0b1220;border-color:#334155;color:#e5e7eb}
}