.pdd-exam,.pdd-resume{--px-blue:#2455c7;--px-ink:#172b44;--px-muted:#52627a;--px-line:#dce4ef;color:var(--px-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
.pdd-exam{padding:28px;background:#fff;border:1px solid var(--px-line);border-radius:18px;max-width:960px;margin:20px auto}
.pdd-exam h2,.pdd-exam h3{line-height:1.3;margin:0 0 16px}.pdd-exam h2{font-size:26px}.pdd-exam h3{font-size:20px}
.pdd-exam p{margin:12px 0}.pdd-exam .px-note{color:var(--px-muted);font-size:14px}.pdd-exam .px-rules{font-size:16px}
.pdd-exam .px-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.pdd-exam .px-button{appearance:none;font:inherit;border:1px solid #bdcbe0;background:#f6f8fc;color:var(--px-ink);border-radius:10px;min-height:46px;padding:10px 16px;cursor:pointer;text-align:center;line-height:1.45}
.pdd-exam .px-primary{background:var(--px-blue);color:white;border-color:var(--px-blue)}
.pdd-exam .px-button:hover:not(:disabled){filter:brightness(.96)}.pdd-exam .px-button:disabled{cursor:default;opacity:.72}
.pdd-exam button:focus-visible,.pdd-exam summary:focus-visible,.pdd-resume a:focus-visible{outline:3px solid #1d4ed8;outline-offset:4px}
.pdd-exam .px-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--px-line);padding-bottom:14px;margin-top:20px}
.pdd-exam .px-timer{font:700 23px ui-monospace,monospace;background:#edf2fa;border-radius:10px;padding:7px 12px;white-space:nowrap}.pdd-exam .px-time-warning{background:#fff1f0;color:#a1251b}
.pdd-exam .px-question-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.pdd-exam .px-number{width:42px;min-height:42px;padding:7px;flex-shrink:0}
.pdd-exam .px-answered{background:#dce7fa;border-color:#7b96bd}.pdd-exam [aria-current=step]{outline:3px solid #2455c7;outline-offset:1px}
.pdd-exam .px-image{display:block;width:auto;max-width:100%;max-height:350px;object-fit:contain;margin:18px auto;border-radius:8px}
.pdd-exam .px-image-frame{height:300px;margin:18px 0;display:flex;align-items:center;justify-content:center;background:#f7f9fc;border-radius:10px}
.pdd-exam .px-image-frame .px-image{width:100%;height:100%;max-height:100%;margin:0;object-fit:contain}
.pdd-exam .px-question{font-size:19px;font-weight:650;line-height:1.5}.pdd-exam .px-answers{display:grid;gap:10px;margin:20px 0}
.pdd-exam .px-answer{width:100%;text-align:left;padding:14px 16px;font-size:16px;min-height:56px;background:white}.pdd-exam .px-selected{background:#e9f0ff;border:2px solid #2455c7;font-weight:600}.pdd-exam .px-answer:disabled{opacity:1}
.pdd-exam .px-status{padding:12px 15px;border-radius:10px;background:#edf2fa;color:#263e5d;font-size:14px}
.pdd-exam .px-pass{color:#166534;font-weight:700}.pdd-exam .px-fail{color:#a1251b;font-weight:700}
.pdd-exam .px-review{border:1px solid var(--px-line);border-radius:10px;padding:12px 16px;margin:12px 0}.pdd-exam summary{cursor:pointer;min-height:30px}.pdd-exam ul{padding-left:24px}
.pdd-resume{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:18px 22px;margin:20px 0 28px;background:#edf3ff;border:1px solid #c2d3f6;border-radius:14px}
.pdd-resume span{grid-column:1;font-size:14px;color:var(--px-muted)}.pdd-resume a{grid-column:2;grid-row:1/3;align-self:center;padding:10px 16px;min-height:44px;background:var(--px-blue);border-radius:9px;color:white;text-decoration:none;font-weight:650}
@media(max-width:600px){.pdd-exam{padding:18px 14px;border-radius:14px;margin:12px 0}.pdd-exam h2{font-size:23px}.pdd-exam .px-actions{display:grid;grid-template-columns:1fr 1fr}.pdd-exam .px-actions .px-button:last-child:nth-child(odd){grid-column:1/-1}.pdd-exam .px-button{font-size:15px}.pdd-exam .px-question{font-size:18px}.pdd-exam .px-number{width:40px;padding:5px}.pdd-exam .px-question-nav{gap:7px}.pdd-resume{grid-template-columns:1fr;padding:16px}.pdd-resume a{grid-column:1;grid-row:auto;text-align:center;margin-top:8px}.pdd-exam .px-timer{font-size:21px}}
@media(prefers-reduced-motion:reduce){.pdd-exam *,.pdd-resume *{transition:none!important;animation:none!important}}
@media(max-width:600px){.pdd-exam .px-image-frame{height:220px}}