/* NextGen Virtual Academy — SQL Learning Path add-on.
   Load this AFTER css/sql.css. */

.sql-learning-copy { min-width: 0; flex: 1; }

.sql-learning-item code {
  display: block;
  max-height: 68px;
  margin-top: 9px;
  padding: 8px 9px;
  overflow: auto;
  border-radius: 6px;
  background: #f8fafc;
  color: #334155;
  font-family: Consolas, "Courier New", monospace;
  font-size: 9px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.sql-load-example { margin-top: 10px; }

.sql-learning-item.is-complete {
  border-color: #86efac;
  background: #f0fdf4;
}

.sql-learning-item.is-complete .sql-learning-number {
  background: #16a34a;
  color: #fff;
}

@media (max-width: 600px) {
  .sql-load-example { width: 100%; }
}