/* Caneta e borracha nas Questões Comentadas: painel fixo do lado direito */
.questao-in{position:relative}
.qf-painel{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid #d6dfd2;border-radius:12px;padding:6px;box-shadow:0 4px 14px rgba(5,24,36,.13)}
.qf-painel button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d6dfd2;background:#fff;color:#33444c;border-radius:9px;padding:0;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;line-height:1}
.qf-painel button b{display:none}
.qf-painel button span{font-size:18px}
.qf-painel button:hover{border-color:#89c03b}
.qf-painel button.ativo{background:#051824;border-color:#051824;color:#fff}
.qf-tela{position:absolute;left:0;top:0;pointer-events:none;z-index:2}
.qf-desenhando .qf-tela{pointer-events:auto;cursor:crosshair;touch-action:none}
.qf-apagando .qf-tela{cursor:cell}
@media (max-width:760px){.qf-painel{top:auto;bottom:80px;transform:none;right:10px;padding:6px;gap:6px}.qf-painel button{width:44px;height:44px}.qf-painel button b{display:none}}
.modo-escuro .qf-painel{background:#14232b;border-color:#2a3c46}
.modo-escuro .qf-painel button{background:#14232b;border-color:#2a3c46;color:#e3e9e4}
.modo-escuro .qf-painel button.ativo{background:#89c03b;border-color:#89c03b;color:#051824}
/* Mais opções do painel: letra, imprimir, questões por página */
.qf-painel .qf-mais{display:none}
.qf-extra{display:flex;flex-direction:column;align-items:center;gap:6px;border-top:1px solid #e3e9e4;padding-top:6px}
.qf-letra{display:flex;flex-direction:column;gap:4px}
.qf-painel .qf-letra button{font-size:12px;font-weight:800}
.qf-qpp{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;color:#5c6a62}
.qf-qpp b{font-size:9px;line-height:1.1;text-align:center}
.qf-painel .qf-qpp button{width:30px;height:22px;font-size:11px;border-radius:7px}
/* tamanho da letra (enunciado e alternativas). O site fixa as alternativas em 14px (.cr-lbl>span), por isso elas têm tamanho próprio */
.qf-fonte-1 .questao .pergunta{font-size:85%}.qf-fonte-1 .questao .alternativas .cr-lbl>span{font-size:12px;line-height:1.5}
.qf-fonte-2 .questao .pergunta{font-size:92%}.qf-fonte-2 .questao .alternativas .cr-lbl>span{font-size:13px;line-height:1.5}
.qf-fonte-4 .questao .pergunta{font-size:112%}.qf-fonte-4 .questao .alternativas .cr-lbl>span{font-size:16px;line-height:1.5}
.qf-fonte-5 .questao .pergunta{font-size:125%}.qf-fonte-5 .questao .alternativas .cr-lbl>span{font-size:18px;line-height:1.5}
.qf-fonte-6 .questao .pergunta{font-size:140%}.qf-fonte-6 .questao .alternativas .cr-lbl>span{font-size:20px;line-height:1.5}
@media (max-width:760px){
.qf-painel{gap:6px}
.qf-painel>button[data-m],.qf-painel .qf-extra{display:none}
.qf-painel.aberto>button[data-m],.qf-painel.aberto .qf-extra{display:flex}
.qf-painel:not(.aberto){padding:0;border:0;background:transparent;box-shadow:none}
.qf-painel .qf-mais{display:flex;width:46px;height:46px;border-radius:50%;justify-content:center;padding:0;box-shadow:0 3px 12px rgba(5,24,36,.25);order:9}
.qf-painel .qf-mais span{font-size:20px}
.qf-painel.qf-ligado:not(.aberto) .qf-mais{border:3px solid #e03131}
.qf-extra{border-top:1px solid #e3e9e4}
.qf-extra button b{display:none}
}
.modo-escuro .qf-extra{border-color:#2a3c46}
.modo-escuro .qf-qpp{color:#e3e9e4}