/* Páginas de texto (Sobre, Privacidade): mesmo papel e tinta do mapa, mas rolam. */
:root {
  --papel: #fbf6ea;
  --tinta: #2b2622;
  --tinta-2: #6b6256;
  --linha: rgba(43, 38, 34, 0.14);
  --sombra: 0 1px 0 rgba(43, 38, 34, 0.06), 0 10px 30px -12px rgba(43, 38, 34, 0.35);
  --serif: 'Fraunces', Georgia, serif;
  --sans: 'Instrument Sans', system-ui, sans-serif;
}
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; padding: 40px 16px 56px;
  font: 16px/1.6 var(--sans); color: var(--tinta);
  background: linear-gradient(#bfdfe6 0%, #d9eaea 38%, #e9e6d6 60%) fixed;
  -webkit-font-smoothing: antialiased;
}
.folha {
  max-width: 680px; margin: 0 auto; padding: 32px 36px 36px;
  background: var(--papel); border: 1px solid var(--linha); border-radius: 4px 18px 4px 4px;
  box-shadow: var(--sombra);
}
.voltar { display: inline-block; margin-bottom: 18px; font-size: 14px; font-weight: 600; color: var(--tinta-2); text-decoration: none; }
.voltar:hover { color: var(--tinta); }
h1 { margin: 0 0 6px; font: 600 34px/1.1 var(--serif); font-variation-settings: 'SOFT' 100, 'WONK' 1; letter-spacing: -0.01em; text-wrap: balance; }
.sub { margin: 0 0 26px; color: var(--tinta-2); font-size: 14px; }
h2 { margin: 30px 0 8px; font: 600 21px/1.25 var(--serif); font-variation-settings: 'SOFT' 100; }
p, li { max-width: 62ch; }
ul, ol { padding-left: 22px; }
li { margin: 4px 0; }
a { color: var(--tinta); text-underline-offset: 2px; }
.ficha { margin: 14px 0 0; padding: 14px 16px; border: 1px dashed var(--linha); border-radius: 10px; }
.ficha p { margin: 2px 0; }
.rodape { max-width: 680px; margin: 18px auto 0; text-align: center; font-size: 13px; color: var(--tinta-2); }
.rodape a { color: var(--tinta-2); }
@media (max-width: 560px) {
  body { padding: 16px 16px 40px; }
  .folha { padding: 22px 18px 26px; }
  h1 { font-size: 28px; }
}