/*
 * pages/troubleshooting.css
 * Padrão slate: cada problema vira um bloco .info-card, com TOC lateral
 * (.toc-content-area / .content-nav, em components.css). Aqui só os ajustes
 * de lista de passos e prints intercalados.
 */

/* Imagens dentro dos cards nunca estouram a largura disponível */
.info-card-body img {
    max-width: 100%;
    height: auto;
}

/* Lista de passos */
.ts-steps {
    margin: 4px 0 4px 20px;
    padding: 0;
    line-height: 1.6;
}

.ts-steps li {
    margin-bottom: 8px;
}

/* Prints intercalados nos passos: centralizados, empilhados */
.ts-img-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 10px 0 4px;
}