/* Start custom CSS for html, class: .elementor-element-8621f2d */@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;1,500&family=Mukta:wght@400;500;600;700&display=swap');

.lqz-quiz{
  --ink:#22303f;
  --muted:#5b6b78;
  --line:#e4ddcd;
  --paper:#fffdf7;
  --paper-2:#f7f1e3;
  --accent:#7a2e2e;        /* deep maroon */
  --accent-2:#1f3a5f;      /* ink navy */
  --correct:#1f7a4d;
  --correct-bg:#e9f6ee;
  --wrong:#b3261e;
  --wrong-bg:#fbeceb;
  --radius:10px;

  max-width:760px;
  margin:0 auto;
  font-family:'Mukta',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}

/* ---- Header / score bar ---- */
.lqz-quiz *{box-sizing:border-box;}

.lqz-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
  padding:18px 22px;margin-bottom:18px;
  background:var(--accent-2);
  border-radius:var(--radius);
  position:relative;overflow:hidden;
}
.lqz-head::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 8px);
  pointer-events:none;
}
.lqz-title{
  font-family:'Lora',Georgia,serif;
  font-weight:600;font-size:1.18rem;color:#fff;
  letter-spacing:.2px;margin:0;line-height:1.3;position:relative;
}
.lqz-title small{
  display:block;font-family:'Mukta',sans-serif;font-weight:500;
  font-size:.72rem;letter-spacing:2px;text-transform:uppercase;
  color:#e9c98a;margin-bottom:4px;
}
.lqz-score{
  font-family:'Lora',serif;font-weight:600;color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  padding:8px 16px;border-radius:30px;font-size:.95rem;
  position:relative;white-space:nowrap;
}
.lqz-score b{color:#e9c98a;}

/* ---- Question card ---- */
.lqz-q{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px 26px 22px;
  margin-bottom:20px;
  box-shadow:0 1px 0 rgba(0,0,0,.02),0 6px 18px -14px rgba(34,48,63,.35);
}
.lqz-q-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;}
.lqz-q-num{
  flex:0 0 auto;
  font-family:'Lora',serif;font-weight:600;font-size:.82rem;
  color:#fff;background:var(--accent);
  padding:5px 10px;border-radius:6px;letter-spacing:.5px;
  margin-top:2px;
}
.lqz-q-text{font-size:1.04rem;line-height:1.6;color:var(--ink);}
.lqz-q-text .lqz-stems{
  margin:12px 0 4px;padding-left:4px;
  list-style:none;counter-reset:stem;
}
.lqz-q-text .lqz-stems li{
  counter-increment:stem;position:relative;
  padding:5px 0 5px 30px;line-height:1.55;color:var(--muted);font-size:.98rem;
}
.lqz-q-text .lqz-stems li::before{
  content:counter(stem)".";position:absolute;left:0;top:5px;
  font-family:'Lora',serif;font-weight:600;color:var(--accent-2);
}
.lqz-q-ask{margin-top:12px;font-style:italic;color:var(--muted);font-size:.95rem;}

/* ---- Options ---- */
.lqz-options{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.lqz-option{
  display:flex;gap:13px;align-items:flex-start;
  padding:13px 16px;cursor:pointer;
  background:var(--paper-2);
  border:1.5px solid var(--line);
  border-radius:8px;
  transition:border-color .18s ease,background .18s ease,transform .12s ease;
  line-height:1.5;font-size:.98rem;
}
.lqz-option:hover{border-color:var(--accent-2);transform:translateX(2px);}
.lqz-key{
  flex:0 0 26px;height:26px;width:26px;
  display:grid;place-items:center;border-radius:50%;
  font-family:'Lora',serif;font-weight:600;font-size:.85rem;
  background:#fff;border:1.5px solid var(--line);color:var(--accent-2);
  transition:all .18s ease;
}
.lqz-option .lqz-otext{padding-top:2px;}

/* ---- Answered states (locked) ---- */
.lqz-q.answered .lqz-option{cursor:default;}
.lqz-q.answered .lqz-option:hover{transform:none;}
.lqz-option.is-correct{
  background:var(--correct-bg);border-color:var(--correct);
}
.lqz-option.is-correct .lqz-key{background:var(--correct);border-color:var(--correct);color:#fff;}
.lqz-option.is-wrong{
  background:var(--wrong-bg);border-color:var(--wrong);
}
.lqz-option.is-wrong .lqz-key{background:var(--wrong);border-color:var(--wrong);color:#fff;}
.lqz-option.is-correct .lqz-otext::after{content:"  ✓";color:var(--correct);font-weight:700;}
.lqz-option.is-wrong .lqz-otext::after{content:"  ✕";color:var(--wrong);font-weight:700;}

/* ---- Explanation ---- */
.lqz-explain{
  max-height:0;overflow:hidden;opacity:0;
  transition:max-height .4s ease,opacity .3s ease,margin .3s ease;
  margin-top:0;
}
.lqz-q.answered .lqz-explain{max-height:1200px;opacity:1;margin-top:18px;}
.lqz-explain-inner{
  border-left:4px solid var(--accent);
  background:#fbf7ee;
  padding:14px 18px;border-radius:0 8px 8px 0;
}
.lqz-explain-head{
  font-family:'Lora',serif;font-weight:600;color:var(--accent);
  font-size:.95rem;margin-bottom:6px;letter-spacing:.3px;
  text-transform:uppercase;
}
.lqz-explain p{margin:0;font-size:.96rem;line-height:1.62;color:#3d4853;}

@media(max-width:560px){
  .lqz-q{padding:20px 18px;}
  .lqz-q-text{font-size:1rem;}
  .lqz-title{font-size:1.05rem;}
}/* End custom CSS */