/* impq.css: important-questions pages (impq.php). Practice blocks keep the notes' look, sized for the web. */
.iq{--pen:#1d3c8f;--green:#1b7a3a;--red:#c0392b;--orange:#c46a00;--purple:#6b3fa0;--line:#c9d2e3;--box:#f7f9fd;--hl:#fff1a8}
.iq h1{font-size:clamp(28px,4vw,42px);margin:8px 0 12px}
.iq-lead{font-size:19px;color:#39404f;max-width:62ch}
.iq-rel{list-style:none;padding:12px 14px;margin:16px 0 0;border-radius:12px;background:#f4f7ff;border:1px solid #c9d6f2;display:grid;gap:6px;font-size:16.5px}
.iq-rel i{color:#1e8e4e}
.iq-jump{font-size:15px;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.iq-jump a{background:#eef2fa;border-radius:999px;padding:4px 12px;text-decoration:none;font-weight:600}
.iq-sec{margin-top:26px;border:1px solid #dfe4ee;border-radius:14px;padding:6px 16px 14px;background:#fff;font-size:16.5px;line-height:1.55;scroll-margin-top:80px}
.iq-sec h2{font-size:22px;color:#9b1c2e;margin:10px 0 10px;padding-bottom:4px;border-bottom:2px solid #f0c5cc}
.iq-sec h3{font-size:18px;margin:14px 0 6px;color:var(--pen)}
.iq-sec ol{padding-left:24px}
.iq-sec li{margin-bottom:6px}
.iq-sec .g{color:var(--green);font-weight:600}
.iq-sec .o{color:var(--orange)}.iq-sec .pu{color:var(--purple)}.iq-sec .bk{color:#111}
.iq-sec .hl{background:linear-gradient(transparent 35%,var(--hl) 35%,var(--hl) 92%,transparent 92%);padding:0 2px}
.iq-sec .star{color:#e0a800}
.iq-sec .def{border-left:4px solid var(--green);background:#f0faf2;padding:6px 10px;margin:8px 0;border-radius:0 6px 6px 0}
.iq-sec .box{border:2px dashed var(--line);border-radius:10px;padding:8px 12px;margin:10px 0;background:var(--box)}
.iq-sec .tip{border:2px solid #f0b400;background:#fffbe6;border-radius:10px;padding:6px 12px;margin:8px 0}
.iq-sec .tip::before{content:"★ Exam tip: ";font-family:Kalam,cursive;font-weight:700;color:#b07d00}
.iq-sec .warn{border:2px solid #e57373;background:#fff2f2;border-radius:10px;padding:6px 12px;margin:8px 0}
.iq-sec .eq{background:#fff;border:1.5px solid #d6dbe6;border-left:3px solid var(--pen);border-radius:8px;padding:4px 12px;margin:6px 0;display:block;width:fit-content;max-width:100%;overflow-x:auto;color:var(--pen)}
.iq-sec .ar{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 5px;line-height:1}
.iq-sec .ar i{font-style:normal;font-size:12px;color:var(--orange);white-space:nowrap}
.iq-sec .ar span{font-size:20px;line-height:.7}.iq-sec .ar span::before{content:"⟶"}.iq-sec .ar.long span::before{content:"⟶⟶"}
.iq-sec .nm{font-size:14px;color:#6b7280}
.iq-sec .cols{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.iq-sec .fig{text-align:center;margin:8px 0}.iq-sec .fig svg{max-width:100%;height:auto}
.iq-sec .cap{font-size:14px;color:var(--purple)}
.iq-sec .q{margin:10px 0 2px;color:var(--pen);font-weight:500}
.iq-sec .q .m{float:right;font-size:13px;color:var(--red)}
.iq-sec .a{margin:2px 0 8px 10px;padding-left:10px;border-left:3px solid #b9e0c4}
.iq-sec .a::before{content:"Ans. ";font-family:Kalam,cursive;font-weight:700;color:var(--green)}
.iq-sec .a.lock{background:#fff8ec;border-left-color:#f0c070;color:#6b4a12;padding:6px 10px;border-radius:0 8px 8px 0}
.iq-sec .a.lock::before{content:""}.iq-sec .a.lock i{color:#c07a12}
.iq-sec .mk{font-size:12px;color:#fff;background:var(--green);border-radius:6px;padding:0 5px;margin-left:3px;white-space:nowrap}
.iq-sec .mini{font-size:15.5px}
.iq-sec .mcq{columns:2;column-gap:22px}.iq-sec .mcq li{break-inside:avoid}
.iq-sec .mcq li div{color:#33415c}
.iq-sec .ansgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;font-size:15px;text-align:center;margin:6px 0}
.iq-sec .ansgrid div{border:1.5px solid #9fb3d9;border-radius:6px;background:#fff;color:var(--pen)}
.iq-sec .key{font-weight:600;color:var(--green)}
.iq-sec table{border-collapse:collapse;margin:8px 0;font-size:15px;display:block;overflow-x:auto}
.iq-sec th,.iq-sec td{border:1px solid #d6dbe6;padding:4px 8px;text-align:left}
.iq-sec th{background:#eef2fa}
.iq-cta{margin:22px 0;padding:16px;border-radius:14px;background:linear-gradient(135deg,#14306b,#1f4aa8);color:#fff;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.iq-cta b{flex:1 1 260px;font-size:17px}.iq-cta span{font-size:22px;font-weight:800}.iq-cta s{font-size:15px;opacity:.7;font-weight:400}
.iq-cta .btn-line{background:#fff}
.iq-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.iq-end{margin:26px 0 8px;padding:18px;border:2px solid #c9d6f2;border-radius:16px;background:#f4f7ff}
.iq-end h3{margin:0 0 10px;font-size:21px}
.iq-end ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:6px;font-size:16.5px}
.iq-end li i{color:#1e8e4e;margin-right:6px}
.iq-nav{display:flex;justify-content:space-between;gap:12px;margin:22px 0 10px;flex-wrap:wrap}
.iq-book{border:1px solid #dfe4ee;border-radius:14px;padding:14px 18px;margin:18px 0;background:#fff}
.iq-book h2{font-size:22px;margin:0 0 8px}
.iq-book ol{columns:2 260px;font-size:16.5px;margin:0;padding-left:22px}
.iq-book li{margin-bottom:4px}
.iq-bookbuy{font-size:15px;margin:10px 0 0}
@media (max-width:600px){.iq-sec{padding:4px 12px 12px}.iq-sec .cols{grid-template-columns:1fr}.iq-sec .mcq{columns:1}.iq-sec .ansgrid{grid-template-columns:repeat(5,1fr)}}