/**
 * Conteúdo estreito dentro do container padrão.
 *
 * Serve para telas de formulário e configuração, que ficam ruins de ler
 * esticadas em 1280px. Segue md/Padrao_Layout_Telas.md: o wrapper da página
 * continua no padrão (var(--container-max-width)) e o teto em pixel fica no
 * conteúdo, que é elemento interno — nunca em max-width inline no .container.
 *
 * Uso: <div class="container conteudo-estreito ce-760">
 */

.conteudo-estreito > * {
    max-width: var(--conteudo-max, 900px);
    margin-left: auto;
    margin-right: auto;
}

.conteudo-estreito.ce-760 { --conteudo-max: 760px; }
.conteudo-estreito.ce-800 { --conteudo-max: 800px; }
.conteudo-estreito.ce-860 { --conteudo-max: 860px; }
.conteudo-estreito.ce-900 { --conteudo-max: 900px; }