/* ============================================================
   Sof tilim — sertifikatni tekshirish sahifasi

   Sahifaning umumiy ko'rinishi loyiha.css dan olinadi (bir ustunli,
   markazlangan varaq). Bu yerda faqat qidiruv shakli va javob
   kartasi.
   ============================================================ */

.st-tekshir__quti {
  margin-top: 34px;
  background: var(--st-panel);
  border: 1px solid var(--st-line);
  border-radius: 22px;
  padding: 30px 32px 32px;
}

.st-tekshir__izoh {
  margin: 0 0 18px;
  font-size: 16.5px; line-height: 1.6; color: var(--st-ink-soft);
}
.st-tekshir__izoh b { color: var(--st-navy); letter-spacing: .06em; }

.st-tekshir__shakl { display: flex; gap: 12px; flex-wrap: wrap; }

.st-tekshir__shakl input {
  flex: 1 1 260px; min-width: 0; box-sizing: border-box;
  padding: 15px 17px; border-radius: 13px;
  border: 1px solid var(--st-line); background: #fff;
  font: 700 18px/1.2 var(--st-font); letter-spacing: .12em;
  color: var(--st-ink); text-transform: uppercase;
}
.st-tekshir__shakl input::placeholder {
  font-weight: 400; letter-spacing: .08em; color: #9AA8BC; text-transform: none;
}
.st-tekshir__shakl input:focus {
  outline: 0; border-color: var(--st-blue);
  box-shadow: 0 0 0 3px rgba(11, 87, 208, .14);
}

.st-tekshir__tugma {
  flex: 0 0 auto; border: 0; cursor: pointer;
  padding: 15px 28px; border-radius: 13px;
  background: var(--st-blue); color: #fff;
  font: 600 16px/1 var(--st-font);
  transition: background .15s ease, transform .15s ease;
}
.st-tekshir__tugma:hover:not(:disabled) { background: #0a4cb8; transform: translateY(-1px); }
.st-tekshir__tugma:disabled { opacity: .55; cursor: default; }

/* ---------- Javob -------------------------------------------- */

.st-tekshir__javob {
  margin-top: 22px; padding: 22px 24px;
  border-radius: 16px; border: 1px solid var(--st-line);
  border-left: 6px solid var(--st-muted);
  background: #fff;
}
.st-tekshir__javob.is-topildi { border-left-color: #0F9D58; }
.st-tekshir__javob.is-yoq { border-left-color: #D92D20; }

.st-tekshir__javob h2 {
  margin: 0; font-size: 20px; line-height: 1.3; color: var(--st-navy);
}
.st-tekshir__javob.is-topildi h2 { color: #0F7A3D; }
.st-tekshir__javob.is-yoq h2 { color: #B42318; }

.st-tekshir__javob p {
  margin: 10px 0 0; font-size: 16px; line-height: 1.6; color: var(--st-ink-soft);
}

/* Ma'lumot qatorlari: chapda nomi, o'ngda qiymati */
.st-tekshir__jadval { margin-top: 18px; }
.st-tekshir__qator {
  display: flex; gap: 16px; justify-content: space-between; align-items: baseline;
  padding: 11px 0; border-top: 1px solid var(--st-line-soft);
  font-size: 16px;
}
.st-tekshir__qator:first-child { border-top: 0; }
.st-tekshir__qator span { flex: none; color: var(--st-muted); font-size: 14.5px; }
.st-tekshir__qator b {
  text-align: right; color: var(--st-navy); font-weight: 700;
  overflow-wrap: anywhere;
}
.st-tekshir__qator b.raqam { letter-spacing: .1em; }

@media (max-width: 700px) {
  .st-tekshir__quti { padding: 24px 20px 26px; border-radius: 18px; }
  .st-tekshir__izoh { font-size: 15.5px; }
  .st-tekshir__shakl input { font-size: 16.5px; padding: 13px 15px; }
  .st-tekshir__tugma { flex: 1 1 100%; padding: 14px 24px; }
  .st-tekshir__qator { flex-direction: column; gap: 3px; }
  .st-tekshir__qator b { text-align: left; }
}