:root{
  --tinta:#101317; --tinta-fraca:#5d6672; --papel:#f6f7f9; --cartao:#ffffff;
  --borda:#e3e6eb; --realce:#0b5cd5; --bom:#1a7f4b; --alerta:#a8631b; --ruim:#b3261e;
  --raio:12px;
}
@media (prefers-color-scheme: dark){
  :root{ --tinta:#e9edf2; --tinta-fraca:#98a2b0; --papel:#0e1116; --cartao:#161b22;
         --borda:#252c36; --realce:#5b9dff; --bom:#3fbf7f; --alerta:#d79a45; --ruim:#f2716a; }
}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);
  font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--realce)}
.faixa{position:sticky;top:0;z-index:5;background:var(--cartao);border-bottom:1px solid var(--borda);
  padding:12px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.faixa h1{font-size:17px;margin:0;font-weight:700;letter-spacing:.2px}
.faixa .quando{color:var(--tinta-fraca);font-size:12px}
main{padding:16px;max-width:960px;margin:0 auto}
.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);
  padding:14px;margin-bottom:12px}
.linha{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.titulo{font-weight:700;font-size:16px}
.fraco{color:var(--tinta-fraca);font-size:13px}
.selo{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;
  border:1px solid var(--borda);color:var(--tinta-fraca);white-space:nowrap}
.selo.bom{color:var(--bom);border-color:currentColor}
.selo.alerta{color:var(--alerta);border-color:currentColor}
.selo.ruim{color:var(--ruim);border-color:currentColor}
details{border-top:1px solid var(--borda);padding:8px 0}
details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;gap:8px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::before{content:"›";display:inline-block;transition:transform .12s;color:var(--tinta-fraca)}
details[open]>summary::before{transform:rotate(90deg)}
ul.lista{list-style:none;margin:8px 0 0;padding:0}
ul.lista li{padding:8px 0;border-top:1px dashed var(--borda)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.nd{border-left:3px solid var(--alerta);padding-left:10px}
.buraco{border-left:3px solid var(--ruim);padding-left:10px;margin:6px 0}
button{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--borda);
  background:var(--cartao);color:var(--tinta);cursor:pointer}
button:hover{border-color:var(--realce)}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--borda);vertical-align:top}
.rolagem{overflow-x:auto}
code{font-size:12px;background:var(--papel);padding:1px 5px;border-radius:5px;word-break:break-all}