/* Page 5: campaign answer reveal. */
.answer-result-step.active{position:fixed;inset:0;z-index:26;display:block;overflow:hidden;background:#ffdd16 url("images/campaign/index_bg.jpg") center/cover no-repeat;color:#05276d}
.answer-corner-logo{position:absolute;top:0;left:0;z-index:3;width:15.5%;max-width:250px}.answer-main-logo{position:absolute;top:3%;left:50%;z-index:1;width:min(43vw,660px);transform:translateX(-50%)}.answer-main-logo img,.answer-header,.answer-home img{display:block;width:100%;height:auto}.answer-header{position:absolute;top:23%;left:50%;z-index:2;width:min(38vw,570px);transform:translateX(-50%)}
.answer-info-grid{position:absolute;top:37%;right:17%;bottom:29%;left:17%;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:28px}.answer-info-card{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:18px 22px;background:rgba(255,255,255,.88);box-shadow:0 4px 0 rgba(4,39,109,.2);text-align:center}.answer-info-card h2{margin:0 0 8px;font-size:clamp(22px,2.4vw,38px);line-height:1.1}.answer-vehicle{margin:0 0 12px;white-space:pre-line;font-size:clamp(20px,2.1vw,34px);font-weight:700;line-height:1.25}.answer-value{width:min(100%,380px);margin:5px 0;padding:7px 12px;border-radius:10px;color:#fff;font-size:clamp(16px,1.6vw,25px);font-weight:700}.answer-value strong{display:block;font-size:1.16em}.answer-value-correct{background:#062b80}.answer-value-wrong{background:#f20d14}.answer-info-card small{margin-top:8px;font-size:clamp(12px,1.15vw,17px);font-weight:700}.answer-participant{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;width:min(100%,360px);margin:0;font-size:clamp(20px,2vw,32px);line-height:1.15;text-align:left}.answer-participant strong{min-width:0;overflow-wrap:anywhere}
.answer-footer{position:absolute;right:7%;bottom:1.5%;left:7%;z-index:2;text-align:center}.answer-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.answer-benefits>div{display:grid;gap:1px;min-height:56px;padding:5px 8px;border:1px solid #dce5f5;background:rgba(255,255,255,.92);font-size:clamp(11px,1.1vw,16px);font-weight:700;line-height:1.05}.answer-benefits b{color:#ef1118}.answer-benefits span{color:#062b80}.answer-period{margin:7px 0 2px;font-size:clamp(15px,1.5vw,23px);font-weight:700}.answer-note{margin:0;font-size:clamp(10px,1vw,15px);line-height:1.25}.answer-contact{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,48px);width:min(100%,680px);min-height:30px;margin:7px auto 0;padding:3px 14px;background:#ffd515;font-size:clamp(12px,1.25vw,19px);color:#062b80}.answer-contact img{width:28px;height:28px;object-fit:contain}.answer-home{position:absolute;right:3%;bottom:3%;z-index:4;width:min(13vw,205px);padding:0;border:0;background:transparent;cursor:pointer}
@media(max-width:600px){.answer-corner-logo{width:25%}.answer-main-logo{top:5%;width:76%}.answer-header{top:20%;width:67%}.answer-info-grid{top:32%;right:6%;bottom:27%;left:6%;gap:10px}.answer-info-card{padding:10px 7px}.answer-info-card h2{font-size:clamp(14px,4vw,21px)}.answer-vehicle{margin-bottom:6px;font-size:clamp(13px,3.7vw,20px)}.answer-value{margin:3px 0;padding:4px 6px;border-radius:7px;font-size:clamp(11px,3vw,16px)}.answer-info-card small{margin-top:5px;font-size:clamp(8px,2.3vw,12px)}.answer-participant{gap:5px 6px;font-size:clamp(13px,3.5vw,20px)}.answer-footer{right:2%;bottom:1%;left:2%}.answer-benefits{gap:3px}.answer-benefits>div{min-height:45px;padding:3px;font-size:clamp(7px,2.1vw,11px)}.answer-period{margin:4px 0 1px;font-size:clamp(11px,3vw,16px)}.answer-note{font-size:clamp(7px,1.9vw,10px)}.answer-contact{gap:7px;min-height:22px;margin-top:3px;padding:2px 5px;font-size:clamp(8px,2.3vw,12px)}.answer-contact img{width:19px;height:19px}.answer-home{right:2%;bottom:1%;width:25%}}
@media(min-width:1181px){.answer-result-step.active{position:absolute;width:1180px;height:820px;min-height:820px}.answer-main-logo{width:510px}.answer-header{width:450px}.answer-info-grid{right:180px;left:180px}.answer-home{width:155px}}
/* Preserve a clear logo → result header → information reading order. */
.answer-main-logo{width:min(36vw,480px)}
.answer-header{top:26%;width:min(32vw,420px)}
.answer-info-grid{top:42%;bottom:28%}
@media(max-width:600px){
  .answer-main-logo{top:4%;width:60%}
  .answer-header{top:30%;width:50%}
  .answer-info-grid{top:48%;bottom:28%}
}
@media(min-width:1181px){
  .answer-main-logo{width:420px}
  .answer-header{width:360px}
}
/* Benefit cards use the supplied campaign artwork without cropping it. */
.answer-benefits>div{grid-template-columns:clamp(48px,5.4vw,76px) minmax(0,1fr);align-items:center;text-align:left}
.answer-benefit-icon{display:block;width:100%;max-height:62px;object-fit:contain}
.answer-benefits p{display:grid;gap:1px;margin:0}.answer-benefits p b,.answer-benefits p span{display:block}
.answer-note{max-width:1000px;margin-right:auto;margin-left:auto;font-size:clamp(9px,.85vw,13px);line-height:1.3}
@media(max-width:600px){.answer-benefits>div{grid-template-columns:34px minmax(0,1fr);text-align:left}.answer-benefit-icon{max-height:39px}.answer-benefits p{gap:0}.answer-note{font-size:clamp(7px,1.85vw,10px);line-height:1.28}}
/* Equal-height result headers keep the correct and wrong variants aligned (659×214 vs 799×208). */
.answer-header{top:13%;width:auto;height:clamp(90px,10.5vw,140px);max-width:68%;object-fit:contain}
.answer-info-grid{top:31%;bottom:35%}
.answer-info-card{border-radius:26px;overflow:hidden}
.answer-value{padding:8px 14px}
.answer-value strong{color:#ffe21f;font-size:clamp(38px,4.2vw,64px);line-height:1;-webkit-text-stroke:2px #061b56;paint-order:stroke fill;text-shadow:0 4px 0 #03153f,2px 6px 4px rgba(0,0,0,.5)}
.answer-benefits{width:66%;max-width:820px;margin-right:auto;margin-left:auto}
.answer-benefits>div{column-gap:13px;padding:8px 16px}.answer-benefit-icon{justify-self:center}
@media(max-width:600px){.answer-header{top:18%;height:clamp(58px,15vw,84px);max-width:72%}.answer-info-grid{top:34%;bottom:37%}.answer-info-card{border-radius:16px}.answer-value strong{font-size:clamp(24px,7vw,36px);-webkit-text-stroke:1px #061b56}.answer-benefits{width:88%}.answer-benefits>div{column-gap:5px;padding:4px 7px}}
/* Final answer layout: equal-height headers, aligned card edges, and readable contact details. */
.answer-header{top:7%;height:clamp(110px,13vw,170px);max-width:72%}
.answer-info-grid{top:25%;bottom:35%}
.answer-info-card{align-items:center;justify-content:flex-start;padding:28px 22px 18px}
.answer-info-card h2{margin-bottom:14px;text-shadow:0 3px 3px rgba(3,29,99,.28)}
.answer-footer{right:17%;left:17%}.answer-benefits{width:100%;max-width:none}.answer-note{font-size:clamp(11px,1.15vw,16px);line-height:1.34}
.answer-contact{width:100%;gap:clamp(10px,2.2vw,34px);color:#05276d}.answer-contact-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.answer-contact b,.answer-contact a,.answer-contact a[x-apple-data-detectors]{color:#05276d!important;text-decoration:none!important}.answer-contact-icon{display:inline-grid;width:1.4em;height:1.4em;place-items:center;border:2px solid currentColor;border-radius:50%;font-style:normal;font-weight:800;line-height:1}.answer-contact-icon-phone{font-size:1.05em}.answer-contact-icon-line{font-size:.52em;letter-spacing:-.08em}.answer-contact-icon-tiktok{font-size:1.1em}
@media(min-width:1181px){.answer-footer{right:180px;left:180px}}
@media(max-width:600px){.answer-header{top:9%;height:clamp(82px,21vw,118px);max-width:76%}.answer-info-grid{top:28%;bottom:40%}.answer-info-card{padding:16px 9px 8px}.answer-info-card h2{margin-bottom:8px}.answer-footer{right:6%;left:6%}.answer-note{font-size:clamp(8px,2.15vw,11px);line-height:1.28}.answer-contact{gap:5px}.answer-contact-item{gap:3px}.answer-contact-icon{border-width:1px}}
/* Larger result header with a dedicated gap before the information cards. */
.answer-header{top:3%;height:clamp(125px,15vw,190px)}
.answer-info-grid{top:29%;bottom:35%}
.answer-contact-channel-icon{width:1.45em!important;height:1.45em!important;object-fit:contain}
@media(max-width:600px){.answer-header{top:4%;height:clamp(92px,24vw,132px)}.answer-info-grid{top:30%;bottom:40%}.answer-contact-channel-icon{width:1.25em!important;height:1.25em!important}}
/* Desktop cards use a fixed canvas; compact their typography so all content remains inside. */
@media(min-width:1181px){
  .answer-info-grid{top:28%;bottom:33%}
  .answer-info-card{padding:14px 20px 12px}
  .answer-info-card h2{font-size:32px;margin-bottom:10px}
  .answer-vehicle{margin-bottom:8px;font-size:27px}
  .answer-participant{font-size:26px;gap:6px 11px}
  .answer-value{margin:3px 0;padding:6px 10px;font-size:20px}
  .answer-value strong{font-size:48px}
  .answer-info-card small{margin-top:6px;font-size:14px}
}
/* Wrong-result cards keep vehicle data and both prices within the available card height. */
.answer-vehicle--single-line{white-space:nowrap;font-size:clamp(17px,2.15vw,26px);letter-spacing:-.025em}
.answer-picked-row:not([hidden]) strong,.answer-picked-row:not([hidden]) + .answer-value-correct strong{font-size:clamp(31px,3.35vw,43px)}
@media(min-width:1181px){.answer-vehicle--single-line{font-size:25px}.answer-picked-row:not([hidden]) strong,.answer-picked-row:not([hidden]) + .answer-value-correct strong{font-size:36px}}
/* Final wrong-answer card override: preserve a compact, single-line amount row. */
.answer-info-card{padding-top:12px}
.answer-picked-row:not([hidden]),.answer-picked-row:not([hidden]) + .answer-value-correct{display:flex;align-items:center;justify-content:center;gap:.35em;white-space:nowrap}
.answer-picked-row:not([hidden]) strong,.answer-picked-row:not([hidden]) + .answer-value-correct strong{display:inline;flex:0 1 auto;font-size:clamp(27px,3vw,38px);line-height:1}
@media(min-width:1181px){.answer-info-card{padding-top:8px}.answer-picked-row:not([hidden]) strong,.answer-picked-row:not([hidden]) + .answer-value-correct strong{font-size:34px}}
@media(max-width:600px){.answer-info-card{padding-top:10px}.answer-picked-row:not([hidden]) strong,.answer-picked-row:not([hidden]) + .answer-value-correct strong{font-size:clamp(22px,5.8vw,30px)}}
/* Explicit label elements remove anonymous-flex wrapping in wrong answer rows. */
.answer-value--inline{display:flex!important;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.answer-value--inline .answer-value-label{flex:0 0 auto;font-size:clamp(15px,1.55vw,20px);line-height:1}
.answer-value--inline strong{display:inline!important;flex:0 1 auto;font-size:clamp(22px,2.2vw,30px)!important;line-height:1;-webkit-text-stroke:1px #061b56}
@media(min-width:1181px){.answer-value--inline strong{font-size:29px!important}.answer-value--inline .answer-value-label{font-size:19px}}
@media(max-width:600px){.answer-value--inline{gap:5px}.answer-value--inline .answer-value-label{font-size:13px}.answer-value--inline strong{font-size:clamp(19px,5vw,24px)!important}}
.answer-corner-logo{width:11%;max-width:180px}@media(max-width:600px){.answer-corner-logo{width:18%}}

/* Page 5 rebuilt: a focused refinance-result reveal. */
.answer-result-step.active{position:fixed;inset:0;z-index:26;display:block;overflow:hidden;background:#ffdd16 url("images/campaign/index_bg.jpg") center/cover no-repeat;color:#062b71}
.answer-corner-logo,.answer-main-logo,.answer-value-card,.answer-refinance-promo,.answer-campaign-tag,.answer-disclaimer,.answer-next,.answer-back{position:absolute}
.answer-corner-logo{top:0;left:0;z-index:4;width:11%;max-width:180px}.answer-main-logo{top:2%;left:50%;z-index:2;width:min(34vw,440px);transform:translateX(-50%)}.answer-main-logo img,.answer-refinance-promo img,.answer-next img,.answer-back img{display:block;width:100%;height:auto}
.answer-value-card{top:31%;left:50%;z-index:2;display:grid;width:min(58%,700px);min-height:22%;padding:clamp(16px,2vw,28px);border:4px solid #f7d838;border-radius:28px;background:#062b71;box-shadow:0 7px 0 rgba(3,29,99,.68),0 12px 18px rgba(3,29,99,.22);place-content:center;text-align:center;transform:translateX(-50%)}.answer-value-card.is-wrong{background:#d91628;border-color:#ffdb42;box-shadow:0 7px 0 rgba(135,5,18,.72),0 12px 18px rgba(104,0,12,.25)}
.answer-result-message{margin:0;color:#fff;font:700 clamp(1.15rem,2.25vw,2rem)/1.25 "Noto Sans Thai",sans-serif}.answer-refinance-amount{display:flex;align-items:baseline;justify-content:center;gap:.2em;margin:6px 0 3px;color:#ffe21f;font:700 clamp(1.3rem,2.5vw,2.3rem)/1 "Noto Sans Thai",sans-serif}.answer-refinance-amount strong{font-size:clamp(2.3rem,5vw,5rem);line-height:.95;-webkit-text-stroke:2px #061b56;paint-order:stroke fill;text-shadow:0 4px 0 #03153f,3px 6px 5px rgba(0,0,0,.42)}.answer-limit-note{margin:0;color:#fff;font:600 clamp(.62rem,.95vw,.84rem)/1.3 "Noto Sans Thai",sans-serif}
.answer-refinance-promo{top:58%;left:50%;z-index:2;width:min(58%,700px);padding:clamp(12px,1.7vw,20px);border-radius:22px;background:rgba(255,255,255,.5);box-shadow:0 4px 14px rgba(3,29,99,.16);transform:translateX(-50%)}.answer-campaign-tag{top:75%;left:50%;z-index:2;margin:0;color:#062b71;font:700 clamp(.9rem,1.45vw,1.25rem) "Noto Sans Thai",sans-serif;text-shadow:0 1px rgba(255,255,255,.55);transform:translateX(-50%)}.answer-disclaimer{top:80%;left:50%;z-index:2;width:min(78%,920px);margin:0;color:#062b71;font:500 clamp(.58rem,.8vw,.74rem)/1.3 "Noto Sans Thai",sans-serif;text-align:center;text-shadow:0 1px rgba(255,255,255,.55);transform:translateX(-50%)}
.answer-next,.answer-back{z-index:4;padding:0;border:0;background:transparent;cursor:pointer}.answer-next{bottom:1.5%;left:50%;width:min(20vw,300px);transform:translateX(-50%)}.answer-back{right:3%;bottom:1.5%;width:min(13vw,205px)}
@media(min-width:1181px){.answer-result-step.active{position:absolute;width:1180px;height:820px;min-height:820px}.answer-main-logo{width:400px}.answer-value-card,.answer-refinance-promo{width:620px}.answer-next{width:235px}.answer-back{width:155px}}
@media(max-width:600px){.answer-corner-logo{width:18%;min-width:0}.answer-main-logo{top:4%;width:62%}.answer-value-card{top:27%;width:88%;min-height:22%;padding:14px;border-width:3px;border-radius:20px}.answer-result-message{font-size:clamp(1rem,4.3vw,1.25rem)}.answer-refinance-amount strong{font-size:clamp(2rem,9vw,3.2rem);-webkit-text-stroke-width:1px}.answer-refinance-promo{top:54%;width:88%;padding:10px;border-radius:16px}.answer-campaign-tag{top:71%;font-size:.85rem}.answer-disclaimer{top:76%;width:90%;font-size:clamp(.48rem,1.7vw,.62rem);line-height:1.25}.answer-next{bottom:2%;width:38%}.answer-back{right:3%;bottom:2%;width:24%}}
/* Page 5 desktop: independent card zones and a two-line legal-notice row. */
@media(min-width:601px){
 .answer-value-card{top:26%;width:min(56%,660px);box-sizing:border-box;height:24%;min-height:0;padding:clamp(14px,1.7vw,20px)}
 .answer-refinance-promo{top:54%;width:min(56%,660px);padding:clamp(10px,1.25vw,14px);background:rgba(255,255,255,.72)}
 .answer-refinance-amount{margin:7px 0 0}
 .answer-refinance-amount strong{font-size:clamp(3rem,5vw,4.8rem)}
 .answer-limit-note{margin-top:11px;font-size:clamp(.74rem,1vw,.9rem)}
 .answer-correct-board:not(.is-wrong) > .answer-result-message,.answer-correct-board:not(.is-wrong) > .answer-refinance-amount,.answer-correct-board:not(.is-wrong) > .answer-limit-note{transform:translateY(-8px)}
 .answer-campaign-tag{top:76%}
 .answer-disclaimer{top:80%;width:82%;font:500 clamp(.53rem,.78vw,.70rem)/1.3 "Noto Sans Thai",sans-serif}
}
/* Page 6: participant confirmation and prize-contact screen. */
.end-step.active{position:fixed;inset:0;z-index:27;display:block;overflow:hidden;background:#ffdd16 url("images/campaign/index_bg.jpg") center/cover no-repeat;color:#062b71}.end-corner-logo,.end-main-logo,.end-participant-card,.end-thankyou,.end-mascot,.end-disclaimer,.end-home{position:absolute}.end-corner-logo{top:0;left:0;z-index:4;width:11%;max-width:180px}.end-main-logo{top:2%;left:50%;z-index:2;width:min(34vw,440px);transform:translateX(-50%)}.end-main-logo img,.end-thankyou,.end-mascot,.end-home img{display:block;width:100%;height:auto}
.end-participant-card{top:29%;left:50%;z-index:2;display:grid;gap:10px;width:min(68%,820px);padding:clamp(16px,1.8vw,24px) clamp(22px,3vw,40px);border:4px solid #fff;border-radius:28px;background:#fff;box-shadow:0 7px 0 #062b71,0 12px 18px rgba(3,29,99,.22);transform:translateX(-50%)}.end-participant-row{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:18px;align-items:center;min-height:clamp(58px,7vw,82px)}.end-participant-label{display:flex;align-items:center;gap:clamp(12px,1.5vw,20px);height:100%;padding:8px 14px;border-radius:18px;background:#ffd51b;color:#062b71;font:700 clamp(1.15rem,2vw,1.8rem)/1.1 "Noto Sans Thai",sans-serif}.end-participant-label img{flex:0 0 auto;width:clamp(42px,5vw,62px);height:clamp(42px,5vw,62px);object-fit:contain}.end-participant-card strong{display:flex;align-items:center;min-width:0;min-height:100%;padding:10px 18px;border:3px solid #062b71;border-radius:16px;background:#fff;color:#062b71;font:700 clamp(1.15rem,2vw,1.75rem)/1.2 "Noto Sans Thai",sans-serif;overflow-wrap:anywhere}.end-thankyou{top:60%;left:50%;z-index:2;width:min(54%,600px);transform:translateX(-50%)}.end-mascot{right:4%;bottom:14%;z-index:3;width:min(11vw,130px)}.end-disclaimer{top:80%;left:50%;z-index:2;width:82%;margin:0;color:#062b71;font:500 clamp(.53rem,.78vw,.70rem)/1.3 "Noto Sans Thai",sans-serif;text-align:center;text-shadow:0 1px rgba(255,255,255,.55);transform:translateX(-50%)}.end-home{bottom:1.5%;left:50%;z-index:4;width:min(20vw,300px);padding:0;border:0;background:transparent;cursor:pointer;transform:translateX(-50%)}
@media(min-width:1181px){.end-step.active{position:absolute;width:1180px;height:820px;min-height:820px}.end-main-logo{width:400px}.end-participant-card{width:620px}.end-thankyou{width:560px}.end-home{width:235px}}
@media(max-width:600px){.end-corner-logo{width:18%;min-width:0}.end-main-logo{top:4%;width:62%}.end-participant-card{top:28%;width:88%;gap:8px;padding:12px 16px;border-width:3px;border-radius:20px}.end-participant-row{grid-template-columns:minmax(132px,.8fr) minmax(0,1.2fr);gap:9px;min-height:54px}.end-participant-label{gap:8px;padding:7px 9px;border-radius:13px;font-size:clamp(.88rem,3.6vw,1.1rem)}.end-participant-label img{width:36px;height:36px}.end-participant-card strong{padding:8px 11px;border-width:2px;border-radius:11px;font-size:clamp(.88rem,3.6vw,1.1rem)}.end-thankyou{top:57%;width:76%}.end-mascot{right:3%;bottom:15%;width:20vw}.end-disclaimer{top:77%;width:90%;font-size:clamp(.48rem,1.7vw,.62rem);line-height:1.25}.end-home{bottom:2%;width:38%}}
@media(min-width:601px){
 .end-participant-card{width:min(68%,780px);padding:16px 8% 14px}
 .end-participant-row{grid-template-columns:272px minmax(0,1fr);gap:12px;min-height:54px}
 .end-participant-label{gap:12px;padding:0 10px;border-radius:13px;font-size:1.35rem}
 .end-participant-label img{width:54px;height:54px}
 .end-participant-card strong{min-height:54px;padding:8px 16px;border-width:2px;border-radius:10px;font-size:1.5rem}
 .end-disclaimer{width:min(70%,830px);font:500 clamp(.53rem,.78vw,.70rem)/1.3 "Noto Sans Thai",sans-serif}
}
/* Desktop end screen layering: mascot sits behind the legal notice. */
@media(min-width:601px){.end-mascot{right:2%;bottom:5%;z-index:1}.end-disclaimer{z-index:2}}

/* The campaign tag belongs to the refinance offer for both answer outcomes. */
.answer-refinance-promo .answer-campaign-tag{position:static;margin:clamp(6px,.8vw,10px) 0 0;color:#062b71;font:700 clamp(.85rem,1.35vw,1.16rem)/1.2 "Noto Sans Thai",sans-serif;text-align:center;text-shadow:0 1px rgba(255,255,255,.6);transform:none}@media(max-width:600px){.answer-refinance-promo .answer-campaign-tag{margin-top:5px;font-size:clamp(.72rem,2.5vw,.88rem)}}

/* Keep the legal notice visually separate from the taller refinance offer. */
@media(min-width:601px){.answer-disclaimer{top:84%}}
@media(max-width:600px){.answer-disclaimer{top:80%}}

/* Page 6: reserve more of the participant card for long names and phone numbers. */
@media(min-width:601px){
 .end-participant-card{width:min(86%,600px)!important;padding:16px 1.5% 14px!important}
 .end-participant-row{grid-template-columns:195px minmax(0,1fr)!important}
 .end-participant-label{font-size:1.35rem!important}
 .end-participant-card strong{font-size:1.5rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* Page 4 shares the answer-result frame, while keeping its question and choices in distinct reading zones. */
.question-step .question-board{top:30%;left:50%;z-index:2;display:grid;width:min(56%,660px);height:20%;min-height:0;box-sizing:border-box;padding:clamp(14px,1.7vw,20px);border:4px solid #f7d838;border-radius:28px;background:#062b71;box-shadow:0 7px 0 rgba(3,29,99,.68),0 12px 18px rgba(3,29,99,.22);place-content:center;text-align:center;transform:translateX(-50%)}
.question-step .question-title{position:static;display:block;margin:0;color:#fff;font:700 clamp(1.35rem,2.5vw,2.25rem)/1.25 "Noto Sans Thai",sans-serif;letter-spacing:0;text-align:center;text-shadow:none;white-space:pre-line}
@media(min-width:601px){
 .question-step .question-answers{top:55%;width:min(74vw,980px)}
 .question-step .question-disclaimer{top:78%}
}
@media(max-width:600px){
 .question-step .question-board{top:31%;width:88%;height:18%;min-height:0;padding:12px;border-width:3px;border-radius:20px}
 .question-step .question-title{font-size:clamp(1rem,4.6vw,1.4rem);line-height:1.25}
 .question-step .question-answers{top:55%}
 .question-step .question-disclaimer{display:none}
}

/* Correct answers reuse the illuminated quest-board frame; wrong answers retain the red result card. */
.answer-correct-board:not(.is-wrong){border:0;border-radius:0;background:transparent url("images/campaign/quest_board.png") center/100% 100% no-repeat;box-shadow:none}
.answer-correct-board:not(.is-wrong) .answer-result-message,.answer-correct-board:not(.is-wrong) .answer-limit-note{color:#062b71;text-shadow:none}
.answer-correct-board:not(.is-wrong) .answer-refinance-amount{color:#ffe21f}
.answer-correct-board:not(.is-wrong) .answer-refinance-amount strong,.answer-correct-board:not(.is-wrong) .answer-refinance-amount span{-webkit-text-stroke:3px #061b56;paint-order:stroke fill;text-shadow:0 4px 0 #03153f,3px 7px 6px rgba(0,0,0,.48)}
@media(min-width:601px){.answer-correct-board:not(.is-wrong){height:auto;min-height:0;aspect-ratio:800 / 244}}