:root {
  --tinta: #1a1a1a;
  --suave: #5c5c5c;
  --linha: #d4d4d4;
  --papel: #fdfdfb;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --tinta: #e6e6e3; --suave: #a3a3a0; --linha: #3a3a3a; --papel: #141414; }
}
* { box-sizing: border-box; }
body {
  margin: 0 auto;
  max-width: 42rem;
  padding: 2rem 16px 4rem;
  background: var(--papel);
  color: var(--tinta);
  font: 1.125rem/1.6 "Times New Roman", Times, serif;
}
header { border-bottom: 1px solid var(--linha); margin-bottom: 2rem; padding-bottom: 1rem; }
.site { margin: 0 0 .5rem; font-size: 1.25rem; }
.site a { color: inherit; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; }
nav a, .data { color: var(--suave); }
a { color: inherit; text-underline-offset: .15em; }
h1, h2, h3 { font-weight: normal; line-height: 1.25; }
h1 { font-size: 1.75rem; }
h2 { font-size: 1.35rem; margin-top: 2.25rem; }
code, pre { font-family: ui-monospace, Consolas, monospace; font-size: .9em; }
pre { overflow-x: auto; padding: .75rem; border: 1px solid var(--linha); }
blockquote { margin: 1rem 0; padding-left: 1rem; border-left: 2px solid var(--linha); color: var(--suave); }
hr { border: 0; border-top: 1px solid var(--linha); }
.lista { list-style: none; padding: 0; }
.lista li { margin: .35rem 0; }
.lista .data { display: inline-block; min-width: 6.5rem; }
footer { margin-top: 4rem; border-top: 1px solid var(--linha); color: var(--suave); font-size: .9rem; }