/* ---------------------------------------------------------
 * BeBrainer SSC - Web Developers Credit 
 * ---------------------------------------------------------
 * DARK LMNx9 — Limon Hossain
 * ---------------------------------------------------------
 * Website   : https://lmnx9.shop
 * GitHub    : https://github.com/LMNx9-JOHNY
 * WhatsApp : https://wa.me/+8801882168975
 * Telegram  : https://t.me/x_LMNx9
 * ---------------------------------------------------------
 * AFM 1337 — Arafat Hossen
 * ---------------------------------------------------------
 * Website   : https://afm1337.shop
 * GitHub    : https://github.com/AFM-1337
 * WhatsApp : https://wa.me/+8801310329198
 * Telegram  : https://t.me/afm1337
 * --------------------------------------------------------- */

.qz-diff{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:11px;font-weight:700}
.qz-diff--easy{background:#ECFDF5;color:#059669}
.qz-diff--medium{background:#FFFBEB;color:#D97706}
.qz-diff--hard{background:#FEF2F2;color:#DC143C}
.qz-quiz-grid{display:flex;flex-direction:column;gap:14px}
.qz-quiz-card{background:#fff;border:1px solid #E5E7EB;border-radius:18px;padding:22px;transition:border-color 0.3s ease,box-shadow 0.3s ease;box-shadow:0 1px 3px rgba(0,0,0,0.04);position:relative;overflow:hidden}
.qz-quiz-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#1A56DB,#DB2777);opacity:0;transition:opacity 0.3s ease}
.qz-quiz-card:hover{border-color:rgba(26,86,219,0.20);box-shadow:0 12px 32px rgba(26,86,219,0.10)}
.qz-quiz-card:hover::before{opacity:1}
.qz-quiz-card__title{font-weight:800;font-size:16px;margin-bottom:6px;color:#111827;font-family:'Anek Bangla',sans-serif}
.qz-quiz-card__desc{color:#9CA3AF;font-size:13px;margin-bottom:12px;line-height:1.6}
.qz-quiz-card__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#9CA3AF;margin-bottom:14px}
.qz-quiz-card__meta span{display:inline-flex;align-items:center;gap:5px}
.qz-quiz-card__meta i{color:#DB2777;font-size:11px}
.qz-all-start{max-width:600px;margin:0 auto;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:20px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.qz-all-start h1{font-size:20px;font-weight:800;color:#111827;margin:10px 0;font-family:'Anek Bangla',sans-serif}
.qz-all-start p{font-size:13px;color:#6B7280;line-height:1.6;margin:0}
.qz-all-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.qz-all-stats div{padding:10px 6px;background:#F9FAFB;border:1px solid #F3F4F6;border-radius:10px}
.qz-all-stats b{display:block;font-size:16px;font-weight:800;color:#1A56DB}
.qz-all-stats span{font-size:10px;color:#9CA3AF}
.qz-submit-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:none;border-radius:999px;background:linear-gradient(135deg,#1A56DB,#DB2777);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 14px rgba(26,86,219,0.18)}
.qz-submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(219,39,119,0.22)}
.qz-all-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:10px 14px;margin-bottom:10px;position:sticky;top:70px;z-index:5;font-size:12px;font-weight:700;color:#4B5563;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.qz-all-topbar i{color:#1A56DB}
.qz-all-timer{color:#1A56DB;background:#EBF0FA;padding:4px 12px;border-radius:999px}
.qz-all-timer.danger{color:#DC143C;background:#FEF2F2}
.qz-question-block{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:10px 12px;margin-bottom:6px;box-shadow:0 1px 2px rgba(0,0,0,0.03);max-width:100%;min-width:0;box-sizing:border-box}
.qz-question-block__header{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;min-width:0;max-width:100%}
.qz-question-block__num{width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;flex:0 0 22px;align-self:flex-start;border-radius:50%;background:linear-gradient(135deg,#1A56DB,#DB2777);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;overflow:hidden}
.qz-question-block__text{flex:1 1 0%;min-width:0;font-size:16px;font-weight:600;color:#111827;line-height:1.6;white-space:normal;overflow-wrap:break-word;word-break:normal}
.qz-question-image{display:block;max-width:100%;max-height:340px;width:auto;margin:10px auto 14px;border-radius:10px;border:1px solid #E5E7EB;background:#fff;object-fit:contain}
.qz-review-image-wrap{text-align:center;margin:10px 0 12px}
.qz-review-image{display:block;max-width:100%;max-height:280px;width:auto;margin:0 auto;border-radius:10px;border:1px solid #E5E7EB;object-fit:contain}
.qz-options{display:flex;flex-direction:column;gap:4px;padding-left:30px;min-width:0;max-width:100%}
.qz-option{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border:1.5px solid #E5E7EB;border-radius:8px;cursor:pointer;font-size:15px;color:#4B5563;background:#fff;transition:all 0.15s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;min-width:0;max-width:100%}
.qz-option > span:not(.qz-option__mark){flex:1 1 0%;min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal;line-height:1.5}
.qz-option:hover{border-color:#1A56DB}
.qz-option__mark{width:16px;height:16px;border-radius:50%;border:2px solid #D1D5DB;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;color:transparent;transition:all 0.15s ease}
.qz-option.selected{border-color:#1A56DB;background:#EBF0FA}
.qz-option.selected .qz-option__mark{background:linear-gradient(135deg,#1A56DB,#DB2777);border-color:transparent;color:#fff}
.qz-option.selected .qz-option__mark::after{content:'✓'}
.qz-all-submit-wrap{text-align:center;margin-top:12px;padding:10px 0}
.qz-result-hero{text-align:center;background:#fff;border:1px solid #E5E7EB;border-radius:18px;padding:30px 24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.03)}
.qz-result-score{font-size:40px;font-weight:800;background:linear-gradient(135deg,#1A56DB,#DB2777);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.qz-result-total{font-size:14px;color:#9CA3AF;margin-top:4px}
.qz-result-status{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:5px 16px;border-radius:999px;font-weight:700;font-size:13px}
.qz-result-status--pass{background:#ECFDF5;color:#059669}
.qz-result-status--fail{background:#FEF2F2;color:#DC143C}
.qz-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.qz-result-stat{padding:12px 10px;border-radius:12px;background:#F9FAFB;border:1px solid #E5E7EB}
.qz-result-stat b{display:block;font-size:18px;font-weight:800;color:#1A56DB}
.qz-result-stat span{font-size:11px;color:#9CA3AF}
.qz-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.qz-review-item{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:18px;margin-bottom:12px;border-left:4px solid #E5E7EB;box-shadow:0 1px 3px rgba(0,0,0,0.03)}
.qz-review-item.correct{border-left-color:#059669}
.qz-review-item.incorrect{border-left-color:#DC143C}
.qz-review-item.unanswered{border-left-color:#9CA3AF}
.qz-review-q{font-weight:600;font-size:14px;margin-bottom:10px;color:#111827;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word;white-space:normal}
.qz-review-opt{padding:8px 12px;border-radius:10px;font-size:13px;margin-bottom:5px;border:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;color:#4B5563;min-width:0;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word;white-space:normal}
.qz-review-opt.is-correct{border-color:#059669;background:#ECFDF5;color:#065F46}
.qz-review-opt.is-wrong{border-color:#DC143C;background:#FEF2F2;color:#991B1B}
.qz-review-explain{margin-top:8px;padding:10px 12px;background:#F9FAFB;border-radius:10px;font-size:12.5px;color:#4B5563;line-height:1.6;border:1px solid #E5E7EB}
.qz-lb-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.qz-lb-tab{padding:7px 16px;border-radius:999px;border:2px solid #E5E7EB;background:#fff;font-size:12.5px;font-weight:600;color:#4B5563;text-decoration:none;transition:border-color 0.2s,color 0.2s,background 0.2s;font-family:inherit}
.qz-lb-tab:hover{border-color:#1A56DB;color:#1A56DB}
.qz-lb-tab.active{background:linear-gradient(135deg,#1A56DB,#DB2777);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(26,86,219,0.15)}
.qz-lb-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.03);border:1px solid #E5E7EB}
.qz-lb-table th,.qz-lb-table td{padding:10px 14px;text-align:left;font-size:13px;border-bottom:1px solid #F3F4F6}
.qz-lb-table th{background:#F9FAFB;color:#9CA3AF;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:0.3px}
.qz-lb-table td{color:#4B5563}
.qz-lb-rank{font-weight:800;background:linear-gradient(135deg,#1A56DB,#DB2777);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.qz-lb-table tr:last-child td{border-bottom:none}
.qz-lb-table tr:hover td{background:#F9FAFB}
@media (max-width:520px){.qz-all-stats{grid-template-columns:repeat(2,1fr)}.qz-all-start{padding:14px}.qz-question-block{padding:8px}.qz-options{padding-left:0}.qz-option{font-size:14px;padding:8px 10px}.qz-question-block__text{font-size:15px}.qz-result-grid{grid-template-columns:repeat(2,1fr)}.qz-result-hero{padding:24px 16px}.qz-result-score{font-size:32px}.qz-lb-table{min-width:0}}
.qz-lb-table-wrap { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
@media (max-width:520px){
  .qz-lb-table-wrap { border-radius:12px; }
  .qz-lb-table { min-width:0; width:100%; table-layout:fixed; }
  .qz-lb-table th,.qz-lb-table td { padding:9px 7px; font-size:11.5px; }
  .qz-lb-table th:nth-child(1),.qz-lb-table td:nth-child(1){width:14%;}
  .qz-lb-table th:nth-child(2),.qz-lb-table td:nth-child(2){width:43%;overflow-wrap:anywhere;word-break:break-word;}
  .qz-lb-table th:nth-child(3),.qz-lb-table td:nth-child(3){width:18%;white-space:nowrap;}
  .qz-lb-table th:nth-child(4),.qz-lb-table td:nth-child(4){width:25%;white-space:nowrap;}
}


.qz-lb-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:520px){.qz-lb-table{min-width:0;width:100%;table-layout:fixed}.qz-lb-table th,.qz-lb-table td{padding:9px 7px;font-size:11.5px}.qz-lb-table th:nth-child(1),.qz-lb-table td:nth-child(1){width:14%}.qz-lb-table th:nth-child(2),.qz-lb-table td:nth-child(2){width:43%;overflow-wrap:anywhere;word-break:break-word}.qz-lb-table th:nth-child(3),.qz-lb-table td:nth-child(3){width:18%;white-space:nowrap}.qz-lb-table th:nth-child(4),.qz-lb-table td:nth-child(4){width:25%;white-space:nowrap}}

/* Final responsive leaderboard hardening */
.qz-lb-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.qz-lb-table{width:100%;table-layout:fixed}
.qz-lb-table th:nth-child(1),.qz-lb-table td:nth-child(1){width:12%;white-space:nowrap}
.qz-lb-table th:nth-child(2),.qz-lb-table td:nth-child(2){width:43%;overflow-wrap:anywhere;word-break:break-word}
.qz-lb-table th:nth-child(3),.qz-lb-table td:nth-child(3){width:18%;white-space:nowrap}
.qz-lb-table th:nth-child(4),.qz-lb-table td:nth-child(4){width:27%;white-space:nowrap}
@media(max-width:520px){
 .qz-lb-table th,.qz-lb-table td{padding:9px 6px;font-size:11px;vertical-align:middle}
 .qz-lb-table th:nth-child(1),.qz-lb-table td:nth-child(1){width:13%}
 .qz-lb-table th:nth-child(2),.qz-lb-table td:nth-child(2){width:40%;line-height:1.35}
 .qz-lb-table th:nth-child(3),.qz-lb-table td:nth-child(3){width:19%}
 .qz-lb-table th:nth-child(4),.qz-lb-table td:nth-child(4){width:28%}
}