/* Page 4: question and answer — one source of truth. */
.question-step.active{position:fixed;inset:0;z-index:25;display:block;overflow:hidden;background:#ffdd16 url("images/campaign/index_bg.jpg") center/cover no-repeat}
.question-step.active>*{position:absolute}
.question-corner-logo{top:0;left:0;z-index:5;width:11%;max-width:180px}
.question-corner-logo img,.question-main-logo img,.question-next img,.question-back img{display:block;width:100%;height:auto}
.question-main-logo{top:2%;left:50%;z-index:2;width:min(40vw,500px);transform:translateX(-50%)}
.question-board{top:32%;left:50%;z-index:2;width:min(54vw,760px);transform:translateX(-50%)}
.question-title{position:absolute;inset:26% 11% 21%;display:flex;align-items:center;justify-content:center;margin:0;color:#05276d;font:800 clamp(46px,4.8vw,80px)/1.32 var(--campaign-font,"Noto Sans Thai",sans-serif);letter-spacing:.015em;text-align:center;text-shadow:0 4px 4px rgba(3,29,99,.3);white-space:pre-line}
.question-answers{top:61%;left:50%;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row;gap:clamp(12px,1.45vw,24px);width:min(74vw,980px);transform:translateX(-50%)}
.question-answer{min-width:0;min-height:clamp(90px,10vw,150px);padding:12px 10px;border:3px solid #fff;outline:4px solid #ffd51b;border-radius:22px;background:linear-gradient(to bottom,#2862c8 0%,#103f9d 46%,#062567 100%);box-shadow:0 8px 0 rgba(2,18,62,.7);color:#ffe21f;cursor:pointer;font:800 clamp(28px,4.35vw,48px)/1.1 var(--campaign-font,"Noto Sans Thai",sans-serif);letter-spacing:-.035em;-webkit-text-stroke:2px #061b56;paint-order:stroke fill;text-shadow:0 4px 0 #07194c,2px 6px 3px rgba(0,0,0,.55);touch-action:manipulation;transition:filter .18s ease}
.question-answer:hover{filter:brightness(1.08)}
.question-answer.selected{background:#ffdb19;background-image:none;box-shadow:0 8px 0 rgba(2,18,62,.7),0 0 18px rgba(255,255,255,.75);color:#08286e;filter:none;-webkit-text-stroke:1px #fff;text-shadow:0 2px 0 rgba(6,27,86,.35)}
.question-answer:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 7px #06276d,0 8px 0 rgba(2,18,62,.7)}
.question-disclaimer{top:83%;left:50%;z-index:3;display:block;width:82%;margin:0;color:#062b71;font:500 clamp(.53rem,.78vw,.70rem)/1.3 "Noto Sans Thai",sans-serif;pointer-events:none;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.55);transform:translateX(-50%)}
.question-next,.question-back{z-index:5;border:0;padding:0;background:transparent;cursor:pointer}
.question-next{bottom:2.5%;left:50%;width:min(20vw,300px);transform:translateX(-50%)}
.question-next:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.15)}
.answer-save-status{bottom:11%;left:50%;z-index:6;width:min(80vw,720px);margin:0;color:#b42318;font:700 clamp(.9rem,1.5vw,1.2rem)/1.35 var(--campaign-font,"Noto Sans Thai",sans-serif);text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.7);transform:translateX(-50%)}
.answer-save-status:empty{display:none}
.question-back{right:3%;bottom:2.5%;width:min(13vw,205px)}
@media(max-width:600px){
 .question-corner-logo{width:18%}
 .question-main-logo{top:6%;width:76%}
 .question-board{top:34%;width:91%}
 .question-title{font-size:clamp(31px,7.6vw,44px);inset:27% 10% 20%;line-height:1.3}
 .question-answers{top:62%;gap:9px;width:91%}
 .question-answer{min-height:76px;padding:8px 3px;border-radius:13px;outline-width:3px;font-size:clamp(18px,5.8vw,32px);-webkit-text-stroke:1px #061b56;text-shadow:0 3px 0 #07194c,1px 4px 2px rgba(0,0,0,.55)}
 .question-disclaimer{display:none}
 .question-next{bottom:3%;width:40%}
 .answer-save-status{bottom:12%;width:88%;font-size:.88rem}
 .question-back{right:3%;bottom:3%;width:26%}
}
@media(min-width:1181px){
 .question-step.active{position:absolute;width:1180px;height:820px;min-height:820px}
 .question-main-logo{width:500px}
 .question-board{width:760px}
 .question-answers{width:980px;gap:24px;top:61%}
 .question-answer{font-size:48px;letter-spacing:-.025em;white-space:nowrap}
 .question-next{width:235px}
 .question-back{width:155px}
}