*{box-sizing:border-box}html{font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;color:#19334d;background:#f3f7fb}body{margin:0;line-height:1.55}.top{background:#102f4d;color:white;padding:18px 16px}.topin,.wrap{max-width:940px;margin:auto}.topin,.row,.actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.top strong{font-size:1.06rem}.sub,.small{font-size:.87rem;color:#657992}.top .sub{color:#d2e3f2}.links a{color:#e5f4ff}.wrap{padding:20px 16px 40px}.panel,.question{background:white;border:1px solid #d1dfeb;border-radius:16px;padding:21px;margin-bottom:15px;box-shadow:0 8px 24px #1436530c}.hidden{display:none!important}.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.06em;color:#18649e}.lead{font-size:1.04rem;color:#4b6278}.note{padding:14px 16px;border-radius:11px;background:#eef5fb;border:1px solid #cddfec;margin:14px 0}.note ul{margin:7px 0;padding-left:21px}.note li{margin:4px 0}.grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:12px 0}.grid.two{grid-template-columns:repeat(4,1fr)}label{font-weight:700;display:block}input:not([type=checkbox]){width:100%;display:block;margin-top:5px;font:inherit;border-radius:9px;border:1px solid #adbfce;padding:10px 12px;background:white;color:inherit}input[readonly]{background:#eef4f8}.checkline{font-size:.92rem;font-weight:400;display:flex;align-items:center;gap:10px}.checkline input{width:18px;height:18px}.btn{font:inherit;font-weight:800;border-radius:10px;padding:11px 15px;border:1px solid #9cbbd0;background:#ecf3f8;color:#154362;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.primary{background:#087e74;color:white;border-color:#087e74}.secondary{background:#103c62;color:white;border-color:#103c62}.btn:focus-visible,input:focus-visible,.opt:focus-visible{outline:3px solid #efac37;outline-offset:2px}.msg{background:#eef4f8;border:1px solid #d4e1ed;padding:11px 13px;border-radius:10px;margin-top:10px;color:#4b6174}.err{background:#fff1f1;border-color:#ebbbbe;color:#8d2d2c}.success{color:#006b49;background:#e3f6ee;padding:12px;border-radius:9px;font-weight:800}.progressText{font-size:1.13rem;font-weight:900}.countdown{font-weight:900;font-size:2.05rem;font-variant-numeric:tabular-nums;color:#006c67}.countdown.low{color:#a63228}.barBg{height:9px;background:#dfebf0;border-radius:999px;overflow:hidden;margin:12px 0}.bar{width:1.66%;height:100%;background:#087f76}.question{position:relative;overflow:hidden;min-height:230px}.questionInner{position:relative;z-index:3}.qTitle{font-size:1.16rem;line-height:1.65;font-weight:750;margin-bottom:18px;white-space:pre-wrap}.options{display:grid;gap:10px}.opt{position:relative;display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;border:1.5px solid #b9cddd;border-radius:10px;background:#fff;color:#173957;padding:13px;font:inherit;cursor:pointer}.opt:hover{background:#f4faff;border-color:#4788bb}.opt.selected{background:#e6f6f2;border:3px solid #078676;padding:11.5px;font-weight:800}.letter{display:inline-grid;place-items:center;border:1px solid #c4d7e4;background:#f5f8fa;width:30px;height:30px;border-radius:50%;flex:0 0 auto;font-weight:900}.opt.selected .letter{color:white;background:#078676;border-color:#078676}.selectedTag{font-size:.8rem;color:#077f75;font-weight:900;margin-left:auto}.overlay{position:absolute;inset:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(28deg,rgba(26,90,154,.025) 0 1px,transparent 1px 18px),radial-gradient(circle,rgba(26,90,154,.025) 0 1px,transparent 1.5px);background-size:auto,13px 13px}.wm{position:absolute;inset:-10%;z-index:2;pointer-events:none;display:grid;grid-template-columns:repeat(2,1fr);gap:24px 16px;transform:rotate(-16deg);overflow:hidden;opacity:.09}.wm span{font-size:.73rem;font-weight:900;color:#236399;white-space:nowrap}.trace{position:relative;z-index:3;text-align:right;font-size:.72rem;color:#718ba3;font-weight:800;margin-top:14px}.reduced .wm{opacity:.04}.reduced .overlay{opacity:.3}.noSelect{-webkit-user-select:none;user-select:none}.summaryStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat{border:1px solid #d5e2ed;border-radius:12px;padding:15px}.stat strong{font-size:1.7rem;display:block;color:#0b806f}.score{font-size:4.1rem;color:#079a85;text-align:center;font-weight:900;margin:20px 0}.score small{font-size:1.5rem}.topbox{padding:15px 18px}.actions{margin:13px 0}.actions.between{align-items:center}h1{line-height:1.25}footer{text-align:center;font-size:.82rem;color:#74889a;padding:18px}@media(max-width:680px){.topin{flex-direction:column;align-items:flex-start}.grid,.grid.two{grid-template-columns:1fr}.panel,.question{padding:15px}.summaryStats{grid-template-columns:1fr 1fr}.qTitle{font-size:1.04rem}.wm{grid-template-columns:1fr;opacity:.05}.countdown{font-size:1.75rem}.actions.between{flex-wrap:wrap}.actions.between .btn{width:100%}}@media(prefers-contrast:more){.wm{opacity:.035}.overlay{opacity:.35}}@media print{body{display:none!important}}