/* Questões — só o que o base.css não cobre. Prefixo qs- */
.qs{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:calc(var(--u)*2.2)}
.qs-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--u)*3);flex-wrap:wrap}
.qs-cab .titulo{font-size:2em}
.qs-placar{min-width:240px;display:flex;flex-direction:column;gap:.4em}
.qs-placar .progresso{max-width:none}
.qs-placar-n{display:flex;align-items:baseline;gap:.7em}
.qs-placar-n b{font-size:1.5em}
.qs-placar-n small{color:var(--tinta-3)}

.qs-topo{padding:calc(var(--u)*1.8) calc(var(--u)*2.2)}
.qs-filtro{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*2)}
.qs-filtro .grupo{display:block}
.qs-sessao{color:var(--tinta-2)}

.qs-entradas{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*1.6)}
.qs-entrada{display:flex;flex-direction:column;gap:.35em;text-align:left;padding:1em 1.1em;border:1px solid var(--pauta-forte);border-radius:var(--r-m);background:var(--folha)}
.qs-entrada:hover:not(:disabled){border-color:var(--caneta)}
.qs-entrada.sel{border-color:var(--caneta);background:var(--caneta-suave)}
.qs-entrada:disabled{opacity:.55;cursor:not-allowed}
.qs-entrada b{font-weight:600}
.qs-entrada small{color:var(--tinta-3);line-height:1.35}

.qs-painel{display:flex;flex-direction:column;gap:calc(var(--u)*1.8)}
.qs-painel .grupo{display:block}
.qs-painel .pil2{max-width:220px}
.qs-soltar{margin-top:.6em;padding:1em;border:1.5px dashed var(--pauta-forte);border-radius:var(--r-m);color:var(--tinta-3);display:flex;align-items:center;gap:.6em;flex-wrap:wrap}
.qs-soltar b{color:var(--tinta)}
.qs-soltar.em-cima{border-color:var(--caneta);background:var(--caneta-suave)}
.qs-acoes{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.qs-acoes .btn:disabled{opacity:.5;cursor:not-allowed}

.qs-formas{margin:.5em 0 .6em 1.2em;display:flex;flex-direction:column;gap:.35em}
.qs-resumo{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--u)*2)}
.qs-resumo .nota{display:block}

.qs-corpo{background:var(--folha);border:1px solid var(--pauta);border-radius:var(--r-g);padding:calc(var(--u)*2.6) calc(var(--u)*3)}
.qs-corpo .q-topo{margin-bottom:calc(var(--u)*1.2)}
.qs-corpo .q-mapa{margin-bottom:calc(var(--u)*1.8)}
.qs-corpo .q-mapa .bolhas{flex-wrap:wrap}
.qs-alt{display:flex;flex-direction:column}
.qs-alt .alt:disabled{cursor:default}
.qs-alt .alt:disabled:hover{border-color:var(--pauta-forte)}
.qs-alt .alt.certa:disabled:hover{border-color:var(--certo)}
.qs-alt .alt.errada:disabled:hover{border-color:var(--correcao)}
.qs-just{margin:.35em .9em .5em 3.4em;color:var(--tinta-2);line-height:1.45;font-size:.95em}
.qs-emb{margin-top:calc(var(--u)*2)}
.qs-emb h4{margin-bottom:.5em}
.qs-trecho{margin:0 0 .6em;padding-left:1em;border-left:3px solid var(--pauta-forte);color:var(--tinta-2);line-height:1.5;font-style:italic}
.qs-corpo .qs-acoes{margin-top:calc(var(--u)*2)}

/* questão que não passou na conferência: texto cinza */
.qs-nc{color:var(--tinta-4)}
.qs-nc-box .enunciado,.qs-nc-box .alt>span:nth-child(2){color:var(--tinta-4)}
.qs-nc-box .origem .pilula{color:var(--tinta-4)}

.qs-fim{display:flex;flex-direction:column;gap:calc(var(--u)*1.6);align-items:flex-start}
.qs-fim .progresso{width:100%}

@media (max-width:900px){
  .qs-entradas,.qs-filtro{grid-template-columns:1fr}
  .qs-resumo{flex-direction:column;align-items:flex-start}
}
