/* ================= MCQ module ================= */ .mq-page{--mq-blue:#1366e8;--mq-blue2:#0f55c4;--mq-green:#0b7a57;--mq-ok:#16a34a;--mq-bad:#dc2626;--mq-line:#e5e7eb;--mq-soft:#f5f7fb} .mq-btn,.mq-page button.mq-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;background:var(--mq-blue)!important;color:#fff!important;border:1px solid var(--mq-blue)!important;border-radius:8px!important;padding:10px 18px!important;font-size:14.5px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;cursor:pointer;transition:background .15s,transform .1s;box-shadow:none!important} .mq-btn:hover{background:var(--mq-blue2)!important;color:#fff!important} .mq-btn:active{transform:translateY(1px)} .mq-btn.light,.mq-page button.mq-btn.light{background:#fff!important;color:#1f2937!important;border-color:#d7dbe2!important} .mq-btn.light:hover{background:#f3f4f6!important} .mq-btn.green,.mq-page button.mq-btn.green{background:var(--mq-green)!important;border-color:var(--mq-green)!important} .mq-btn.ok,.mq-page button.mq-btn.ok{background:#f0fdf4!important;color:#14532d!important;border-color:#cfe9d8!important} .mq-btn.mark.on{background:#f5f3ff!important;color:#5b21b6!important;border-color:#c4b5fd!important} .mq-btn.sm,.mq-page button.mq-btn.sm{padding:7px 12px!important;font-size:13px!important} .mq-btn.big,.mq-page button.mq-btn.big{padding:13px 26px!important;font-size:16px!important} .mq-btn.block{display:flex!important;width:100%} .mq-btn[disabled]{opacity:.45;cursor:not-allowed} .mq-page button.mq-link{all:unset;color:var(--mq-blue);cursor:pointer;font-weight:600;text-decoration:underline} .mq-hero .iq-intro{margin-bottom:8px} .mq-stats{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:#6b7280;margin:6px 0 4px} .mq-stats b{color:#111827} .mq-herobtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .mq-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:22px 0 12px} .mq-sechead h2{margin:0!important} .mq-sechead a{font-weight:700;font-size:14px} /* categories */ .mq-cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px} @media(max-width:980px){.mq-cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.mq-cgrid{grid-template-columns:1fr}} .mq-cbox{background:#fff;border:1px solid var(--mq-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,border-color .15s} .mq-cbox:hover{border-color:#bfd3fb;box-shadow:0 6px 18px rgba(19,102,232,.08)} .mq-cmain{display:flex;gap:12px;align-items:center;text-decoration:none!important;color:#111827!important} .mq-cmain .ic{font-size:26px;width:44px;height:44px;border-radius:10px;background:var(--mq-soft);display:flex;align-items:center;justify-content:center;flex:none} .mq-cmain b{display:block;font-size:15.5px;line-height:1.3} .mq-cmain small{color:#6b7280;font-size:12.5px} .mq-clinks{display:flex;gap:6px;flex-wrap:wrap} .mq-clinks a{font-size:12.5px;font-weight:600;background:var(--mq-soft);border-radius:99px;padding:3px 10px;text-decoration:none!important;color:#1f2937} .mq-clinks a:hover{background:#e0eafd;color:var(--mq-blue2)} /* test cards (TodaySprint-style) */ .mq-tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px} .mq-tgrid.sm{gap:14px} .mq-tgrid>.aiq-slot{grid-column:1/-1;margin:0} @media(max-width:980px){.mq-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.mq-tgrid{grid-template-columns:1fr;gap:14px}} .iq-wrap .mq-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:600px){.iq-wrap .mq-tgrid{grid-template-columns:1fr}} .mq-tcard{background:#fff;border:1px solid #e9ebef;border-radius:10px;padding:26px 24px 24px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(15,23,42,.04)} .mq-tcard h3{margin:0 0 8px;font-size:17px;line-height:1.6;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .mq-tcard h3 a{color:#1567d3!important;text-decoration:none!important} .mq-tcard h3 a:hover{text-decoration:underline!important} .mq-tdesc{margin:0 0 12px;color:#4b5563;font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .mq-tchips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px} .mq-tchips span,.mq-tchips a{background:#f3f4f6;border-radius:6px;padding:4px 8px;font-size:12px;color:#4b5563;text-decoration:none!important} .mq-tchips span.neg{background:#fef2f2;color:#991b1b} .mq-tchips.big span,.mq-tchips.big a{font-size:13.5px;padding:6px 11px} .mq-tact{margin-top:auto} .mq-tact small{display:block;color:#6b7280;font-size:12px;margin-top:8px} .mq-tcard.done .mq-btn{background:#f3fbf6!important;color:#14532d!important;border-color:#dcefe3!important} /* MCQ cards */ .mq-list{display:flex;flex-direction:column;gap:14px;margin-bottom:18px} .mq-card{background:#fff;border:1px solid var(--mq-line);border-radius:12px;padding:18px 20px} .mq-card.mq-big{border:0;padding:0} @media(max-width:600px){.mq-card{padding:14px}} .mq-qh{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px} .mq-no{font-weight:700;color:var(--mq-blue);flex:none;line-height:1.6} .mq-qtext{font-size:16px;line-height:1.6;color:#111827;min-width:0;overflow-wrap:anywhere;font-weight:500} .mq-qtext p{margin:0 0 6px}.mq-qtext p:last-child{margin:0} .mq-qtext img{max-width:100%;height:auto} .mq-qtext table{border-collapse:collapse;display:block;overflow-x:auto}.mq-qtext td,.mq-qtext th{border:1px solid #e5e7eb;padding:4px 8px} .mq-qtext.full{margin:0 0 14px;font-weight:400} .mq-qlink{color:inherit!important;text-decoration:none!important} .mq-qlink:hover{color:var(--mq-blue)!important} .mq-opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .mq-opts li{margin:0} .mq-opts button,.mq-ropts button{all:unset;box-sizing:border-box;display:flex!important;align-items:center;gap:14px;width:100%;border:1px solid #e3e6eb!important;border-radius:8px!important;padding:12px 16px!important;background:#fff!important;color:#1f2937!important;font-size:15px!important;font-weight:400!important;line-height:1.45!important;cursor:pointer;transition:border-color .12s,background .12s} .mq-opts button:hover:not([disabled]),.mq-ropts button:hover{border-color:#b9cdf6!important;background:#f8fbff!important} .mq-opts button[disabled]{cursor:default} .mq-opts .l,.mq-ropts .l{flex:none;width:26px;height:26px;border-radius:50%;background:#f1f3f6;color:#4b5563;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600} .mq-opts .t,.mq-ropts .t{min-width:0;overflow-wrap:anywhere} .mq-opts .t p,.mq-ropts .t p{margin:0} .mq-opts button.ok,.mq-ropts button.ok{border-color:#86d3a4!important;background:#f0fdf4!important} .mq-opts button.ok .l,.mq-ropts button.ok .l{background:var(--mq-ok);color:#fff} .mq-opts button.bad,.mq-ropts button.bad{border-color:#f5b4b4!important;background:#fef2f2!important} .mq-opts button.bad .l,.mq-ropts button.bad .l{background:var(--mq-bad);color:#fff} .mq-ropts button.sel{border-color:var(--mq-blue)!important;background:#eef4ff!important;box-shadow:0 0 0 1px var(--mq-blue)} .mq-ropts button.sel .l{background:var(--mq-blue);color:#fff} .mq-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;font-size:13px} .mq-foot .mq-sp{flex:1} .mq-page .mq-foot button.mq-show,.mq-page .mq-foot button.mq-copy{all:unset;cursor:pointer;font-weight:600;color:var(--mq-blue);font-size:13.5px} .mq-foot a.mq-disc{font-weight:600;color:#4b5563;text-decoration:none} .mq-ans{margin-top:12px;border-left:4px solid var(--mq-ok);background:#f6fdf8;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.6} .mq-ans[hidden]{display:none!important} .mq-right{margin:0} .mq-right span p{display:inline;margin:0} .mq-exp{margin-top:8px;color:#374151} .mq-exp p:last-child{margin-bottom:0} .mq-exp img{max-width:100%;height:auto} /* single question */ .mq-h1{font-size:22px!important;line-height:1.45!important;font-weight:600!important} .mq-single .aiq-share{margin-top:14px} .mq-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px} .mq-pn a{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--mq-line);border-radius:10px;padding:12px 14px;text-decoration:none!important;color:#111827!important;min-width:0} .mq-pn a:hover{border-color:#b9cdf6} .mq-pn small{color:var(--mq-blue);font-weight:700;font-size:12.5px} .mq-pn span{font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .mq-pn .next{text-align:right;grid-column:2} @media(max-width:560px){.mq-pn{grid-template-columns:1fr}.mq-pn .next{grid-column:1}} .mq-rel{margin:0;padding-left:20px} .mq-rel li{padding:6px 0;border-bottom:1px dashed #eef0f3;line-height:1.45} .mq-rel small{color:#6b7280} /* comments */ .mq-clist{list-style:none;margin:0 0 12px;padding:0} .mq-clist li{border-bottom:1px solid #f0f1f4;padding:10px 0} .mq-chead{display:flex;gap:8px;align-items:baseline;font-size:13.5px} .mq-chead small{color:#9ca3af} .mq-page .mq-chead button.mq-cdel{all:unset;margin-left:auto;font-size:12px;color:#b91c1c;cursor:pointer} .mq-cbody{font-size:14.5px;line-height:1.6;color:#1f2937;margin-top:3px;overflow-wrap:anywhere} .mq-cform textarea{width:100%;box-sizing:border-box;border:1px solid #d7dbe2;border-radius:8px;padding:10px 12px;font:inherit;font-size:14.5px;min-height:80px} .mq-crow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px} .mq-cmsg{color:#6b7280} .mq-clogin{background:var(--mq-soft);border-radius:8px;padding:10px 12px;margin:0;font-size:14px} /* sidebar */ .mq-sidebtns{display:flex;gap:8px;margin-top:10px} .mq-sidebtns .mq-btn{flex:1} .mq-sideg{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin:10px 0 6px} .mq-sideg:first-of-type{margin-top:0} /* filter chips */ .mq-filter{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px} .mq-filter a{border:1px solid #e3e6eb;border-radius:99px;padding:5px 12px;font-size:13px;text-decoration:none!important;color:#374151;background:#fff} .mq-filter a.on,.mq-filter a:hover{background:var(--mq-blue);color:#fff;border-color:var(--mq-blue)} .mq-filter small{opacity:.7} /* ---------- test ---------- */ .mq-intro .iq-intro{margin-bottom:10px} .mq-instr{background:var(--mq-soft);border-radius:10px;padding:12px 16px;margin:6px 0 14px;font-size:14.5px;line-height:1.6} .mq-instr ul{margin:0;padding-left:18px} .mq-startrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px} .mq-done{display:flex;flex-direction:column;gap:6px} .mq-done[hidden]{display:none!important} .mq-done small{color:#6b7280} .mq-runner{margin-bottom:20px} .mq-rtop{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--mq-line);border-radius:12px;padding:10px 16px;margin-bottom:14px;box-shadow:0 4px 12px rgba(15,23,42,.05)} .mq-rtitle{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mq-timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:18px;background:#eef4ff;color:var(--mq-blue2);border-radius:8px;padding:4px 12px;flex:none} .mq-timer.low{background:#fef2f2;color:#b91c1c;animation:mqp 1s infinite} @keyframes mqp{50%{opacity:.6}} .mq-rgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start} @media(max-width:900px){.mq-rgrid{grid-template-columns:1fr}} .mq-rq{padding:26px 48px 30px} @media(max-width:768px){.mq-rq{padding:18px 16px}} .mq-qnum{font-size:12.5px;color:#4b5563;margin:0 0 8px} .mq-rtext{font-size:16.5px;line-height:1.65;color:#111827;margin-bottom:26px;overflow-wrap:anywhere} .mq-rtext img{max-width:100%;height:auto} .mq-rtext p{margin:0 0 6px} .mq-ropts{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:10px} .mq-ropts li{margin:0} .mq-ropts button{padding:16px 22px!important;font-size:15.5px!important} .mq-rbtns{display:flex;flex-wrap:wrap;gap:10px} .mq-rbtns #mq-next{margin-left:auto} @media(max-width:600px){.mq-rbtns .mq-btn{flex:1 1 40%;padding:10px 8px!important;font-size:13.5px!important}.mq-rbtns #mq-next{margin-left:0}} .mq-pal{position:sticky;top:76px;padding:22px} @media(max-width:900px){.mq-pal{position:static}} .mq-palh{font-weight:700;font-size:14px;margin:0 0 14px} .mq-palgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px 10px;margin-bottom:16px;max-height:340px;overflow:auto;padding:2px} @media(max-width:900px){.mq-palgrid{grid-template-columns:repeat(8,1fr);max-height:none}} @media(max-width:480px){.mq-palgrid{grid-template-columns:repeat(6,1fr)}} .mq-palgrid button{all:unset;box-sizing:border-box;height:36px;border-radius:7px!important;background:#f1f3f6!important;color:#1f2937!important;font-size:13.5px!important;font-weight:500!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent!important} .mq-palgrid button.v{background:#fdecec!important;color:#991b1b!important} .mq-palgrid button.a{background:#dcfce7!important;color:#14532d!important} .mq-palgrid button.m{background:#ede9fe!important;color:#5b21b6!important} .mq-palgrid button.cur{border:2px solid var(--mq-blue)!important;background:#fff!important;color:#111!important} .mq-legend{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12px;color:#4b5563} .mq-legend li{display:flex;gap:6px;align-items:center;margin:0} .mq-legend i{width:14px;height:14px;border-radius:4px;background:#f1f3f6;display:inline-block} .mq-legend i.a{background:#dcfce7}.mq-legend i.n{background:#fdecec}.mq-legend i.m{background:#ede9fe} /* result */ .mq-result{margin-bottom:20px} .mq-rhead{display:flex;flex-wrap:wrap;gap:22px;align-items:center} .mq-ring{--p:0;width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--mq-ok) calc(var(--p)*1%),#eef0f3 0);display:flex;align-items:center;justify-content:center;flex:none} .mq-ring div{width:102px;height:102px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center} .mq-ring b{font-size:24px;line-height:1} .mq-ring small{font-size:12px;color:#6b7280;margin-top:4px} .mq-rstats{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:260px} @media(max-width:600px){.mq-rstats{grid-template-columns:repeat(2,minmax(0,1fr))}} .mq-rstats div{background:var(--mq-soft);border-radius:10px;padding:10px 12px} .mq-rstats b{display:block;font-size:20px} .mq-rstats small{color:#6b7280;font-size:12px} .mq-rstats .g b{color:var(--mq-ok)}.mq-rstats .r b{color:var(--mq-bad)} .mq-verdict{font-size:15.5px;margin:14px 0 0} .mq-gain{display:inline-block;background:#fef9c3;color:#713f12;border-radius:99px;padding:3px 10px;font-weight:700;font-size:13px;margin-left:6px} .mq-ractions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .mq-top{margin:0;padding-left:22px;font-size:14px} .mq-top li{padding:4px 0} .mq-top small{color:#6b7280} .mq-rtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px} .mq-page .mq-rtabs button{all:unset;cursor:pointer;border:1px solid #e3e6eb;border-radius:99px;padding:5px 12px;font-size:13px;background:#fff} .mq-page .mq-rtabs button.on{background:#111827;color:#fff;border-color:#111827} .mq-rv{border:1px solid var(--mq-line);border-radius:10px;padding:14px 16px;margin-bottom:12px} .mq-rv h4{margin:0 0 10px;font-size:15px;font-weight:500;line-height:1.55;display:flex;gap:8px} .mq-rv h4 .st{flex:none;font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 8px;height:fit-content} .mq-rv .st.c{background:#dcfce7;color:#14532d}.mq-rv .st.w{background:#fee2e2;color:#991b1b}.mq-rv .st.s{background:#f3f4f6;color:#4b5563} .mq-rv .mq-ropts{margin-bottom:10px} .mq-rv .mq-ropts button{padding:10px 14px!important;font-size:14.5px!important;cursor:default} .mq-rv .mq-exp{background:#f6fdf8;border-radius:8px;padding:10px 12px;margin:0} .mq-rv a.open{font-size:13px;font-weight:600} /* practice */ .mq-pform{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} @media(max-width:600px){.mq-pform{grid-template-columns:1fr}} .mq-ptop{display:flex;justify-content:space-between;font-size:13.5px;color:#4b5563;margin-bottom:8px;font-weight:600} #mp-card{margin:16px 0} #mp-card .mq-qtext{font-size:17px;margin-bottom:16px} /* theme forces red backgrounds on every