/* Resolução (banco de questões): a dica e as resoluções ficavam em caixas
   aninhadas — card externo + accordion "separated" + preview-box (borda + fundo
   + padding próprios) — cada uma somando padding e moldura, espremendo o texto
   (pior no mobile, onde o LaTeX inline sofre).

   O card externo foi removido no Python (accordions no 1º nível). Aqui:
   - achatamos o preview-box (não precisa de moldura dentro do painel do accordion);
   - no mobile, cortamos o padding lateral do accordion para liberar largura. */

.resolucao-card .preview-box {
    border: none;
    background: transparent;
    padding: 0;
}

/* Sem o card externo, o variant "separated" perdia a moldura visível no tema
   CLARO (item branco somia no fundo claro). Damos borda + fundo contrastante
   nos dois temas para a "caixa" de cada accordion aparecer sempre. */
.resolucao-card .mantine-Accordion-item {
    background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-6));
    border: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
    border-radius: var(--mantine-radius-md);
}

@media (max-width: 767px) {
    .resolucao-card .mantine-Accordion-control,
    .resolucao-card .mantine-Accordion-content {
        padding-left: var(--mantine-spacing-xs) !important;
        padding-right: var(--mantine-spacing-xs) !important;
    }
}