/* v1.20.0 "what people checked here" blocks ([domain_analyzer_stats]).
   Scoped under .dat-container (repo rule 3). No links inside, so no
   :hover/:visited rules are needed. */
.dat-container.dat-stats {
  --dat-stats-accent: var(--accent, #1e73be);
  --dat-stats-ink: var(--contrast, #222);
  --dat-stats-muted: var(--contrast-2, #575760);
  --dat-stats-soft: var(--base-2, #f1f3f5);
  margin: 0 0 2em;
  color: var(--dat-stats-ink);
}
.dat-container.dat-stats .dat-stats-lead { font-size: 18px; line-height: 1.5; margin: 0 0 14px; }
.dat-container.dat-stats .dat-stats-sub { font-size: 15px; font-weight: 600; margin: 16px 0 6px; }
.dat-container.dat-stats .dat-stats-bars { list-style: none; margin: 0; padding: 0; }
.dat-container.dat-stats .dat-stats-bars li { display: grid; grid-template-columns: minmax(0, 15em) 1fr 3em; gap: 10px; align-items: center; font-size: 15px; padding: 4px 0; margin: 0; }
.dat-container.dat-stats .dat-stats-name { overflow-wrap: anywhere; line-height: 1.3; }
.dat-container.dat-stats .dat-stats-track { height: 10px; background: var(--dat-stats-soft); border-radius: 5px; overflow: hidden; }
.dat-container.dat-stats .dat-stats-fill { display: block; height: 100%; background: var(--dat-stats-accent); border-radius: 5px; }
.dat-container.dat-stats .dat-stats-num { text-align: right; font-variant-numeric: tabular-nums; color: var(--dat-stats-muted); }
.dat-container.dat-stats .dat-stats-note { font-size: 13px; color: var(--dat-stats-muted); margin: 12px 0 0; }
@media (max-width: 560px) {
  .dat-container.dat-stats .dat-stats-bars li { grid-template-columns: minmax(0, 9.5em) 1fr 2.6em; font-size: 14px; }
  .dat-container.dat-stats .dat-stats-lead { font-size: 17px; }
}
