#pmk53-root{--ink:#15243c;--blue:#2156bf;--green:#10875e;--bg:#f4f7fd;--border:#dee5f2;color:var(--ink);font:inherit;line-height:1.5;max-width:960px;margin:0 auto;padding:18px 12px}#pmk53-root *{box-sizing:border-box}#pmk53-root .pmk-hero{background:linear-gradient(125deg,#14345f,#2664c6);color:white;padding:26px;border-radius:16px}#pmk53-root .pmk-hero h1{margin:0;color:white;font-size:clamp(26px,4vw,38px)}#pmk53-root .pmk-hero p{margin:7px 0 0;color:#e4efff}#pmk53-root .pmk-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}#pmk53-root button,#pmk53-root select,#pmk53-root input{font:inherit}#pmk53-root button{cursor:pointer;border:1px solid #c8d5ee;border-radius:9px;padding:11px 16px;background:#fff;color:#183a71;font-weight:650}#pmk53-root button:hover{background:#eaf1ff}#pmk53-root button:focus-visible{outline:3px solid #e6aa32}#pmk53-root button.pmk-main{background:#2156bf;color:white;border-color:#2156bf}#pmk53-root button.pmk-main:hover{background:#123e91}#pmk53-root button[disabled]{opacity:.5;cursor:default}#pmk53-root .pmk-panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;margin:14px 0}#pmk53-root .pmk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}#pmk53-root .pmk-card{border:1px solid var(--border);border-radius:12px;padding:18px;background:white}#pmk53-root h2{font-size:24px;margin:0 0 10px}#pmk53-root h3{font-size:19px}#pmk53-root .pmk-muted{color:#64728a}#pmk53-root .pmk-choice{display:block;width:100%;text-align:left;margin:10px 0;white-space:normal}#pmk53-root .pmk-selected{background:#d9e7ff!important;border:2px solid var(--blue)!important}#pmk53-root .pmk-ok{background:#e6f8ec!important;border-color:#11834a!important;color:#085a36!important}#pmk53-root .pmk-wrong{background:#fff0eb!important;border-color:#cf4428!important;color:#822a13!important}#pmk53-root .pmk-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}#pmk53-root .pmk-badge{display:inline-block;border-radius:40px;background:#eaf2ff;color:#15469b;padding:4px 11px;font-size:13px;font-weight:700}#pmk53-root .pmk-progress{height:10px;background:#edf1f8;border-radius:20px;overflow:hidden;margin:14px 0}#pmk53-root .pmk-progress>div{height:100%;background:#2d69cf}#pmk53-root .pmk-input{display:block;width:100%;padding:12px;border:1px solid #b9c7de;border-radius:9px;margin:10px 0}#pmk53-root details{border:1px solid var(--border);border-radius:10px;margin:8px 0;padding:12px}#pmk53-root details summary{cursor:pointer;font-weight:700}#pmk53-root pre{white-space:pre-wrap;font:inherit;font-size:14px;max-height:450px;overflow:auto}#pmk53-root .pmk-feedback{padding:14px;border-radius:10px;background:#f2f6fe;margin:14px 0}#pmk53-root .pmk-exam-note{border-left:4px solid #d59d24;padding:10px;background:#fff9ea}#pmk53-root .pmk-score{font-size:32px;font-weight:800}#pmk53-root .pmk-fail{color:#b43624}#pmk53-root .pmk-pass{color:#0d7648}@media(max-width:520px){#pmk53-root .pmk-panel{padding:14px}#pmk53-root .pmk-hero{padding:19px}#pmk53-root button{padding:11px}#pmk53-root .pmk-nav button{flex:1}}

.pmk-sign-visual{display:flex;justify-content:center;align-items:center;min-height:170px;background:#fff;border:1px solid #d5dce5;border-radius:16px;margin:14px 0 20px;padding:20px}.pmk-sign-visual img{display:block;max-width:100%;width:auto;height:auto;max-height:230px;object-fit:contain;image-rendering:auto}

#pmk53-root .pmk-gloss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:10px}#pmk53-root .pmk-gloss-item{background:#f5f8fd;border:1px solid #e0e5ef;border-radius:10px;padding:14px}#pmk53-root .pmk-gloss-item strong{display:block;font-size:18px}#pmk53-root .pmk-gloss-item span{display:block;font-size:12px;margin:2px 0}#pmk53-root .pmk-gloss-item p{margin:7px 0 0}#pmk53-root .pmk-colour-grid,#pmk53-root .pmk-shape-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}#pmk53-root .pmk-colour-grid>div,#pmk53-root .pmk-shape-grid>div{border:1px solid #dee5f2;border-radius:12px;padding:13px}#pmk53-root .pmk-swatch{display:inline-block;width:43px;height:32px;border-radius:5px;border:1px solid #b0bccb}#pmk53-root .pmk-shape{display:block;width:45px;height:45px;margin:7px auto 13px;background:#f6f6f6;border:5px solid #d53642}#pmk53-root .pmk-round{border-radius:50%}#pmk53-root .pmk-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:#d53642;border:0}#pmk53-root .pmk-octagon{clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);background:#c52e37;border:0}#pmk53-root .pmk-rectangle{width:60px;height:42px;background:#2471ac;border:0;border-radius:4px}#pmk53-root .pmk-word-help{margin:14px 0;background:#fffbef}
/* PassMyK53 v1.5 two-column question layout */
.pmk-question-layout{display:grid;grid-template-columns:minmax(260px,42%) minmax(0,58%);align-items:start;gap:22px;margin:20px 0}
.pmk-question-visual{background:#f8fafc;border:1px solid #d8dee8;border-radius:12px;padding:18px;min-height:250px;display:flex;justify-content:center;align-items:flex-start}
.pmk-question-visual img{display:block;width:100%;max-width:560px;height:auto;max-height:620px;object-fit:contain;image-rendering:auto}
.pmk-question-body{min-width:0}.pmk-question-body h2{margin-top:0}.pmk-placeholder{color:#586579;text-align:center;margin:auto}
@media(max-width:740px){.pmk-question-layout{grid-template-columns:1fr}.pmk-question-visual{min-height:0;padding:12px}.pmk-question-visual img{max-height:400px}}