/* css styles */


#code-blanks-clear-storage {

  border-color:black !important;
}

.code-blanks-next-section {
 border-color:black !important;
}
.code-blanks-error-box {
    background: #FFF5F5;
    border-left: 4px solid #CF0202;
    padding: 0.75em;
    margin-top: 0.75em;
    border-radius: 6px;
}

.code-blanks-instructions-box 
{
  background-color: #F0E0F0 !important;
  border-color: #c8a8c8 !important;
}

.code-blanks-response {
  background: #d2e5fc;
  border-color:#00306b !important;
}

.code-blanks-response-box {
  background: #f5f8fc;
  border-color:#00306b !important;
}

.module-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.module-card {
  padding: 1.5rem;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.module-card h3 {
  margin-top: 0;
  color: #9D629D;
}

.module-card p {
  color: #555;
}

.module-card a {
  font-weight: 600;
}

.module-card ul {
  margin-bottom: 0;
}