:root{--ink:#20333f;--muted:#65748a;--teal:#0f766e;--teal-dark:#0b5d5f;--paper:#ffffff;--line:#d7e3ec;--soft:#eef6f7;--warm:#fff8ea;--warm-line:#efc16f;--accent:#b73769;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Sarabun',Tahoma,Arial,sans-serif;color:var(--ink);background:#edf3f8;font-size:20px;line-height:1.75;letter-spacing:0}
a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1180px;margin:0 auto;padding:24px 16px 48px}.hero,.content-card,.footer-wrap{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 42px rgba(40,66,83,.08)}.hero{border-top:8px solid #14748a;padding:36px 40px;margin-bottom:22px}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.brand{display:flex;gap:18px;align-items:center;margin-bottom:14px}.brand img{width:190px;max-width:44vw;height:auto}.eyebrow{font-size:1.08rem;color:var(--muted);font-weight:600}.hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.18;margin:0 0 12px;color:#10586a}.hero p{margin:0;color:#314257;font-size:1.2rem;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn,.test-submit,.test-reset{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:8px;border:1px solid var(--warm-line);font-family:'Sarabun',Tahoma,Arial,sans-serif;font-size:1.1rem;font-weight:700;cursor:pointer}.btn.primary,.test-submit{background:#14748a;color:#fff;border-color:#14748a}.btn.secondary,.test-reset{background:#fff8ea;color:#854d0e}.quick-card{background:#f5fafc;border:1px solid var(--line);border-radius:8px;padding:18px;min-width:240px}.quick-card strong{display:block;color:#10586a;font-size:1.25rem;margin-bottom:6px}.content-card{padding:30px 34px;margin-bottom:22px}.section-title{margin:0 0 18px;font-size:1.65rem;color:#20333f}.test-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.test-card{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:#f8fcfc}.test-card:hover{border-color:#9fcbd0;background:#f1faf9;text-decoration:none}.test-no{flex:0 0 auto;width:54px;height:54px;border-radius:50%;background:#e4f3f5;color:#0f6474;font-size:1.35rem;font-weight:800;line-height:1;display:grid;place-items:center;text-align:center;padding:0}.test-card strong{display:block;font-size:1.13rem;color:#104f5d;line-height:1.45}.test-card span{display:block;color:var(--muted);font-size:.95rem;margin-top:4px}.legacy-test-content{overflow-x:auto}.legacy-test-content,.legacy-test-content table,.legacy-test-content td,.legacy-test-content th,.legacy-test-content p,.legacy-test-content span,.legacy-test-content font{font-family:'Sarabun',Tahoma,Arial,sans-serif!important;font-size:1.05rem!important;line-height:1.75!important}.legacy-test-content table{max-width:100%!important;width:100%!important}.legacy-test-content img{max-width:100%;height:auto;border-radius:6px}.legacy-test-content input[type=radio]{width:22px;height:22px;margin:0 8px 0 0;vertical-align:middle;accent-color:#14748a}.legacy-test-content hr{border:0;border-top:1px solid var(--line);margin:18px 0}.result-box{background:#f8fcfc;border:1px solid var(--line);border-left:8px solid #14748a;border-radius:8px;padding:24px 28px;font-size:1.18rem}.validation-messages{color:#b42318;font-weight:700;margin-bottom:16px}.footer-wrap{padding:24px;margin-top:22px}.top-link{display:inline-flex;margin-top:18px;color:#854d0e;font-weight:700}.note{background:var(--warm);border:1px solid var(--warm-line);border-radius:8px;padding:16px 18px;color:#7a4a08;margin-top:18px}.legacy-test-content table[border="1"]{border-color:#d8e5ec!important}.legacy-test-content td{padding:6px!important;border-color:#e4eef4!important}.old-link-row{text-align:right;margin-top:16px}@media (max-width:760px){body{font-size:18px}.page{padding:14px 10px 36px}.hero{padding:24px 18px}.hero-grid{grid-template-columns:1fr}.content-card{padding:22px 14px}.brand{align-items:flex-start;flex-direction:column}.brand img{width:170px}.hero-actions{flex-direction:column}.btn,.test-submit,.test-reset{width:100%}.legacy-test-content,.legacy-test-content table,.legacy-test-content td,.legacy-test-content th,.legacy-test-content p,.legacy-test-content span,.legacy-test-content font{font-size:1rem!important}}
.test-context,.result-context{margin:-8px 0 22px;color:#65748a;font-size:1.08rem}.result-context a{font-weight:700}.legacy-test-content tr:has(td[bgcolor="#C0C0C0"]),.legacy-test-content tr:has(td[bgcolor="C0C0C0"]),.legacy-test-content tr:has(td[bgcolor="#c0c0c0"]),.legacy-test-content tr:has(td[bgcolor="c0c0c0"]){display:none!important}.legacy-test-content td[bgcolor="#C0C0C0"],.legacy-test-content td[bgcolor="C0C0C0"],.legacy-test-content td[bgcolor="#c0c0c0"],.legacy-test-content td[bgcolor="c0c0c0"]{display:none!important}.legacy-test-content font[color="#FF00FF"],.legacy-test-content font[color="FF00FF"],.legacy-test-content font[color="#ff00ff"],.legacy-test-content font[color="ff00ff"]{color:#111827!important;font-size:1.2rem!important;font-weight:700!important}.legacy-test-content td[colspan] > font[color="#FF00FF"],.legacy-test-content td[colspan] > font[color="FF00FF"]{display:block;margin:16px 0 8px}.legacy-test-content input[type=submit],.legacy-test-content input[type=reset],.legacy-test-content button{font-family:'Sarabun',Tahoma,Arial,sans-serif!important}
.test-card .test-no{display:flex!important;align-items:center!important;justify-content:center!important;width:64px!important;height:64px!important;min-width:64px!important;margin-top:0!important;padding:0!important;color:#0f6474!important;font-size:1.75rem!important;font-weight:800!important;line-height:1!important;text-align:center!important}
.quick-card{position:relative;padding-left:86px}.quick-card:before{content:"";position:absolute;left:20px;top:50%;width:46px;height:46px;transform:translateY(-50%);border-radius:50%;background:#e4f3f5 center/26px 26px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230f6474' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h6'/%3E%3Cpath d='M9 12h6'/%3E%3Cpath d='M9 19h4'/%3E%3Cpath d='M5 5h.01'/%3E%3Cpath d='M5 12h.01'/%3E%3Cpath d='M5 19h.01'/%3E%3C/svg%3E")}.test-card{position:relative;padding-right:74px}.test-card:after{content:"";position:absolute;right:20px;top:50%;width:38px;height:38px;transform:translateY(-50%);border-radius:50%;background:#fff8ea center/22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23854d0e' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M8 2h8'/%3E%3Cpath d='M7 2h10v7a5 5 0 0 1-10 0V2Z'/%3E%3Cpath d='M5 5H3a2 2 0 0 0 2 4h2'/%3E%3Cpath d='M19 5h2a2 2 0 0 1-2 4h-2'/%3E%3C/svg%3E");border:1px solid var(--warm-line);opacity:.95}@media (max-width:760px){.test-card{padding-right:18px}.test-card:after{display:none}.quick-card{padding-left:76px}}