/* Basic skeleton styles for Kapil Quiz */
.kq-container { max-width: 960px; margin: 24px auto; border-radius: 16px; box-shadow: 0 8px 30px rgba(0,0,0,.08); overflow: hidden; }
.kq-header { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid rgba(0,0,0,.08); position:sticky; top:0; background:#fff; z-index:10;}
.kq-meter { flex:1; margin:0 16px; height:8px; background:#f1f1f1; border-radius:999px; overflow:hidden; }
.kq-meter > span { display:block; height:100%; width:0%; background:#2b90ff; transition:width .3s ease; }
.kq-body { display:flex; flex-direction:column; gap:0; }
.kq-top { display:grid; grid-template-columns: 1fr; gap:16px; padding:16px; }
.kq-top.split { grid-template-columns: 1.3fr .7fr; }
.kq-media img, .kq-media video { width:100%; height:auto; display:block; object-fit:contain; }
.kq-bottom { padding:16px; border-top:1px solid rgba(0,0,0,.06); }
.kq-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.kq-option { padding:14px; border:1px solid #e5e7eb; border-radius:12px; cursor:pointer; transition:transform .08s ease, box-shadow .2s ease, background .2s;}
.kq-option:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.06); }
.kq-cta { display:flex; justify-content:space-between; padding:12px 16px; }
.kq-arrows { display:flex; gap:12px; }
.kq-glow-correct { box-shadow: 0 0 0 3px rgba(16,185,129,.15) inset, 0 0 28px rgba(16,185,129,.35); }
.kq-glow-wrong { box-shadow: 0 0 0 3px rgba(239,68,68,.12) inset, 0 0 28px rgba(239,68,68,.35); }
.kq-explain { margin-top:12px; padding:12px; border-radius:12px; background:#f9fafb; border:1px solid #eef2f7; display:none;}
.kq-explain.show { display:block; animation:drop .18s ease; }
@keyframes drop { from { transform:translateY(-6px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@media (max-width:720px){ .kq-options { grid-template-columns:1fr; } .kq-top.split { grid-template-columns:1fr; } }