/* Estilos não críticos (abaixo da dobra e detalhes) */
.section ul{padding-left:18px}
.section li{margin:6px 0}
a{color:var(--primary)}
a:focus{outline:2px solid var(--primary);outline-offset:2px}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Estados do contador */
.bar.success{background:var(--success)}
.bar.warning{background:var(--warning)}
.bar.stopped{opacity:.7}

/* Pequenas melhorias responsivas */
@media(min-width:860px){
  .card{padding:18px}
}