/* Paleta de near.blog: gris muy oscuro en vez de negro puro, enlaces azules. */
body {
  background: #161616;
  color: #f1f1f1;
  font: 16px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 38rem;
  margin: 0 auto;
  padding: 4rem 1rem;
}
h1, h2 { color: #fff; }
a { color: #5ba4ca; }
a:hover { color: #66c4ff; text-decoration: none; }
h1 { font-size: 1.8rem; margin: 0 0 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #333; }
h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1em; margin: 2.5rem 0 1rem; }
ul { padding-left: 1.2rem; }
li { margin-bottom: 1rem; }
code, pre { font: 0.85em ui-monospace, Consolas, monospace; }
pre { background: #1a1a1a; border: 1px solid #333; border-radius: 8px; padding: 1rem; overflow-x: auto; white-space: pre-wrap; }
table { border-collapse: collapse; width: 100%; font-size: 0.9em; }
td, th { border-bottom: 1px solid #333; padding: 0.4rem 0.5rem 0.4rem 0; text-align: left; vertical-align: top; }
nav { font-size: 0.9em; margin-bottom: 3rem; }
footer { font-size: 0.9em; margin-top: 4rem; color: #888; }
.makers img { height: 2rem; margin-right: 0.75rem; vertical-align: middle; }