/* UK University Shortlist Quiz — standalone styles
   Prefixed with "ukq-" to avoid clashing with your site's existing CSS */

.ukq-wrap { max-width: 560px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; box-sizing: border-box; }
.ukq-wrap * { box-sizing: border-box; }

.ukq-progress-track { height: 4px; background: #e5e7eb; border-radius: 2px; overflow: hidden; margin-bottom: 24px; }
.ukq-progress-fill { height: 4px; background: #1d4ed8; border-radius: 2px; transition: width 0.3s ease; }
.ukq-step-label { font-size: 12px; color: #6b7280; margin: 0 0 8px; }
.ukq-q-title { font-size: 18px; font-weight: 600; color: #111827; margin: 0 0 20px; line-height: 1.4; }

.ukq-opt-btn {
  display: block; width: 100%; text-align: left; padding: 14px 16px; margin-bottom: 10px;
  border-radius: 10px; border: 1px solid #e5e7eb; background: #f9fafb; cursor: pointer;
  font-size: 15px; color: #111827; transition: all 0.15s ease; font-family: inherit;
}
.ukq-opt-btn:hover { border-color: #bfdbfe; background: #eff6ff; }
.ukq-opt-btn.ukq-selected { border: 2px solid #1d4ed8; background: #eff6ff; color: #1e40af; font-weight: 600; }

.ukq-nav-row { display: flex; justify-content: flex-start; margin-top: 8px; }
.ukq-back-link { font-size: 13px; color: #6b7280; cursor: pointer; text-decoration: underline; }

.ukq-result-card { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 14px; padding: 28px; }
.ukq-result-icon { width: 52px; height: 52px; border-radius: 50%; background: #eff6ff; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 26px; }
.ukq-result-title { font-size: 20px; font-weight: 700; color: #111827; margin: 0 0 8px; }
.ukq-result-sub { font-size: 14px; color: #4b5563; margin: 0 0 20px; line-height: 1.6; }

.ukq-uni-row { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #e5e7eb; font-size: 13px; color: #374151; }
.ukq-uni-row:last-child { border-bottom: none; }

.ukq-cta-box { margin-top: 22px; padding: 18px; border-radius: 10px; background: #eff6ff; }
.ukq-cta-title { font-size: 14px; font-weight: 700; color: #1e40af; margin: 0 0 4px; }
.ukq-cta-desc { font-size: 12px; color: #1e40af; margin: 0 0 12px; line-height: 1.5; }

.ukq-email-row { display: flex; gap: 8px; flex-wrap: wrap; }
.ukq-email-row input { flex: 1; min-width: 160px; padding: 10px 12px; border-radius: 8px; border: 1px solid #d1d5db; font-size: 14px; font-family: inherit; }
.ukq-email-row button { padding: 10px 18px; border-radius: 8px; border: none; background: #1d4ed8; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; }
.ukq-email-row button:hover { background: #1e40af; }
.ukq-email-row button:disabled { background: #93b4f0; cursor: not-allowed; }

.ukq-restart-link { font-size: 12px; color: #6b7280; text-align: center; margin-top: 16px; cursor: pointer; text-decoration: underline; }
.ukq-error-msg { font-size: 12px; color: #dc2626; margin: 8px 0 0; }
.ukq-confirm-msg { font-size: 12px; color: #1e40af; margin: 10px 0 0; font-weight: 600; }