/* Fluency Spot quiz engine — uses the design-system fonts when present (Fraunces + DM Sans), falls back to the theme fonts */
.fs-quiz{--fs-pink:#CB317B;--fs-pink-dark:#A8265F;--fs-cream:#FDF3F8;--fs-ink:#241A1F;--fs-muted:#6B5F66;--fs-line:#EBD9E1;--fs-teal:#00928C;--fs-teal-bg:#E3F3F1;--fs-red:#B42318;--fs-red-bg:#FCEBEA;--fs-radius:20px;
  font-family:var(--fs-body,"Poppins","Sen",system-ui,-apple-system,sans-serif);color:var(--fs-ink);max-width:680px;margin:0 auto;line-height:1.5}
.fs-quiz *{box-sizing:border-box}
.fs-quiz__card{background:#fff;border:1px solid var(--fs-line);border-radius:var(--fs-radius);padding:28px 24px;box-shadow:0 10px 30px rgba(203,49,123,.08)}
@media (min-width:600px){.fs-quiz__card{padding:36px 40px}}
.fs-quiz h2,.fs-quiz h3{font-family:var(--fs-display,"Playfair Display",Georgia,serif);font-weight:600;font-variation-settings:"opsz" 72,"SOFT" 30;letter-spacing:-.015em;line-height:1.1;margin:0 0 12px;color:var(--fs-ink)}
.fs-quiz h2{font-size:clamp(26px,4vw,34px)}
.fs-quiz h3{font-size:clamp(22px,3.4vw,28px)}
.fs-quiz p{margin:0 0 14px}
.fs-quiz__meta{color:var(--fs-muted);font-size:14px;letter-spacing:.02em;margin-bottom:8px}
.fs-quiz__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--fs-pink);color:#fff!important;border:0;text-transform:none;letter-spacing:0;border-radius:999px;padding:14px 26px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;transition:transform .08s ease,background .15s ease;text-decoration:none}
.fs-quiz__btn:hover,.fs-quiz__btn:focus{background:var(--fs-pink-dark);color:#fff!important}
.fs-quiz__btn:active{transform:translateY(1px)}
.fs-quiz__btn:focus-visible,.fs-quiz__opt:focus-visible,.fs-word:focus-visible,.fs-quiz__say:focus-visible{outline:3px solid var(--fs-teal);outline-offset:2px}
.fs-quiz__btn--ghost,.fs-quiz__btn--ghost:hover,.fs-quiz__btn--ghost:focus{background:transparent;color:var(--fs-pink)!important;border:2px solid var(--fs-pink)}
.fs-quiz__btn--ghost:hover{background:var(--fs-cream)!important}
.fs-quiz__progress{height:6px;background:var(--fs-cream);border-radius:999px;overflow:hidden;margin:6px 0 22px}
.fs-quiz__progress i{display:block;height:100%;background:var(--fs-pink);border-radius:999px;transition:width .3s ease}
.fs-quiz__q{font-family:var(--fs-display,"Playfair Display",Georgia,serif);font-size:clamp(22px,3.4vw,28px);line-height:1.15;font-weight:600;font-variation-settings:"opsz" 72,"SOFT" 30;letter-spacing:-.015em;margin:0 0 20px}
.fs-quiz__opts{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.fs-quiz__opt{width:100%;text-align:left;text-transform:none;letter-spacing:0;font-weight:400;background:var(--fs-cream);border:2px solid var(--fs-cream);border-radius:16px;padding:14px 16px 14px 52px;font:inherit;font-size:16px;color:var(--fs-ink);cursor:pointer;position:relative;transition:border-color .15s ease,background .15s ease}
.fs-quiz__opt::before{content:attr(data-letter);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--fs-line);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--fs-pink)}
.fs-quiz__opt:hover:not([disabled]){border-color:var(--fs-pink)}
.fs-quiz__opt[disabled]{cursor:default}
.fs-quiz__opt.is-correct{background:var(--fs-teal-bg);border-color:var(--fs-teal)}
.fs-quiz__opt.is-correct::before{background:var(--fs-teal);color:#fff;border-color:var(--fs-teal);content:"✓"}
.fs-quiz__opt.is-wrong{background:var(--fs-red-bg);border-color:var(--fs-red)}
.fs-quiz__opt.is-wrong::before{background:var(--fs-red);color:#fff;border-color:var(--fs-red);content:"✕"}
.fs-quiz__feedback{margin-top:18px;padding:16px 18px;border-radius:16px;background:var(--fs-cream);border-left:4px solid var(--fs-pink)}
.fs-quiz__feedback.is-correct{border-left-color:var(--fs-teal)}
.fs-quiz__feedback strong{display:block;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;color:var(--fs-pink)}
.fs-quiz__feedback.is-correct strong{color:var(--fs-teal)}
.fs-quiz__example{color:var(--fs-muted);font-style:italic}
.fs-quiz__video{margin-top:14px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.fs-quiz__video iframe{width:100%;height:100%;border:0}
.fs-quiz__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.fs-quiz__say{text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--fs-line);border-radius:999px;padding:6px 12px;font:inherit;font-size:14px;color:var(--fs-ink);cursor:pointer}
.fs-quiz__say:hover{border-color:var(--fs-pink);color:var(--fs-pink)}
.fs-quiz__tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.fs-quiz__yg{margin-top:14px;min-height:60px}
.fs-quiz__yg-note{font-size:12px;color:var(--fs-muted);margin:6px 0 0}
.fs-quiz__yg-note a{color:var(--fs-pink)}
.fs-quiz__score{text-align:center}
.fs-quiz__ring{width:150px;height:150px;margin:6px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--fs-pink) calc(var(--pct)*1%),var(--fs-cream) 0);position:relative}
.fs-quiz__ring::after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
.fs-quiz__ring>div{position:relative;z-index:1}
.fs-quiz__ring span{position:relative;font-family:var(--fs-display,"Playfair Display",Georgia,serif);font-size:40px;font-weight:700;line-height:1}
.fs-quiz__ring small{position:relative;display:block;font-size:13px;color:var(--fs-muted);margin-top:2px}
.fs-quiz__cta{margin-top:26px;padding:22px;border-radius:16px;background:var(--fs-cream);text-align:center}
.fs-quiz__cta h3{font-size:22px}
.fs-quiz__review{margin-top:22px;border-top:1px solid var(--fs-line);padding-top:16px}
.fs-quiz__review summary{cursor:pointer;font-weight:700;color:var(--fs-pink)}
.fs-quiz__review ol{padding-left:20px;margin:12px 0 0}
.fs-quiz__review li{margin-bottom:8px}
.fs-quiz__review li span{color:var(--fs-muted)}
.fs-quiz__fallback{padding-left:20px}
/* word cards */
.fs-word{background:none!important;border:0!important;border-bottom:2px dotted currentColor!important;border-radius:0!important;padding:0 2px!important;margin:0!important;font:inherit!important;text-transform:none!important;letter-spacing:inherit!important;color:var(--fs-pink,#CB317B)!important;cursor:pointer;line-height:inherit;box-shadow:none!important}
.fs-word:hover{color:#A8265F}
.fs-wordcard{position:absolute;z-index:9999;max-width:320px;background:#fff;color:#241A1F;border:1px solid #EBD9E1;border-radius:16px;box-shadow:0 12px 32px rgba(36,26,31,.14);padding:16px 18px;font-family:var(--fs-body,"Poppins","Sen",system-ui,sans-serif);text-transform:none;font-size:15px;line-height:1.5}
.fs-wordcard__word{font-family:var(--fs-display,"Playfair Display",Georgia,serif);font-size:20px;font-weight:700;margin:0 0 4px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.fs-wordcard__meaning{margin:0 0 6px}
.fs-wordcard__example{margin:0;color:#6B5F66;font-style:italic}
.fs-wordcard__close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:18px;cursor:pointer;color:#6B5F66;line-height:1}
@media (prefers-reduced-motion:reduce){.fs-quiz *{transition:none!important}}