/* Sem fonte externa, sem script, sem cookie: o site nao deve nada a
   ninguem, e a politica de privacidade fica curta por consequencia. */
:root {
  color-scheme: dark light;
  --fundo:#0d1117; --cartao:#161b22; --texto:#e6edf3;
  --suave:#9198a1; --linha:#30363d; --realce:#58a6ff; --vivo:#3fb950;
}
@media (prefers-color-scheme: light) {
  :root { --fundo:#fff; --cartao:#f6f8fa; --texto:#1f2328;
          --suave:#59636e; --linha:#d1d9e0; --realce:#0969da; --vivo:#1a7f37; }
}
* { box-sizing:border-box; }
body {
  margin:0; padding:0 1rem 4rem; background:var(--fundo); color:var(--texto);
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.faixa { max-width:52rem; margin:0 auto; }
header { padding:3rem 0 2rem; }
h1 { font-size:2rem; margin:0 0 .5rem; letter-spacing:-.02em; }
.lead { color:var(--suave); font-size:1.05rem; margin:0; max-width:34rem; }
h2 { font-size:1.15rem; margin:2.5rem 0 1rem; }
a { color:var(--realce); }

.grade { display:grid; gap:.9rem; grid-template-columns:repeat(auto-fill,minmax(15rem,1fr)); }
.cartao {
  display:block; padding:1rem 1.1rem; background:var(--cartao);
  border:1px solid var(--linha); border-radius:12px;
  text-decoration:none; color:inherit;
}
.cartao:hover { border-color:var(--realce); }
.cartao .nome { font-weight:600; }
.cartao .resumo { color:var(--suave); font-size:.9rem; margin-top:.2rem; }
.cartao .estado { margin-top:.6rem; font-size:.85rem; color:var(--suave); }
.ponto { display:inline-block; width:.5rem; height:.5rem; border-radius:50%;
         background:var(--vivo); margin-right:.4rem; vertical-align:middle; }
.fora .ponto { background:var(--suave); }

.canais { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:.6rem; }
.canais a {
  padding:.5rem .9rem; border:1px solid var(--linha); border-radius:999px;
  text-decoration:none; font-size:.92rem;
}
p { max-width:38rem; }
hr { border:0; border-top:1px solid var(--linha); margin:3rem 0 1.2rem; }
footer { color:var(--suave); font-size:.87rem; }
footer a { margin-right:1rem; }