/*
 * Estilo dos documentos públicos: termo de uso, privacidade, metodologia.
 *
 * São páginas para **ler**, não para operar — e são lidas por gente que decide
 * se confia no produto. Daí a medida curta, o contraste alto e nenhum enfeite
 * que dispute atenção com o texto.
 *
 * Ficam fora do shell da aplicação de propósito: precisam abrir sem sessão,
 * sem JavaScript e sem depender de nada que possa estar fora do ar. Quem lê o
 * termo de uso muitas vezes ainda não tem conta.
 */

:root {
  color-scheme: light dark;
  --tinta: #0f1e1b;
  --fundo: #f2f5f3;
  --superficie: #fbfcfa;
  --fraco: #3b4d49;
  --regua: #d3dbd7;
  --acento: #1c6a57;
}

@media (prefers-color-scheme: dark) {
  :root {
    --tinta: #e7eeea;
    --fundo: #0c1412;
    --superficie: #121d1a;
    --fraco: #b0c1bb;
    --regua: #25332e;
    --acento: #5cbfa2;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font: 16px/1.7 system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--fundo);
  color: var(--tinta);
  padding: 40px 24px 96px;
}

main { max-width: 68ch; margin-inline: auto; }

.volta {
  display: inline-block;
  margin-bottom: 2em;
  font-size: .9rem;
  color: var(--acento);
  text-decoration: none;
}
.volta:hover { text-decoration: underline; }

h1 {
  font-size: 1.7rem;
  line-height: 1.2;
  letter-spacing: -.015em;
  margin: 0 0 .3em;
  text-wrap: balance;
}

.atualizado {
  font-size: .85rem;
  color: var(--fraco);
  margin: 0 0 2.4em;
}

h2 {
  font-size: 1.15rem;
  margin: 2.2em 0 .6em;
  letter-spacing: -.01em;
  text-wrap: balance;
}

h3 { font-size: 1rem; margin: 1.6em 0 .4em; }

p, li { margin: 0 0 1em; }
ul, ol { padding-left: 1.4em; }
li { margin-bottom: .5em; }

strong { font-weight: 600; }

a { color: var(--acento); }

table {
  width: 100%;
  border-collapse: collapse;
  font-size: .93rem;
  margin: 1.2em 0 1.6em;
}
th, td {
  text-align: left;
  vertical-align: top;
  padding: 9px 12px;
  border-bottom: 1px solid var(--regua);
}
th {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--fraco);
  font-weight: 600;
  background: var(--superficie);
}

/* Destaque para o que o leitor precisa notar mesmo se estiver passando o olho. */
.nota {
  border-left: 3px solid var(--acento);
  background: var(--superficie);
  padding: 14px 18px;
  margin: 1.6em 0;
}
.nota p:last-child { margin-bottom: 0; }

code {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: .9em;
  background: var(--superficie);
  padding: 1px 5px;
  border: 1px solid var(--regua);
}

footer {
  margin-top: 3.5em;
  padding-top: 1.4em;
  border-top: 1px solid var(--regua);
  font-size: .85rem;
  color: var(--fraco);
}