.pqe-quiz{--pqe-accent:#6c4cf1;--pqe-surface:#fff;--pqe-text:#18212f;--pqe-selected-bg:#f2efff;--pqe-selected-outline:#6c4cf1;--pqe-selected-outline-width:4px;color:var(--pqe-text);max-width:720px;margin:auto}
.pqe-card{background:var(--pqe-surface);border-radius:24px;padding:38px;box-shadow:0 18px 50px rgba(24,33,47,.12);overflow:hidden}
.pqe-kicker{color:var(--pqe-accent);font-size:.75em;font-weight:800;letter-spacing:.13em}
.pqe-quiz h2{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.15;margin:12px 0}
.pqe-quiz p{line-height:1.65}
.pqe-button{appearance:none;background:var(--pqe-accent);border:0;border-radius:12px;color:#fff;cursor:pointer;font:inherit;font-weight:700;margin-top:18px;padding:14px 22px;transition:transform .2s,filter .2s}
.pqe-button:hover{filter:brightness(.92);transform:translateY(-2px)}
.pqe-form .pqe-form-rescue{display:inline-block!important;visibility:visible!important;opacity:1!important;background:#1742a0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:2px solid #1742a0!important}
.pqe-progress{background:#e9e7f0;border-radius:999px;height:7px;margin:4px 0 26px;overflow:hidden}
.pqe-progress i{background:var(--pqe-accent);display:block;height:100%;transition:width .3s}
.pqe-count{color:#71788a;font-size:.88em}
.pqe-question{font-size:1.5em;font-weight:800;line-height:1.3;margin:0 0 23px}
.pqe-options{display:grid;gap:12px}
:where(.pqe-option){background:transparent;border:2px solid #e5e4eb;border-radius:14px;color:inherit;cursor:pointer;font:inherit;padding:16px;text-align:left;transition:border-color .18s,background .18s}
.pqe-option:hover{background:color-mix(in srgb,var(--pqe-accent) 8%,white);border-color:var(--pqe-accent)}
.pqe-actions{display:flex;flex-wrap:wrap;gap:10px}
.pqe-question-actions{justify-content:space-between}
.pqe-question-actions .pqe-previous{margin-right:auto}
.pqe-question-actions .pqe-next{margin-left:auto}
.pqe-actions .pqe-button{margin-top:24px}
.pqe-result{position:relative}
.pqe-result-image{border-radius:16px;display:block;height:auto;margin:0 0 20px;max-height:none;max-width:100%;object-fit:contain;width:100%}
.pqe-result-badge{background:var(--pqe-accent);border-radius:999px;color:#fff;display:inline-block;font-size:.8em;font-weight:800;padding:7px 12px}
.pqe-result h3{font-size:2em;line-height:1.1;margin:13px 0}
.pqe-secondary{background:transparent;border:2px solid var(--pqe-accent);color:var(--pqe-accent)}
.pqe-capture{background:var(--pqe-surface);color:var(--pqe-text);left:-9999px;padding:38px;position:fixed;top:0;width:700px}
.pqe-capture .pqe-brand{color:var(--pqe-accent);font-size:14px;font-weight:800;letter-spacing:.15em}
.pqe-capture h3{font-size:42px;margin:22px 0 10px}
.pqe-capture p{font-size:19px;line-height:1.55}
.pqe-capture .pqe-result-image{max-height:none;object-fit:contain}
@media(max-width:480px){.pqe-card{border-radius:18px;padding:25px}
.pqe-question{font-size:1.25em}
}
.pqe-profile{display:grid;gap:16px;margin-top:24px}
.pqe-field{display:grid;gap:7px;font:inherit}
.pqe-field span{font-weight:600}
.pqe-profile input:not([type=checkbox]),.pqe-profile select,.pqe-profile textarea{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #c8cbd3;border-radius:10px;background:var(--pqe-surface);color:var(--pqe-text);font:inherit}
.pqe-consent{display:flex;align-items:flex-start;gap:10px;font-size:.9em}
.pqe-consent input{margin-top:5px;accent-color:var(--pqe-accent)}
.pqe-description{white-space:pre-line}
.pqe-save-status{font-size:.85em;margin-top:16px}
.pqe-button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.pqe-quiz :focus-visible{outline:3px solid var(--pqe-accent);outline-offset:3px}
.pqe-question-image{display:block;max-width:100%;width:100%;max-height:340px;object-fit:contain;margin:0 0 20px;border-radius:14px}
.pqe-answer-image{display:block;width:100%;max-height:200px;object-fit:contain;border-radius:10px;margin-bottom:12px}
.pqe-option{position:relative;min-width:0;overflow-wrap:anywhere}
.pqe-quiz .pqe-option.is-selected,.pqe-canvas-editor .pqe-answer-yes.is-selected{background-color:var(--pqe-selected-bg)!important;outline:var(--pqe-selected-outline-width) solid var(--pqe-selected-outline)!important;outline-offset:calc(-1 * var(--pqe-selected-outline-width))!important}
.pqe-quiz .pqe-option.is-selected:before{content:none!important}
.pqe-quiz .pqe-option.is-selected:after{content:'';position:absolute;z-index:10;top:8px;right:8px;display:block;width:34px;height:34px;background:url('https://academy.agate.id/wp-content/uploads/2026/09/checklist.webp') center/contain no-repeat;pointer-events:none}
.pqe-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pqe-quiz .pqe-capture{position:fixed;left:-10000px;top:0;width:700px;max-width:none;box-shadow:none}
.pqe-quiz .pqe-button:hover{filter:none;transform:none}
.pqe-quiz .pqe-input:focus{border-color:var(--pqe-accent)}
.pqe-editor-help{padding:14px 18px;background:#f2efff;border:1px solid #ddd5ff;border-radius:8px;font:13px/1.5 sans-serif;color:#493d70;margin-bottom:18px}
.pqe-canvas-question{margin-bottom:24px}
.pqe-canvas-question:after{content:attr(data-answer-count);display:block;font:12px/1.5 sans-serif;color:#667085;margin-top:10px}
.pqe-canvas-question.pqe-over-limit{outline:2px solid #c23636}
.pqe-canvas-question.pqe-over-limit:after{color:#c23636}
.pqe-canvas-editor .pqe-answer-yes{outline:1px dashed #b5aacd;outline-offset:3px}
.pqe-canvas-editor .pqe-answer-yes:before{content:'Answer · select container to edit score';font:11px/1.4 sans-serif;color:#77688b;display:block;margin-bottom:8px}
.pqe-canvas-bank[hidden]{display:none!important}
.pqe-stage-bank[hidden]{display:none!important}
.pqe-editor-profile-source{display:none}
.pqe-canvas-editor .pqe-stage-slot-form,.pqe-canvas-editor .pqe-stage-slot-result-image{outline:1px dashed #b5aacd;outline-offset:3px}
.pqe-canvas-editor .pqe-stage-slot-form:before{content:'Participant Form · drag this container to change form position';font:11px/1.4 sans-serif;color:#77688b}
.pqe-canvas-editor .pqe-stage-slot-result-image:before{content:'Result Image · move this container within the result layout';font:11px/1.4 sans-serif;color:#77688b}
.pqe-canvas-editor .pqe-stage-slot-result-image:has(.pqe-result-image) .elementor-empty-view{display:none}
.pqe-stage-slot-result-image:empty{display:none}
.pqe-quiz .pqe-action-share[hidden],.pqe-quiz .pqe-action-download[hidden]{display:none!important}
.pqe-quiz .pqe-action-form[hidden],.pqe-quiz .pqe-stage-slot-form[hidden]{display:none!important}
.pqe-options.pqe-canvas-options{display:block}
/* Keep fallback answer styles lower priority than individual Elementor containers. */
:where(.pqe-canvas-answer.pqe-option){font:inherit;text-align:inherit;background:transparent;border:0;padding:0;transition:outline-color .15s;cursor:pointer}
.pqe-canvas-editor .pqe-answer-yes.is-selected{position:relative}
.pqe-canvas-editor .pqe-answer-yes.is-selected:after{content:'';position:absolute;z-index:10;top:8px;right:8px;display:block;width:34px;height:34px;background:url('https://academy.agate.id/wp-content/uploads/2026/09/checklist.webp') center/contain no-repeat;pointer-events:none}
.pqe-canvas-answer.pqe-option:hover{outline:2px solid var(--pqe-accent);outline-offset:3px}
.pqe-editor-intro,.pqe-editor-result{margin-bottom:24px}
.pqe-preview-label{font:12px/1.5 sans-serif;color:#667085;margin:12px 0 8px}
.pqe-answer-slot{min-width:0}
.pqe-quiz .pqe-answer-slot > .e-con-full,.pqe-quiz .pqe-canvas-options > .e-con-full,.pqe-quiz .pqe-answer-slot > .e-con-boxed > .e-con-inner,.pqe-quiz .pqe-canvas-options > .e-con-boxed > .e-con-inner{display:grid;grid-template-columns:repeat(var(--pqe-question-columns,1),minmax(0,1fr))}
.pqe-question-content-yes{grid-column:1/-1}
.pqe-canvas-editor .pqe-question-content-yes{outline:1px dashed #b5aacd;outline-offset:3px}
.pqe-canvas-editor .pqe-question-content-yes:before{content:'Question Content · drag widgets to arrange text and images';font:11px/1.4 sans-serif;color:#77688b;display:block;margin-bottom:8px}
.pqe-canvas-question:has(.pqe-question-content-yes) > .pqe-question,.pqe-canvas-question:has(.pqe-question-content-yes) > .pqe-question-image{display:none}
.pqe-canvas-editor .pqe-card{overflow:visible}
.pqe-canvas-editor.pqe-split-intro .pqe-editor-intro .pqe-stage-slot-form,.pqe-canvas-editor.pqe-split-intro .pqe-editor-intro .pqe-profile{display:none!important}
.pqe-canvas-editor .pqe-profile input,.pqe-canvas-editor .pqe-profile select,.pqe-canvas-editor .pqe-profile textarea,.pqe-canvas-editor .pqe-button{pointer-events:none}
.pqe-preview-questions .pqe-editor-intro,.pqe-preview-questions .pqe-editor-form,.pqe-preview-questions .pqe-editor-result,.pqe-preview-intro .pqe-canvas-questions,.pqe-preview-intro .pqe-editor-form,.pqe-preview-intro .pqe-editor-result,.pqe-preview-form .pqe-editor-intro,.pqe-preview-form .pqe-canvas-questions,.pqe-preview-form .pqe-editor-result,.pqe-preview-result .pqe-canvas-questions,.pqe-preview-result .pqe-editor-intro,.pqe-preview-result .pqe-editor-form{display:none}
/* Fullscreen is opt-in. Fit is calculated per stage so the page never scrolls. */
html.pqe-page-fullscreen,html.pqe-page-fullscreen body{overflow:hidden!important}
body:not(.elementor-editor-active) .pqe-quiz.pqe-fullscreen{box-sizing:border-box;position:fixed!important;inset:0!important;z-index:2147483000;display:flex;align-items:center;justify-content:center;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:clamp(12px,3vw,42px);overflow:hidden!important;background:var(--pqe-fullscreen-background,var(--pqe-surface));overscroll-behavior:none}
body:not(.elementor-editor-active) .pqe-quiz.pqe-fullscreen > .pqe-card{box-sizing:border-box;flex:0 0 auto;width:min(100%,var(--pqe-fullscreen-content-max,720px));height:auto;min-height:0;max-width:none;max-height:none;transform-origin:center center}
.pqe-quiz.pqe-fullscreen > .pqe-card.pqe-capture{position:fixed!important;left:-10000px!important;top:0!important;display:block;width:700px;height:auto;min-height:0;overflow:visible;padding:38px;transform:none!important}
@media(max-width:767px){
  body:not(.elementor-editor-active) .pqe-quiz.pqe-fullscreen{padding:clamp(8px,3vw,20px)}
  .pqe-quiz.pqe-fullscreen.pqe-fullscreen-stack .pqe-options:not(.pqe-canvas-options){grid-template-columns:minmax(0,1fr)!important}
  .pqe-quiz.pqe-fullscreen.pqe-fullscreen-stack .pqe-canvas-options > .e-con-full,.pqe-quiz.pqe-fullscreen.pqe-fullscreen-stack .pqe-canvas-options > .e-con-boxed > .e-con-inner{grid-template-columns:minmax(0,1fr)!important}
}