:root {
	--fundo: #f6f7f9;
	--papel: #ffffff;
	--texto: #1d2330;
	--suave: #5b6475;
	--borda: #e3e6ec;
	--marca: #0b6e4f;
	--aviso: #fff7e6;
}

@media (prefers-color-scheme: dark) {
	:root {
		--fundo: #12151b;
		--papel: #1a1f27;
		--texto: #e6e9ef;
		--suave: #a3abba;
		--borda: #2b323d;
		--marca: #4cc39a;
		--aviso: #2a2416;
	}
}

* { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--fundo);
	color: var(--texto);
	font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

header, main, footer {
	max-width: 860px;
	margin: 0 auto;
	padding: 0 16px;
}

header { padding-top: 28px; }

.empresa {
	color: var(--suave);
	font-size: 14px;
	margin: 0 0 4px;
}

h1 { font-size: 28px; line-height: 1.25; margin: 4px 0 6px; }
h2 { font-size: 20px; margin: 32px 0 8px; padding-top: 8px; border-top: 1px solid var(--borda); }
h3 { font-size: 17px; margin: 20px 0 6px; }

main {
	background: var(--papel);
	border: 1px solid var(--borda);
	border-radius: 10px;
	padding: 8px 24px 28px;
	margin-top: 16px;
}

nav.idiomas, nav.paginas { font-size: 14px; margin: 10px 0 0; }
nav a, main a, footer a { color: var(--marca); }

.atualizado { color: var(--suave); font-size: 14px; margin: 0; }

.destaque {
	background: var(--aviso);
	border: 1px solid var(--borda);
	border-radius: 8px;
	padding: 12px 16px;
	margin: 16px 0;
}

table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 8px 0 16px; }
th, td { text-align: left; vertical-align: top; padding: 8px; border-bottom: 1px solid var(--borda); }
th { color: var(--suave); font-weight: 600; }

.tabela { overflow-x: auto; }

footer {
	color: var(--suave);
	font-size: 13px;
	padding-top: 20px;
	padding-bottom: 40px;
}

@media (max-width: 600px) {
	main { padding: 4px 16px 20px; }
	h1 { font-size: 24px; }
}