/* =========================================================
   CSE GYAN - MCQ PAGES (same dark theme as tutorials page)
========================================================= */
.mcq1-section{background:radial-gradient(circle at top,#0f172a,#020617);padding:40px 0 70px;color:#e5e7eb;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5}
.mcq1-section *,.mcq1-section *::before,.mcq1-section *::after{box-sizing:border-box}
.mcq1-container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.mcq1-section h1,.mcq1-section h2,.mcq1-section h3,.mcq1-section h4{font-family:inherit}
.mcq1-breadcrumb{color:#94a3b8;font-size:.9rem;margin-bottom:24px}
.mcq1-breadcrumb a{color:#38bdf8;text-decoration:none}
.mcq1-breadcrumb a:hover{text-decoration:underline}
.mcq1-header{background:linear-gradient(135deg,#020617,#0f172a);border:1px solid #1e293b;border-radius:18px;padding:42px 22px;margin-bottom:34px;box-shadow:0 15px 40px rgba(0,0,0,.35);text-align:center}
.mcq1-header h1{font-size:2.6rem;font-weight:800;color:#fff;margin:0 0 12px}
.mcq1-header h1 span{background:linear-gradient(90deg,#38bdf8,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mcq1-header p{color:#cbd5e1;font-size:1.05rem;line-height:1.7;max-width:820px;margin:0 auto}
.mcq1-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.mcq1-stat{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:10px 20px;min-width:120px}
.mcq1-stat b{display:block;font-size:1.5rem;color:#38bdf8}
.mcq1-stat span{font-size:.82rem;color:#94a3b8}

.mcq1-group-title{color:#fff;font-size:1.6rem;font-weight:750;margin:46px 0 6px}
.mcq1-group-text{color:#94a3b8;margin:0 0 22px}
.mcq1-card{display:flex;flex-direction:column;height:100%;padding:28px 25px;border-radius:20px;background:linear-gradient(180deg,#020617,#07111f);border:1px solid #1e293b;color:#e5e7eb;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.mcq1-card:hover{transform:translateY(-6px);border-color:#38bdf8;box-shadow:0 18px 40px rgba(56,189,248,.16)}
.mcq1-icon{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px;color:#fff}
.mcq1-card h3{font-size:1.2rem;font-weight:700;margin:0 0 8px;color:#fff}
.mcq1-card p{font-size:.93rem;line-height:1.6;color:#cbd5e1;margin:0 0 14px;flex:1}
.mcq1-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.mcq1-chip{font-size:.78rem;background:#0f172a;border:1px solid #1e293b;color:#94a3b8;border-radius:20px;padding:3px 11px}
.mcq1-chip.hot{color:#fbbf24;border-color:#78510f}
.mcq1-actions{display:flex;flex-wrap:wrap;gap:10px}
.mcq1-btn{display:inline-block;background:#2563eb;color:#fff!important;border:2px solid #2563eb;padding:9px 17px;border-radius:10px;text-decoration:none!important;font-size:.93rem;font-weight:600;cursor:pointer;font-family:inherit;line-height:1.3}
.mcq1-btn:hover{background:#1d4ed8;border-color:#1d4ed8}
.mcq1-btn.ghost{background:transparent;color:#38bdf8!important;border-color:#38bdf8}
.mcq1-btn.ghost:hover{background:rgba(56,189,248,.12)}
.mcq1-btn.green{background:#16a34a;border-color:#16a34a}
.mcq1-btn.small{padding:6px 12px;font-size:.85rem}

.mcq1-note{background:#07111f;border:1px solid #1e293b;border-radius:18px;padding:28px 30px;margin-top:45px}
.mcq1-note h2{color:#fff;font-size:1.45rem;margin:0 0 14px}
.mcq1-note p{color:#cbd5e1;line-height:1.75;margin-bottom:10px}
.mcq1-faq-title{color:#fff;font-size:1.6rem;font-weight:700;margin:52px 0 20px}
.mcq1-faq{display:grid;gap:15px}
.mcq1-faq-item{background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1e293b;border-radius:15px;padding:22px 25px}
.mcq1-faq-item h3{color:#fff;font-size:1.05rem;font-weight:700;margin:0 0 9px}
.mcq1-faq-item p{color:#cbd5e1;font-size:.95rem;line-height:1.65;margin:0}

/* ---------- Quiz page ---------- */
.mcq1-wrap{max-width:820px;margin:0 auto}
.mcq1-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(135deg,#020617,#0f172a);border:1px solid #1e293b;border-radius:16px;padding:16px 20px;margin-bottom:14px}
.mcq1-top h1{font-size:1.2rem;font-weight:700;color:#fff;margin:0}
.mcq1-badge{display:inline-block;font-size:.78rem;font-weight:700;border-radius:20px;padding:4px 12px;background:#0b3b66;color:#7dd3fc}
.mcq1-badge.test{background:#5a1d0c;color:#fdba74}
.mcq1-timer{font-size:1.15rem;font-weight:800;color:#fbbf24;font-variant-numeric:tabular-nums}
.mcq1-timer.low{color:#f87171}
.mcq1-progress{height:8px;background:#1e293b;border-radius:6px;overflow:hidden;margin-bottom:14px}
.mcq1-progress div{height:100%;background:linear-gradient(90deg,#38bdf8,#22c55e)}
.mcq1-qcard{background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1e293b;border-radius:18px;padding:26px 24px}
.mcq1-meta{display:flex;flex-wrap:wrap;gap:8px;color:#94a3b8;font-size:.85rem;margin-bottom:12px}
.mcq1-qtext{color:#fff;font-size:1.2rem;font-weight:600;line-height:1.55;margin:0 0 20px}
.mcq1-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#07111f;border:2px solid #1e293b;border-radius:12px;padding:13px 16px;margin:0 0 11px;color:#e5e7eb;font-size:1rem;font-family:inherit;cursor:pointer;position:relative;line-height:1.45;transition:border-color .15s,background .15s}
button.mcq1-opt:hover{border-color:#38bdf8;background:#0b1d33}
.mcq1-opt .k{flex:0 0 32px;height:32px;border-radius:50%;background:#1e293b;color:#cbd5e1;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.mcq1-opt .t{flex:1;word-break:break-word}
.mcq1-opt .mark{font-size:1.3rem;font-weight:800}
.mcq1-opt.locked{cursor:default}
.mcq1-opt.sel{border-color:#38bdf8;background:#0b2744}
.mcq1-opt.sel .k{background:#38bdf8;color:#04121f}
.mcq1-opt.correct{border-color:#22c55e;background:#0b2e1a}
.mcq1-opt.correct .k{background:#22c55e;color:#04210f}
.mcq1-opt.correct .mark{color:#4ade80}
.mcq1-opt.wrong{border-color:#ef4444;background:#33100f}
.mcq1-opt.wrong .k{background:#ef4444;color:#fff}
.mcq1-opt.wrong .mark{color:#f87171}
.mcq1-explain{border-radius:12px;padding:14px 16px;margin-top:16px;line-height:1.65}
.mcq1-explain p{margin:6px 0 0;color:#e2e8f0}
.mcq1-explain.good{background:#0b2e1a;border-left:5px solid #22c55e}
.mcq1-explain.bad{background:#2d1a0a;border-left:5px solid #f97316}
.mcq1-explain strong{color:#fff}
.mcq1-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 6px;align-items:center}
.mcq1-nav .grow{flex:1}
.mcq1-palette{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.mcq1-palette a{width:40px;height:36px;line-height:36px;text-align:center;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#cbd5e1;text-decoration:none;font-size:.85rem}
.mcq1-palette a.ok{background:#14532d;border-color:#22c55e;color:#bbf7d0}
.mcq1-palette a.bad{background:#5b1a1a;border-color:#ef4444;color:#fecaca}
.mcq1-palette a.ans{background:#0b3b66;border-color:#38bdf8;color:#bae6fd}
.mcq1-palette a.cur{outline:2px solid #fbbf24}
.mcq1-details{margin-top:14px;background:#07111f;border:1px solid #1e293b;border-radius:12px;padding:10px 16px;color:#cbd5e1}
.mcq1-details summary{cursor:pointer;color:#38bdf8;font-weight:600}

/* Result */
.mcq1-result{background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1e293b;border-radius:18px;padding:30px 24px;text-align:center}
.mcq1-bigscore{font-size:3rem;font-weight:800;color:#38bdf8;line-height:1.1}
.mcq1-bigscore small{font-size:1.2rem;color:#94a3b8;font-weight:600}
.mcq1-msg{color:#fbbf24;font-weight:700;margin:8px 0 18px;font-size:1.1rem}
.mcq1-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:18px 0}
.mcq1-box{background:#07111f;border:1px solid #1e293b;border-radius:12px;padding:12px}
.mcq1-box b{display:block;font-size:1.4rem;color:#fff}
.mcq1-box span{font-size:.8rem;color:#94a3b8}
.mcq1-box.g b{color:#4ade80}.mcq1-box.r b{color:#f87171}.mcq1-box.y b{color:#fbbf24}
.mcq1-table{width:100%;border-collapse:collapse;margin:10px 0 20px;text-align:left}
.mcq1-table th,.mcq1-table td{border:1px solid #1e293b;padding:9px 12px;color:#cbd5e1}
.mcq1-table th{background:#0f172a;color:#fff}
.mcq1-review{background:#07111f;border:1px solid #1e293b;border-radius:14px;padding:16px 18px;margin:12px 0;text-align:left}
.mcq1-review h4{color:#fff;font-size:1rem;margin:0 0 8px;line-height:1.5}
.mcq1-review p{margin:4px 0;color:#cbd5e1;font-size:.95rem}
.mcq1-review .your{color:#f87171}.mcq1-review .right{color:#4ade80}

@media (max-width:768px){
  .mcq1-section{padding-top:25px}
  .mcq1-header{padding:30px 18px}
  .mcq1-header h1{font-size:2rem}
  .mcq1-qcard,.mcq1-note{padding:22px 18px}
  .mcq1-qtext{font-size:1.08rem}
  .mcq1-card{padding:24px 20px}
}

/* ---------- Hub layout: 3 cards per row, sections separated ---------- */
.mcq1-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.mcq1-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 6px}
.mcq1-jump a{background:#0f172a;border:1px solid #1e293b;color:#e2e8f0;text-decoration:none;border-radius:30px;padding:9px 20px;font-weight:600;font-size:.95rem}
.mcq1-jump a:hover{border-color:#38bdf8;color:#38bdf8}
.mcq1-block{border:1px solid #1e293b;border-radius:24px;padding:10px 26px 34px;margin-top:34px;background:rgba(2,6,23,.55);scroll-margin-top:90px}
.mcq1-block .mcq1-group-title{margin-top:26px}
.mcq1-block-olevel{border-color:#166534;background:linear-gradient(180deg,#04160d,#020617)}
.mcq1-block-olevel .mcq1-group-title{color:#4ade80}
.mcq1-block-exam{border-color:#9a3412;background:linear-gradient(180deg,#1a0d05,#020617)}
.mcq1-block-exam .mcq1-group-title{color:#fb923c}
.mcq1-block-subject .mcq1-group-title{color:#38bdf8}
@media (max-width:991px){.mcq1-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.mcq1-cards{grid-template-columns:1fr}.mcq1-block{padding:6px 16px 26px}}

/* ---------- Chapter-wise pages ---------- */
.mcq1-chno{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:10px;background:#0f172a;border:1px solid #1e293b;color:#38bdf8;font-weight:700;font-size:.9rem;margin-bottom:12px}
.mcq1-tut{margin:14px 0 0;font-size:.92rem;color:#94a3b8}
.mcq1-tut a{color:#38bdf8;text-decoration:none}
.mcq1-tut a:hover{text-decoration:underline}
.mcq1-sublink{display:inline-block;margin-top:10px;color:#38bdf8;font-size:.88rem;text-decoration:none}
.mcq1-sublink:hover{text-decoration:underline}