/* Learnify Quiz System — front-end (scoped, does not touch theme styles) */
.lqs-wrap{--lqs-bg:#fff;--lqs-fg:#111827;--lqs-mut:#6b7280;--lqs-line:#e5e7eb;--lqs-brand:#2563eb;--lqs-brand-d:#1d4ed8;--lqs-ok:#059669;--lqs-bad:#dc2626;--lqs-warn:#d97706;--lqs-soft:#f8fafc;--lqs-r:14px;font-family:inherit;color:var(--lqs-fg);max-width:900px;margin:0 auto}
.lqs-wrap *,.lqs-wrap *::before,.lqs-wrap *::after{box-sizing:border-box}
.lqs-card{background:var(--lqs-bg);border:1px solid var(--lqs-line);border-radius:var(--lqs-r);padding:26px;margin:0 0 20px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.lqs-h1{font-size:1.7em;line-height:1.25;margin:2px 0 0}
.lqs-h2{font-size:1.15em;margin:0 0 14px}
.lqs-eyebrow{display:inline-block;font-size:.72em;letter-spacing:.09em;text-transform:uppercase;color:var(--lqs-brand);font-weight:700}
.lqs-muted{color:var(--lqs-mut)}
.lqs-small{font-size:.86em}
.lqs-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.lqs-desc{margin:14px 0 4px;color:#374151}
.lqs-metagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0 6px}
.lqs-meta{background:var(--lqs-soft);border:1px solid var(--lqs-line);border-radius:10px;padding:12px 14px}
.lqs-meta span{display:block;font-size:.74em;text-transform:uppercase;letter-spacing:.05em;color:var(--lqs-mut);margin-bottom:4px}
.lqs-meta b{font-size:.98em}
.lqs-inline-note{margin:14px 0 0;color:var(--lqs-mut);font-size:.92em}
.lqs-rules{margin-top:18px;padding:14px 16px;border-left:3px solid var(--lqs-warn);background:#fffbeb;border-radius:0 10px 10px 0}
.lqs-rules b{display:block;margin-bottom:6px}
.lqs-rules ul{margin:0;padding-left:18px;font-size:.92em;color:#4b5563}
.lqs-hero-actions{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lqs-start-error{color:var(--lqs-bad);font-size:.9em}
.lqs-btn{display:inline-block;background:var(--lqs-brand);color:#fff!important;border:0;border-radius:10px;padding:11px 22px;font-size:.98em;font-weight:600;cursor:pointer;text-decoration:none!important;line-height:1.4;transition:background .15s}
.lqs-btn:hover{background:var(--lqs-brand-d)}
.lqs-btn:disabled{background:#cbd5e1;cursor:not-allowed}
.lqs-btn-lg{padding:13px 30px;font-size:1.02em}
.lqs-btn.lqs-busy{opacity:.7}
.lqs-badge{display:inline-block;padding:5px 11px;border-radius:999px;font-size:.76em;font-weight:700;letter-spacing:.02em}
.lqs-badge-ok{background:#dcfce7;color:#166534}
.lqs-badge-closed{background:#fee2e2;color:#991b1b}
.lqs-badge-wait{background:#fef3c7;color:#92400e}
.lqs-badge-soft{background:#eff6ff;color:#1e40af}
.lqs-list{display:flex;flex-direction:column;gap:10px}
.lqs-listrow{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--lqs-line);border-radius:10px;text-decoration:none!important;color:inherit!important}
.lqs-listrow:hover{border-color:var(--lqs-brand);background:var(--lqs-soft)}
.lqs-listtitle{flex:1;font-weight:600}
.lqs-listtitle small{display:block;font-weight:400;color:var(--lqs-mut);margin-top:3px}
/* runner */
.lqs-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.lqs-counter{font-size:.95em;color:var(--lqs-mut)}
.lqs-counter b{color:var(--lqs-fg)}
.lqs-chips{display:flex;gap:8px}
.lqs-chip{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;color:#1e40af;border:1px solid #dbeafe;border-radius:8px;padding:4px 10px;font-size:.82em;font-weight:700;font-variant-numeric:tabular-nums}
.lqs-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.lqs-chip-soft{background:#f8fafc;color:#475569;border-color:var(--lqs-line)}
.lqs-chip-danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.lqs-progress{height:6px;background:var(--lqs-line);border-radius:99px;overflow:hidden;margin-bottom:16px}
.lqs-progress span{display:block;height:100%;background:var(--lqs-brand);transition:width .3s}
.lqs-qmeta{margin-bottom:12px}
.lqs-question{font-size:1.12em;line-height:1.6;margin-bottom:20px}
.lqs-question p{margin:0 0 10px}
.lqs-opts{display:flex;flex-direction:column;gap:10px}
.lqs-optrow{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1.5px solid var(--lqs-line);border-radius:10px;cursor:pointer;transition:.15s;background:#fff}
.lqs-optrow:hover{border-color:#93c5fd;background:#f8fbff}
.lqs-optrow input{position:absolute;opacity:0;pointer-events:none}
.lqs-optmark{flex:0 0 20px;width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;position:relative;transition:.15s}
.lqs-optrow input[type=checkbox]+.lqs-optmark{border-radius:5px}
.lqs-optrow input:checked+.lqs-optmark{border-color:var(--lqs-brand);background:var(--lqs-brand)}
.lqs-optrow input:checked+.lqs-optmark::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.lqs-optrow:has(input:checked){border-color:var(--lqs-brand);background:#eff6ff}
.lqs-opttext{flex:1}
.lqs-textinput,.lqs-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--lqs-line);border-radius:10px;font-family:inherit;font-size:1em;color:inherit;background:#fff}
.lqs-textinput:focus,.lqs-textarea:focus{outline:none;border-color:var(--lqs-brand);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.lqs-actionbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lqs-hintline{color:var(--lqs-mut);font-size:.87em}
.lqs-hint-warn{color:var(--lqs-bad);font-weight:600}
.lqs-finish{text-align:center;padding:44px 26px}
.lqs-finish-icon{width:58px;height:58px;border-radius:50%;background:#dcfce7;color:#166534;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}
.lqs-finish-warn{background:#fee2e2;color:#991b1b}
/* results */
.lqs-cheatnote{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:12px 14px;margin-bottom:16px;font-weight:600;font-size:.94em}
.lqs-resultmsg{background:var(--lqs-soft);border:1px dashed var(--lqs-line);border-radius:10px;padding:16px;color:#374151;margin:0}
.lqs-scorebox{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:var(--lqs-soft);border:1px solid var(--lqs-line);border-radius:12px;padding:18px 22px}
.lqs-score b{font-size:2.4em;line-height:1;color:var(--lqs-brand)}
.lqs-score span{font-size:1.1em;color:var(--lqs-mut);margin-left:4px}
.lqs-scoremeta{display:flex;flex-direction:column;gap:6px}
.lqs-pct{font-weight:700}
.lqs-feedback{margin-top:14px;font-size:.94em;background:#eff6ff;border-radius:10px;padding:12px 14px}
.lqs-breakdown{margin-top:22px}
.lqs-breakdown h4{margin:0 0 12px;font-size:1em}
.lqs-brow{border:1px solid var(--lqs-line);border-radius:10px;padding:14px 16px;margin-bottom:10px}
.lqs-bq{display:flex;gap:10px;font-weight:600;margin-bottom:8px}
.lqs-bq p{margin:0}
.lqs-bnum{flex:0 0 24px;height:24px;border-radius:50%;background:#eff6ff;color:#1e40af;display:flex;align-items:center;justify-content:center;font-size:.8em}
.lqs-bans{display:flex;gap:8px;font-size:.9em;margin-top:4px}
.lqs-bans span{color:var(--lqs-mut);min-width:110px}
.lqs-bpts{margin-top:8px;font-weight:700;font-size:.9em;display:flex;align-items:center;gap:6px}
.lqs-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.lqs-dot-ok{background:var(--lqs-ok)}
.lqs-dot-bad{background:var(--lqs-bad)}
.lqs-notice-card h3{margin-top:0}
@media(max-width:600px){.lqs-card{padding:18px}.lqs-actionbar{flex-direction:column-reverse;align-items:stretch}.lqs-actionbar .lqs-btn{width:100%}}