.mcq-page,.mcq-single{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#0f172a}
.mcq-layout{max-width:1220px;margin:18px auto;padding:0 14px;display:block}
.mcq-main{min-width:0}
.mcq-side{display:none}
@media(min-width:992px){
  .mcq-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
  .mcq-side{display:block}
}
.mcq-archive-head{background:linear-gradient(180deg,#ecfeff,#ffffff);border:1px solid #e5e7eb;border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:0 10px 22px rgba(15,23,42,.04)}
.mcq-archive-kicker{font-size:11px;color:#64748b;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mcq-archive-title{margin:2px 0 0;font-size:18px;font-weight:950;line-height:1.2}
.mcq-card{background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.06);margin-bottom:16px;overflow:hidden}
.mcq-head{padding:14px;border-bottom:1px solid #eff3f8}
.mcq-title{font-size:22px;line-height:1.25;margin:0}
@media (min-width:768px){.mcq-title{font-size:26px}}
/* Number + text aligned */
.mcq-q-link{color:inherit;text-decoration:none;display:inline-flex;align-items:baseline;gap:8px;line-height:1.25;flex-wrap:wrap}
.mcq-q-link:hover{text-decoration:none}
.mcq-serial{display:inline-block;line-height:1.25;flex:0 0 auto}
.mcq-qtext{display:inline;line-height:1.25}
.mcq-qtext p,.mcq-qtext div{display:inline;margin:0}
.mcq-sub{margin-top:10px;font-size:13px;color:#64748b;display:flex;flex-wrap:wrap;gap:8px}
.mcq-meta{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-weight:700}
.mcq-ico{opacity:.9}
.mcq-card.is-single .mcq-sub-singleline{display:flex;gap:6px;flex-wrap:nowrap!important;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mcq-card.is-single .mcq-meta{padding:4px 8px;font-size:12px;white-space:nowrap;flex:0 0 auto}
.mcq-meta-share .mcq-action{padding:4px 10px;font-size:12px;border-radius:10px}
/* Options */
.mcq-options{display:grid;grid-template-columns:1fr;gap:12px;padding:14px 14px 8px}
@media (min-width:768px){.mcq-options{grid-template-columns:1fr 1fr;gap:16px 26px}}
.mcq-opt{display:flex;align-items:flex-start;gap:10px;padding:8px 6px;border:0;background:transparent;text-align:left;font-size:18px;color:#0f172a;cursor:pointer}
.mcq-opt:disabled{cursor:default}
.dot{width:12px;height:12px;border-radius:999px;border:3px solid #0f172a;margin-top:8px;box-sizing:border-box}
.mark{display:none;width:22px;height:22px;border-radius:999px;align-items:center;justify-content:center;margin-top:2px;font-weight:900}
.mark-check{background:#16a34a;color:#fff}
.mark-cross{background:#ef4444;color:#fff}
.mcq-opt.is-correct .dot,.mcq-opt.is-wrong .dot{display:none}
.mcq-opt.is-correct .mark-check{display:inline-flex}
.mcq-opt.is-wrong .mark-cross{display:inline-flex}
.mcq-pills{display:flex;flex-wrap:wrap;gap:8px}
.mcq-pills-bottom{padding:0 14px 10px}
.mcq-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f1f5f9;border:1px solid #e5e7eb;font-weight:800;text-decoration:none;color:#0f172a;font-size:12px}
.mcq-foot{padding:10px 14px;border-top:1px solid #eff3f8;display:flex}
.mcq-des-btn{border:0;background:transparent!important;color:#2563eb;font-weight:800;cursor:pointer;padding:0;box-shadow:none!important}
.mcq-desc{padding:0 14px 14px}
.mcq-desc-inner{border-top:1px dashed #e5e7eb;padding-top:12px}
.mcq-pagination{padding:10px 0 92px}
.mcq-pagination .page-numbers{display:inline-block;margin-right:6px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none}
.mcq-pagination .page-numbers.current{background:#0f172a;color:#fff;border-color:#0f172a}
/* Bottom bar centered */
.mcq-bottombar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px 14px;z-index:9999;flex-wrap:wrap}
.mcq-toggle{border:0;background:#ef4444;color:#fff;padding:9px 14px;border-radius:10px;cursor:pointer;font-weight:900;white-space:nowrap}
.mcq-toggle[data-mode="test"]{background:#22c55e}
.mcq-score{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.pill{border:1px solid #e5e7eb;border-radius:10px;padding:7px 10px;font-weight:900;background:#fff;white-space:nowrap}
.pill-right{border-color:#22c55e;color:#166534}
.pill-wrong{border-color:#ef4444;color:#991b1b}
@media(max-width:520px){
  .mcq-head{padding:12px}
  .mcq-opt{font-size:16px;line-height:1.4}
  .mcq-card.is-single .mcq-meta{font-size:11px;padding:4px 7px}
  .mcq-meta-share .mcq-action{font-size:11px;padding:4px 8px}
}
/* Sidebar */
.mcq-side-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:12px;box-shadow:0 10px 22px rgba(15,23,42,.04);margin-bottom:14px}
.mcq-side-title{font-weight:950;font-size:13px;margin-bottom:10px}
.mcq-side-list{display:flex;flex-direction:column;gap:8px}
.mcq-side-item{display:block;padding:10px 10px;border-radius:12px;border:1px solid #eef2f7;background:#fff;text-decoration:none;color:#0f172a;font-weight:800;font-size:13px}
/* single title centered */
.mcq-card.is-single .mcq-title{ text-align:center; }

/* --- v1.3.8: remove hover everywhere in mcq UI --- */
.mcq-page a:hover,
.mcq-layout a:hover{ text-decoration:none !important; }
.mcq-opt:hover,
.mcq-opt:focus,
.mcq-opt:active{ background:transparent !important; box-shadow:none !important; transform:none !important; outline:none !important; }
.mcq-pill:hover,
.mcq-pill:focus,
.mcq-side-item:hover,
.mcq-side-item:focus,
.mcq-pagination .page-numbers:hover,
.mcq-pagination .page-numbers:focus{ background:inherit !important; box-shadow:none !important; transform:none !important; outline:none !important; }
.mcq-toggle:hover,.mcq-toggle:focus,.mcq-toggle:active,
.mcq-des-btn:hover,.mcq-des-btn:focus,.mcq-des-btn:active,
.mcq-action:hover,.mcq-action:focus,.mcq-action:active{ filter:none !important; opacity:1 !important; transform:none !important; box-shadow:none !important; outline:none !important; }

/* --- v1.3.9: force proper desktop layout (fix narrow single page) --- */
@media(min-width:992px){
  .mcq-layout{width:100% !important; max-width:1220px !important; display:grid !important; grid-template-columns:minmax(0,1fr) 320px !important; gap:18px !important; margin-left:auto !important; margin-right:auto !important;}
  .mcq-main{width:100% !important; max-width:none !important;}
  .mcq-side{display:block !important; width:100% !important; max-width:none !important;}
  .mcq-card{width:100% !important; max-width:none !important;}
}
/* If theme forces narrow main/content widths, ensure our content can expand */
.mcq-layout, .mcq-layout *{box-sizing:border-box}

/* --- v1.4.0: single page layout like reference --- */
.mcq-card.is-single .mcq-head{padding:16px 16px 10px}
.mcq-card.is-single .mcq-title{font-size:34px;line-height:1.15;text-align:left !important}
@media(max-width:768px){.mcq-card.is-single .mcq-title{font-size:24px}}
.mcq-single-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}
.mcq-single-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#64748b}
.mcq-single-meta .mcq-meta{padding:4px 8px;font-size:12px}
.mcq-single-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.mcq-single-actions .mcq-action{border:0;background:transparent!important;padding:0;font-weight:800;color:#0f172a;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.mcq-single-actions .mcq-action .ico{opacity:.75}
.mcq-des-toggle{border:1px solid #e5e7eb;background:#fff!important;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:900;color:#0f172a;cursor:pointer}
.mcq-des-toggle .caret{font-size:12px;opacity:.7}
.mcq-card.is-single .mcq-options{padding-top:10px}
.mcq-single-tagsline{display:flex;flex-wrap:wrap;gap:8px;padding:6px 16px 10px;border-top:1px solid #eff3f8}
.mcq-single-descwrap{padding:0 16px 16px}
.mcq-single-descwrap .mcq-best{margin-top:10px}
.mcq-best{background:#eefcf3;border:1px solid #bbf7d0;border-radius:10px;padding:12px}
.best-head{display:flex;align-items:center;gap:8px;font-weight:950}
.best-check{width:18px;height:18px;border-radius:999px;background:#16a34a;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}

/* --- v1.4.1: force single page to fit screen and not stick to right --- */
.mcq-single{width:100% !important;}
.mcq-layout.mcq-single{margin-left:auto !important;margin-right:auto !important;}
@media(min-width:992px){
  .mcq-layout.mcq-single{max-width:1220px !important;}
  .mcq-layout.mcq-single .mcq-main{justify-self:stretch !important; align-self:start !important;}
  .mcq-layout.mcq-single .mcq-side{justify-self:stretch !important; align-self:start !important;}
}
/* Smaller title */
.mcq-card.is-single .mcq-title{font-size:28px !important;}
@media(max-width:768px){.mcq-card.is-single .mcq-title{font-size:22px !important;}}

/* --- v1.4.2: hard-fix theme container causing right-aligned narrow content --- */
.mcq-layout.mcq-single{max-width:none !important; width:100% !important; padding-left:14px !important; padding-right:14px !important;}
.mcq-layout.mcq-single{display:block !important;}
@media(min-width:992px){
  .mcq-layout.mcq-single{display:grid !important; grid-template-columns:minmax(0,1fr) 360px !important; gap:18px !important;}
}
.mcq-layout.mcq-single, .mcq-layout.mcq-single *{float:none !important;}
.mcq-layout.mcq-single .mcq-main{max-width:100% !important; justify-self:stretch !important;}
/* created/updated line under title */
.mcq-single-meta{margin-top:6px;font-size:13px;color:#64748b}
/* toolbar under tags */
.mcq-single-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 16px 14px}
.mcq-tb{border:0;background:transparent!important;padding:0;font-weight:900;font-size:12px;color:#0f172a;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.mcq-tb .ico{opacity:.75}
.mcq-tb-static{cursor:default}

/* --- v1.4.3: GeneratePress container fixes for /mcq/* pages --- */
body.single-mcq .site-content .grid-container,
body.post-type-archive-mcq .site-content .grid-container,
body.tax-mcq_subject .site-content .grid-container,
body.tax-mcq_board .site-content .grid-container,
body.tax-mcq_year .site-content .grid-container,
body.tag .site-content .grid-container,
body.category .site-content .grid-container{
  max-width: 100% !important;
}
body.single-mcq .content-area,
body.post-type-archive-mcq .content-area,
body.tax-mcq_subject .content-area,
body.tax-mcq_board .content-area,
body.tax-mcq_year .content-area,
body.tag .content-area,
body.category .content-area{
  width: 100% !important;
}

/* toolbar icon + text color */
.mcq-single-toolbar .mcq-tb,
.mcq-single-toolbar .mcq-tb .ico{
  color:#A1A5B7 !important;
}

/* --- v1.4.4: GeneratePress force remove sidebars on MCQ views --- */
body.single-mcq #primary,
body.post-type-archive-mcq #primary,
body.tax-mcq_subject #primary,
body.tax-mcq_board #primary,
body.tax-mcq_year #primary{
  width:100% !important;
}
body.single-mcq #secondary,
body.post-type-archive-mcq #secondary,
body.tax-mcq_subject #secondary,
body.tax-mcq_board #secondary,
body.tax-mcq_year #secondary{
  display:none !important;
}

/* --- v1.4.6: single sidebar like screenshot (Related Board/Subject) --- */
.mcq-side-card{border-radius:14px}
.mcq-side-title{font-size:13px;font-weight:950;margin-bottom:10px}
.mcq-side-item{
  border:1px solid #e5e7eb !important;
  background:#fff !important;
  border-radius:12px !important;
  padding:12px 12px !important;
  font-weight:900 !important;
}
.mcq-side-list{gap:10px}

/* --- v1.4.7: mobile serial+question same line --- */
@media(max-width:560px){
  .mcq-q-link{display:inline !important}
  .mcq-serial{display:inline !important;margin-right:6px}
  .mcq-qtext{display:inline !important}
  .mcq-title{line-height:1.25}
}
/* ensure related questions below visible nicely on mobile */
@media(max-width:768px){
  .mcq-related-wrap{padding:0 0 90px} /* avoid bottom bar overlap */
}
/* right sidebar match screenshot (single + archive): bigger padding, soft border */
.mcq-side-card{border:1px solid #e5e7eb !important; box-shadow:none !important; padding:14px !important; border-radius:16px !important}
.mcq-side-item{padding:14px 14px !important; border-radius:14px !important; font-size:14px !important}

/* --- v1.4.8: mobile serial alignment + related questions block --- */
@media(max-width:560px){
  .mcq-q-link{display:flex !important; align-items:baseline !important; gap:6px !important; flex-wrap:wrap}
  .mcq-serial{margin:0 !important; padding:0 !important; line-height:1.25 !important}
  .mcq-qtext{line-height:1.25 !important}
}
/* Related questions block visible on mobile/desktop */
.mcq-related-wrap{margin-top:14px}
.mcq-related-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 10px 22px rgba(15,23,42,.04)}
.mcq-related-title{font-weight:950;font-size:13px;margin:0 0 10px}
.mcq-related-list{display:flex;flex-direction:column;gap:10px}
.mcq-related-item{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;text-decoration:none;color:#0f172a;font-weight:900}

/* --- final: mobile align number with question text (list cards) --- */
@media(max-width:640px){
  .mcq-q-link{display:flex !important; align-items:baseline !important; gap:6px !important; flex-wrap:wrap !important}
  .mcq-serial{display:inline-block !important; margin:0 !important; line-height:1.25 !important}
  .mcq-qtext{display:inline !important; line-height:1.25 !important}
  .mcq-qtext p,.mcq-qtext div{display:inline !important;margin:0 !important}
}

/* --- final: strongest mobile number alignment (theme-proof) --- */
@media(max-width:640px){
  .mcq-title{display:block !important}
  .mcq-title .mcq-q-link,
  .mcq-title a.mcq-q-link{
    display:inline-flex !important;
    align-items:baseline !important;
    gap:6px !important;
    flex-wrap:wrap !important;
  }
  .mcq-title .mcq-serial{position:relative; top:0 !important}
}