/* Q21 v408: keep the teacher view focused on paragraph-level actions. */
.q21-ai-consensus-compact{display:grid;gap:10px}
.q21-ai-consensus-compact .q21-ai-consensus-score{margin:0}
.q21-ai-consensus-compact .q21-ai-consensus-single{margin-top:0}
.q21-ai-provider-details{border-top:1px solid #e4e8ef;margin-top:14px;padding-top:11px}
.q21-ai-provider-details>summary{color:#526070;cursor:pointer;font-size:12px;font-weight:800}
.q21-ai-provider-details[open]>summary{margin-bottom:12px}
.q21-ai-paragraph-reviews{border-top:1px solid #dfe5ee;display:grid;gap:13px;margin-top:16px;padding-top:16px}
.q21-ai-paragraph-intro{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}
.q21-ai-paragraph-intro>div{display:grid;gap:3px}
.q21-ai-paragraph-intro span{color:#5663ca;font-size:12px;font-weight:850;letter-spacing:.08em}
.q21-ai-paragraph-intro b{color:#222b38;font-size:17px}
.q21-ai-paragraph-intro em{color:#778393;font-size:12px;font-style:normal;line-height:1.5;text-align:right}
.q21-ai-paragraph-list{display:grid;gap:10px}
.q21-ai-paragraph-list>article{background:#fcfdff;border:1px solid #dce4ed;border-radius:12px;display:grid;gap:11px;padding:14px}
.q21-ai-paragraph-card-head{align-items:baseline;display:flex;gap:10px}
.q21-ai-paragraph-card-head b{color:#2c3760;font-size:14px;white-space:nowrap}
.q21-ai-paragraph-card-head q{color:#6f7d8d;font-family:inherit;font-size:12px;line-height:1.5;text-decoration:none}
.q21-ai-paragraph-columns{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.q21-ai-paragraph-columns>section{border-left:3px solid #58916a;display:grid;gap:5px;padding-left:10px}
.q21-ai-paragraph-columns>section.is-improve{border-left-color:#c68142}
.q21-ai-paragraph-columns b{color:#3b4c41;font-size:12px}
.q21-ai-paragraph-columns .is-improve b{color:#79542f}
.q21-ai-paragraph-columns ul{color:#3d4856;display:grid;font-size:12px;gap:4px;line-height:1.55;margin:0;padding-left:17px}
.q21-ai-paragraph-list>article>p{border-top:1px solid #e6ebf1;color:#687687;font-size:12px;line-height:1.55;margin:0;padding-top:9px}
.q21-ai-paragraph-list>article>p b{color:#4f6071}
.auth-password-field{display:block;position:relative}
.auth-password-field input{box-sizing:border-box;padding-right:48px}
.auth-password-toggle{align-items:center;background:transparent;border:0;border-radius:7px;color:#5962bd;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px}
.auth-password-toggle svg{height:18px;width:18px}
.auth-password-toggle.is-visible{background:#eef0ff;color:#363d9b}
.auth-password-toggle:focus-visible{box-shadow:0 0 0 2px #8b90ec;outline:0}
.q21-typed-paragraph-help{background:#f4f6ff;border-left:3px solid #6872d9;color:#536071;font-size:12px;line-height:1.55;margin:10px 0 0;padding:8px 10px}
.q21-external-ocr-import{background:#f7f9ff;border:1px solid #d9e0f0;border-radius:12px;display:grid;gap:12px;padding:14px}.q21-external-ocr-import>div:first-child{display:grid;gap:4px}.q21-external-ocr-import b{color:#32445f;font-size:14px}.q21-external-ocr-import span{color:#64748a;font-size:12px;line-height:1.55}.q21-external-ocr-import>label{color:#4a596d;display:grid;font-size:12px;font-weight:750;gap:6px}.q21-external-ocr-import textarea{background:#fff;border:1px solid #d6dde8;border-radius:8px;box-sizing:border-box;color:#283544;font:13px/1.55 ui-sans-serif,system-ui,sans-serif;min-height:142px;padding:10px;resize:vertical;width:100%}.q21-external-ocr-import label+label textarea{min-height:78px}.q21-external-ocr-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.q21-external-ocr-file{align-items:center;cursor:pointer;display:inline-flex}.q21-external-ocr-file input{display:none}@media(max-width:650px){.q21-external-ocr-actions{align-items:stretch;flex-direction:column}.q21-external-ocr-actions>*{width:100%}.q21-external-ocr-file{justify-content:center}}
@media(max-width:680px){.q21-ai-paragraph-intro{align-items:flex-start;flex-direction:column;gap:4px}.q21-ai-paragraph-intro em{text-align:left}.q21-ai-paragraph-columns{grid-template-columns:1fr}.q21-ai-paragraph-card-head{align-items:flex-start;flex-direction:column;gap:3px}}
