/**handles:jfa-grammar**/
.jfa-grammar{--jfa-blue:#1267b1;--jfa-dark:#12304a;--jfa-border:#dbe5ef;max-width:980px;margin:24px auto;padding:clamp(16px,3vw,30px);border:1px solid var(--jfa-border);border-radius:16px;background:#fff;color:#233044;box-shadow:0 8px 28px rgba(24,56,88,.07);font-family:inherit}.jfa-grammar *{box-sizing:border-box}.jfa-grammar-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--jfa-border);padding-bottom:18px}.jfa-grammar-head h2{margin:5px 0 0;color:var(--jfa-dark);font-size:clamp(22px,3vw,30px);line-height:1.25}.jfa-kicker{font-size:11px;letter-spacing:1.5px;font-weight:800;color:var(--jfa-blue)}.jfa-count{background:#eaf4ff;color:#165a94;border-radius:999px;padding:7px 12px;font-size:13px;white-space:nowrap}.jfa-instructions{color:#536276;margin:16px 0 22px}.jfa-question{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:18px 0;border-bottom:1px solid #edf1f6}.jfa-question-number{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--jfa-blue);font-weight:800}.jfa-prompt{font-weight:650;line-height:1.6;margin:0 0 12px;white-space:pre-wrap}.jfa-answer{max-width:100%;min-width:160px;padding:10px 12px;border:1px solid #b9c8d9;border-radius:7px;background:#fff;color:#1e293b;font:inherit}.jfa-answer:focus,.jfa-match select:focus{outline:2px solid #8ac4f8;outline-offset:1px;border-color:var(--jfa-blue)}.jfa-options{display:flex;flex-wrap:wrap;gap:9px}.jfa-options label{display:flex;align-items:center;gap:8px;border:1px solid var(--jfa-border);border-radius:8px;padding:9px 12px;cursor:pointer}.jfa-options label:has(input:checked){border-color:var(--jfa-blue);background:#eff7ff}.jfa-match{display:grid;gap:10px;max-width:560px}.jfa-match label{display:grid;grid-template-columns:minmax(90px,1fr) minmax(150px,2fr);gap:12px;align-items:center}.jfa-match select{padding:9px;border:1px solid #b9c8d9;border-radius:7px;background:#fff;font:inherit}.jfa-feedback{margin-top:9px;font-size:14px;line-height:1.5}.jfa-feedback.is-correct{color:#187346}.jfa-feedback.is-wrong{color:#b42318}.jfa-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}.jfa-special-chars{display:flex;flex-wrap:wrap;gap:5px}.jfa-char{border:1px solid var(--jfa-border);background:#f8fafc;border-radius:5px;padding:5px 9px;cursor:pointer;font-size:15px;color:#22354a}.jfa-char:hover{background:#eaf4ff;border-color:#8dbde8}.jfa-actions{display:flex;gap:9px;flex-wrap:wrap}.jfa-check,.jfa-retry{border:0;border-radius:8px;padding:11px 16px;font:inherit;font-weight:750;cursor:pointer}.jfa-check{background:var(--jfa-blue);color:#fff}.jfa-check:hover{background:#0f548d}.jfa-retry{background:#edf2f7;color:#26384b}.jfa-result{margin-top:18px;padding:16px;border-radius:10px;background:#eff7ff;color:var(--jfa-dark);font-weight:700}.jfa-result[hidden]{display:none}.jfa-grammar-library .jfa-grammar{margin-bottom:32px}@media(max-width:560px){.jfa-grammar-head{align-items:flex-start;flex-direction:column}.jfa-question{grid-template-columns:28px minmax(0,1fr);gap:9px}.jfa-question-number{height:27px;width:27px}.jfa-match label{grid-template-columns:1fr}.jfa-toolbar{align-items:flex-start;flex-direction:column}.jfa-actions{width:100%}.jfa-check,.jfa-retry{flex:1}}.jfa-grammar .jfa-correct-field{border-color:#18864b;background:#f0fff5}.jfa-grammar .jfa-answer{width:min(100%,420px)}.jfa-grammar .jfa-prompt{color:#172b42}.jfa-grammar .jfa-char:focus,.jfa-grammar .jfa-check:focus,.jfa-grammar .jfa-retry:focus{outline:2px solid #8ac4f8;outline-offset:2px}.jfa-prompt-row{display:flex;align-items:flex-start;gap:8px}.jfa-prompt-row .jfa-prompt{flex:1}.jfa-translate{flex:0 0 25px;width:25px;height:25px;padding:0;border:1px solid #dbe5ef;border-radius:6px;background:#f5f9ff;font-size:14px;line-height:1;cursor:pointer}.jfa-translate:hover{background:#eaf4ff;border-color:#1267b1}.jfa-translation{margin:4px 0 12px;padding:9px 12px;border-left:3px solid #1267b1;background:#f3f8ff;border-radius:0 7px 7px 0;font-size:13px;color:#42566e;line-height:1.6}.jfa-inline-chars[hidden],.jfa-translation[hidden]{display:none}.jfa-text-wrap{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.jfa-pencil{flex:0 0 26px;width:26px;height:28px;border:0;background:0 0;color:#1267b1;font-size:20px;cursor:pointer;padding:0}.jfa-inline-chars{display:flex;flex-wrap:wrap;gap:4px;width:100%;padding:5px 0 0 33px}.jfa-inline-chars .jfa-char{padding:3px 7px}