*{box-sizing:border-box}body{margin:0;background:#f6f2e7;color:#183e36;font:17px/1.5 system-ui,sans-serif}header{background:#114c41;color:white;display:flex;justify-content:space-between;align-items:center;padding:16px max(5vw,calc((100vw - 720px)/2));gap:10px;font-size:13px}header b,small{letter-spacing:.14em}main{max-width:760px;margin:auto;padding:42px 20px}h1{font:normal clamp(58px,11vw,94px)/1.05 Georgia,serif;margin:12px 0 0}h1 span{color:#ca6744}p{margin:8px 0 22px}nav,.bar{display:flex;align-items:center;justify-content:space-between;gap:8px}nav{justify-content:flex-start;border-bottom:1px solid #c4c8b9;padding-bottom:18px;margin-bottom:20px}button,select{font:inherit;border:1px solid #b7c2b2;border-radius:9px;background:#fffdf6;color:#183e36;padding:10px;cursor:pointer}button[aria-pressed=true],button:hover{background:#164f43;color:white}article{background:white;border:1px solid #d2d6c9;border-top:5px solid #c27345;border-radius:14px;padding:clamp(20px,5vw,40px);margin:16px 0;min-height:240px}h2{font-size:clamp(28px,6vw,44px);margin:8px 0}.roman,footer{color:#52685b}.actions{display:flex;flex-wrap:wrap;gap:8px}.choices{display:grid;gap:8px}.choices button{text-align:left}footer{margin-top:24px;font-size:14px}button:focus-visible,select:focus-visible{outline:3px solid #bc603e}small{font-size:11px}
nav{flex-wrap:wrap}nav button{flex:1 1 auto}#progress{font-size:13px;text-align:right}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr));gap:12px}.tile{display:grid;align-content:start;gap:8px;text-align:left;padding:20px}.tile strong{font:26px/1.15 Georgia,serif}.tile span{font-size:15px}.cue{background:#f1f3e9;border-radius:10px;padding:16px;margin:18px 0}.cue strong,.thai{font-size:clamp(24px,5vw,36px);display:block;line-height:1.6}.choice{width:100%;text-align:left;margin:4px 0}.entry{border-bottom:1px solid #c4c8b9;padding:17px 0}.entry p{margin:2px 0 8px}input[type=search]{box-sizing:border-box;width:100%;border:1px solid #738c7d;border-radius:10px;padding:14px;font:inherit}details{margin:12px 0}summary{cursor:pointer}#content>h2{margin-top:24px;font:36px Georgia,serif}#notice:empty{display:none}button{min-height:44px}button:disabled{opacity:.65}.clue{padding:12px;border-left:4px solid #bd7549;background:#fff7e2}.script-sample{display:block;padding:20px;background:#154a40;color:white;font-size:44px;text-align:center}.glyph{font-size:64px;color:#994222}.roman:empty{display:none}.entry .actions{align-items:center}footer{border-top:1px solid #c4c8b9;padding-top:14px}
@font-face{font-family:Sarabun;src:url(fonts/Sarabun.ttf)}@font-face{font-family:Kanit;src:url(fonts/Kanit.ttf)}[lang=th]{font-family:Sarabun,sans-serif}.forms{display:flex;gap:22px;color:#a44b2f;font-size:68px;line-height:1.6}.forms span:nth-child(2){font-family:Kanit,sans-serif}.sign-photo{max-width:100%;max-height:440px;display:block;margin-bottom:16px}.credit{display:block;font-size:13px;color:#335c53;margin:12px 0}.pieces{font-size:30px}.bar{flex-wrap:wrap}
#signChoices{display:grid;gap:8px;justify-items:stretch}.sign-choice{display:grid;place-items:center;background:#192c4f;min-height:70px}.sign-choice img{height:38px;max-width:100%;object-fit:contain}.sign-choice:disabled{opacity:.75}