.udt-tests-page .udt-hero {
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.udt-tests-page .udt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.udt-card {
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 14px;
  padding: 1rem;
  box-shadow: 0 4px 14px rgba(18, 38, 63, 0.06);
}

.udt-actions {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin-top: 0.9rem;
}

.udt-question h2 {
  margin: 0.5rem 0 1rem;
}

.udt-question-meta {
  color: #5a6472;
  margin: 0;
}

.udt-answers {
  display: grid;
  gap: 0.6rem;
}

.udt-answer {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  border: 1px solid #dfe7f0;
  border-radius: 10px;
  padding: 0.7rem;
}

.udt-answer.is-selected {
  border-color: #6a8dff;
  background: #f4f7ff;
}

.udt-feedback {
  margin-top: 1rem;
  border-radius: 10px;
  padding: 0.9rem;
}

.udt-feedback.is-correct {
  background: #effcf3;
  border: 1px solid #c2efcf;
}

.udt-feedback.is-wrong {
  background: #fff2f2;
  border: 1px solid #ffd6d6;
}

.udt-explanation {
  margin-top: 0.7rem;
}

.udt-lock {
  color: #7a4a00;
}

.udt-auth-card {
  max-width: 680px;
  margin: 0 auto;
}

.udt-error {
  color: #9f1c1c;
  background: #ffe8e8;
  border: 1px solid #ffc3c3;
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
}

.udt-ok {
  color: #1a7a35;
  background: #e9f9ee;
  border: 1px solid #b8ebc8;
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
}

.udt-exam-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.udt-timer {
  font-size: 1rem;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  background: #f4f7ff;
  border: 1px solid #d6e0ff;
}

.udt-result-pass {
  border-color: #b8ebc8;
}

.udt-result-fail {
  border-color: #ffcfcf;
}

.udt-result-item {
  border: 1px solid #e6ebf2;
  border-radius: 10px;
  padding: 0.9rem;
  margin-bottom: 0.8rem;
}

.udt-result-item.is-correct {
  background: #f7fff9;
}

.udt-result-item.is-wrong {
  background: #fff8f8;
}

.udt-inline-form {
  display: inline-block;
}

.udt-badge {
  display: inline-block;
  margin: 0 0 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #1d4ed8;
  background: #e8efff;
  border: 1px solid #c8d8ff;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
}

.udt-badge-pass {
  color: #166534;
  background: #eaf9ef;
  border-color: #bde7c9;
}

.udt-badge-fail {
  color: #991b1b;
  background: #ffecec;
  border-color: #ffc9c9;
}

.udt-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.6rem;
  margin-top: 0.7rem;
}

.udt-media-grid img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  border: 1px solid #dfe7f0;
  display: block;
}