.nplq{position:relative;--nplq:#30A295;--nplq-d:#298a7e;max-width:640px;margin:24px auto;font-family:inherit;color:#1d2327;box-sizing:border-box}
.nplq *{box-sizing:border-box}
.nplq-card{background:#fff;border:1px solid #e3ece9;border-top:5px solid var(--nplq);border-radius:14px;padding:26px 22px;box-shadow:0 6px 24px rgba(48,162,149,.12)}
.nplq-center{text-align:center}
.nplq-title{margin:0 0 10px;font-size:1.7em;line-height:1.25;color:var(--nplq-d)}
.nplq-intro{margin:0 0 20px;color:#50575e}
.nplq-btn{display:inline-block;background:var(--nplq);color:#fff;border:0;border-radius:10px;padding:12px 28px;font-size:1em;font-weight:600;cursor:pointer;transition:background .15s,transform .05s}
.nplq-btn:hover{background:var(--nplq-d)}
.nplq-btn:active{transform:scale(.98)}
.nplq-btn[disabled]{opacity:.5;cursor:not-allowed}
.nplq-ghost{background:transparent;color:var(--nplq-d);border:2px solid var(--nplq);margin-top:12px}
.nplq-ghost:hover{background:var(--nplq);color:#fff}
.nplq-prog{font-size:.85em;color:#6b7378;margin-bottom:6px}
.nplq-bar{height:6px;background:#e6f3f1;border-radius:6px;overflow:hidden;margin-bottom:18px}
.nplq-bar i{display:block;height:100%;background:var(--nplq);transition:width .3s}
.nplq-q{margin:0 0 16px;font-size:1.2em;line-height:1.4}
.nplq-opts{display:grid;gap:10px}
.nplq-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#f7fbfa;border:2px solid #d9eae7;border-radius:10px;padding:12px 14px;font-size:1em;cursor:pointer;color:inherit;transition:border-color .15s,background .15s}
.nplq-opt:hover{border-color:var(--nplq)}
.nplq-opt.is-on{border-color:var(--nplq);background:#e3f5f2}
.nplq-let{flex:0 0 30px;height:30px;border-radius:50%;background:#d9eae7;color:var(--nplq-d);display:flex;align-items:center;justify-content:center;font-weight:700}
.nplq-opt.is-on .nplq-let{background:var(--nplq);color:#fff}
.nplq-actions{margin-top:20px;text-align:right}
.nplq-center .nplq-actions{text-align:center}
.nplq-f{display:block;margin-bottom:14px}
.nplq-f span{display:block;font-size:.9em;font-weight:600;margin-bottom:5px}
.nplq-f input{width:100%;padding:11px 12px;border:2px solid #d9eae7;border-radius:8px;font-size:1em;background:#fff}
.nplq-f input:focus{outline:0;border-color:var(--nplq)}
.nplq-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.nplq-prev{display:block;max-width:160px;max-height:160px;border-radius:10px;margin:0 0 14px;object-fit:cover}
.nplq-err{color:#b32d2e;font-size:.92em;min-height:1.2em}
.nplq-me{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid var(--nplq);margin:0 auto 8px;display:block}
.nplq-name{font-weight:700;font-size:1.15em}
.nplq-score{margin:6px 0}
.nplq-score b{font-size:3.4em;color:var(--nplq);line-height:1}
.nplq-score span{font-size:1.6em;color:#8a9296}
.nplq-msg{font-size:1.05em;margin:0 0 18px}
.nplq-share{background:#f1f9f8;border-radius:12px;padding:16px;margin:0 0 18px}
.nplq-share h4{margin:0 0 12px;font-size:1em}
.nplq-sbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.nplq-s{border:0;border-radius:8px;padding:10px 16px;color:#fff;font-weight:600;cursor:pointer;font-size:.95em}
.nplq-fb{background:#1877f2}.nplq-wa{background:#25d366}.nplq-vb{background:#7360f2}.nplq-x{background:#111}.nplq-cp{background:#6b7378}
.nplq-s:hover{opacity:.9}
.nplq-rev{text-align:left;margin:0 0 18px}
.nplq-rev summary{cursor:pointer;color:var(--nplq-d);font-weight:600}
.nplq-ri{padding:10px 12px;margin-top:8px;border-radius:8px;font-size:.93em;border-left:4px solid}
.nplq-ri.ok{background:#eaf7ef;border-color:#2e9e5b}
.nplq-ri.no{background:#fdeeee;border-color:#c0392b}
.nplq-shared{display:flex;align-items:center;gap:14px;background:#e3f5f2;border-radius:12px;padding:12px 16px;margin-bottom:16px}
.nplq-shared img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--nplq)}
.nplq-shared p{margin:0}
.nplq-lb-wrap:not(:empty){margin-top:26px}
.nplq-lb-title{margin:0 0 12px;color:var(--nplq-d)}
.nplq-lb{list-style:none;margin:0;padding:0;counter-reset:x}
.nplq-lb li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #e3ece9}
.nplq-lb li:nth-child(-n+3) .nplq-rank{background:var(--nplq);color:#fff}
.nplq-rank{flex:0 0 28px;height:28px;border-radius:50%;background:#e3f5f2;color:var(--nplq-d);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em}
.nplq-lb img,.nplq-ini{flex:0 0 38px;width:38px;height:38px;border-radius:50%;object-fit:cover}
.nplq-ini{background:var(--nplq);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.nplq-nm{flex:1;font-weight:600}
.nplq-sc{font-weight:700;color:var(--nplq-d)}
@media(max-width:480px){.nplq-card{padding:20px 14px}.nplq-title{font-size:1.4em}}

.nplq-ad{margin-top:16px;text-align:center}
.nplq-ad-tag{display:block;font-size:.7em;letter-spacing:.06em;text-transform:uppercase;color:#8a9296;margin-bottom:4px}
.nplq-ad img{max-width:100%;height:auto;border-radius:8px;display:inline-block;vertical-align:top}
.nplq-ad-link{display:inline-block;line-height:0}
.nplq-ad-side{position:absolute;top:0;width:300px;margin-top:0}
.nplq[data-side=right]>.nplq-ad-side{left:calc(100% + 24px)}
.nplq[data-side=left]>.nplq-ad-side{right:calc(100% + 24px)}

/* Theme-proofing: stop WordPress themes from restyling quiz buttons (caps, clipped text, fixed heights) */
.nplq button.nplq-btn,.nplq button.nplq-opt{text-transform:none!important;letter-spacing:normal!important;height:auto!important;min-height:0!important;line-height:1.4!important;overflow:visible!important;font-family:inherit!important;box-shadow:none;white-space:normal}
.nplq button.nplq-btn{display:inline-block;padding:12px 28px!important;background:var(--nplq);color:#fff!important;font-size:1em!important;font-weight:600!important}
.nplq button.nplq-btn:hover{background:var(--nplq-d)}
.nplq button.nplq-opt{font-size:1em!important;font-weight:500!important;padding:12px 14px!important;background:#f7fbfa;color:#1d2327!important;text-align:left!important}
.nplq button.nplq-opt.is-on{background:#e3f5f2}
.nplq button.nplq-ghost{background:transparent;color:var(--nplq-d)!important;border:2px solid var(--nplq)}
.nplq button.nplq-ghost:hover{background:var(--nplq);color:#fff!important}
.nplq .nplq-q{text-transform:none;letter-spacing:normal}
@media(max-width:480px){.nplq button.nplq-opt{padding:11px 12px!important;font-size:.95em!important}.nplq .nplq-q{font-size:1.1em}.nplq .nplq-ad{margin-top:14px}}

/* side banners: left and right of the card (desktop only, JS decides by screen width) */
.nplq-ad-left,.nplq-ad-right{position:absolute;top:0;width:300px;margin-top:0}
.nplq-ad-right{left:calc(100% + 24px)}
.nplq-ad-left{right:calc(100% + 24px)}

/* ===== See Leaderboard button ===== */
.nplq-lbbtn{display:inline-block;text-decoration:none!important;font-weight:700;font-size:.9em;line-height:1.2;border-radius:999px;padding:9px 18px;transition:transform .1s,background .15s}
.nplq-lbbtn:hover{transform:translateY(-1px)}
.nplq-lbbtn-solid{background:var(--nplq);color:#fff!important}
.nplq-lbbtn-solid:hover{background:var(--nplq-d)}
.nplq-lbbtn-wrap{text-align:center;margin-top:14px}
.nplq-lbbtn-head{background:#fff;color:var(--nplq-d)!important;box-shadow:0 2px 8px rgba(0,0,0,.15)}

/* ===== Home page widget [npl_quiz_home]: ONE block = header + ad (left / top on mobile) + quiz ===== */
.nplq-home{max-width:1200px;width:100%;margin:16px auto}
.nplq-home-block{background:linear-gradient(135deg,var(--nplq-d),var(--nplq));border-radius:22px;padding:14px 16px 18px;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.nplq-home-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 2px 12px}
.nplq-home-badge{color:#fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.95em}
.nplq-home-grid{display:flex;flex-direction:column;gap:14px}
.nplq-home-side{display:none}
.nplq-home-grid.has-ad>.nplq-home-side{display:block}
.nplq-home-grid>.nplq-app{flex:1 1 auto;min-width:0}
.nplq-home-block .nplq-card{border:0;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.nplq-home-side .nplq-ad{margin:0;background:#fff;border-radius:16px;padding:10px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.nplq-home-side .nplq-ad-link{display:block;width:100%;line-height:0}
.nplq-home-side .nplq-ad img{display:block;width:100%;height:auto;border-radius:10px}
.nplq-home-side .nplq-ad-tag{text-align:right}
@media(max-width:899px){.nplq-home{margin:10px auto;padding:0 8px}.nplq-home-block{padding:12px 12px 14px;border-radius:18px}}
@media(min-width:900px){
	.nplq-home-grid{flex-direction:row;align-items:stretch;gap:16px}
	.nplq-home-grid.has-ad>.nplq-home-side{display:flex;flex:0 0 300px;width:300px}
	.nplq-home-side .nplq-ad{width:100%;display:flex;flex-direction:column;justify-content:center}
}
@media(min-width:1000px){
	.nplq-home .nplq-opts{grid-template-columns:1fr 1fr}
	.nplq-home .nplq-card.nplq-center{display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;padding:28px 30px}
	.nplq-home .nplq-card.nplq-center .nplq-title{margin-bottom:6px}
	.nplq-home .nplq-card.nplq-center .nplq-intro{margin:0}
	.nplq-home .nplq-card.nplq-center .nplq-btn{flex:0 0 auto;white-space:nowrap}
}