/* pagina.css — as páginas de descoberta (/q/<endereco> e /perguntas).
   A pele do céu virada papel: escuro, serifado, silencioso (Lei 6).
   TUDO externo — o CSP de produção proíbe estilo inline, e está certo. */

* { box-sizing: border-box; }

body.pagina {
  margin: 0;
  min-height: 100vh;
  background: #010207;
  color: rgba(215, 225, 255, .82);
  font: 300 17px/1.75 Georgia, 'Times New Roman', serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9vh 24px 6vh;
}

main { max-width: 640px; width: 100%; }

.farol {
  font-size: 12px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: rgba(215, 225, 255, .35);
  margin: 0 0 34px;
}

h1 {
  font-size: 30px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  color: #f3eee2;
  margin: 0 0 22px;
}

h2 {
  font-size: 13px;
  font-weight: 300;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(215, 225, 255, .4);
  margin: 44px 0 6px;
}

.nota {
  font-size: 15px;
  color: rgba(215, 225, 255, .5);
  margin: 0 0 30px;
}

.entrar a {
  color: #f3eee2;
  text-decoration: none;
  border-bottom: 1px solid rgba(194, 24, 91, .55);
  padding-bottom: 2px;
  font-style: italic;
}
.entrar a:hover { border-bottom-color: #c2185b; }

.irmas ul, .todas { list-style: none; padding: 0; margin: 10px 0 0; }
.irmas li, .todas li { padding: 11px 0; border-bottom: 1px solid rgba(215, 225, 255, .07); }
.irmas a, .todas a { color: rgba(215, 225, 255, .82); text-decoration: none; }
.irmas a:hover, .todas a:hover { color: #f3eee2; }

.arquivo h1 { font-style: normal; font-size: 24px; }

footer {
  margin-top: 60px;
  font-size: 13px;
  color: rgba(215, 225, 255, .3);
}
footer a { color: rgba(215, 225, 255, .45); text-decoration: none; }
footer a:hover { color: rgba(215, 225, 255, .7); }

@media (max-width: 560px) {
  h1 { font-size: 24px; }
  body.pagina { padding-top: 6vh; }
}