:root{font-family:'LaTale Thai',system-ui,sans-serif;color:#251946;background:#f6f3ff}body{margin:0}main{max-width:1050px;margin:auto;padding:24px}nav{display:flex;gap:20px;align-items:center}nav select{margin-left:auto}a{color:#6547b1}select,button{font:inherit;padding:10px;border:1px solid #c9bce9;border-radius:8px;background:white;color:inherit;margin:6px}label{display:inline-block}section{background:white;border:1px solid #d8ceef;border-radius:14px;padding:20px;margin-top:20px}button{cursor:pointer}button:hover{background:#ede7ff}button:focus-visible,select:focus-visible{outline:3px solid #7958bd}#results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result{border:1px solid #dfd5ef;border-radius:10px;padding:12px;overflow-wrap:anywhere}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}td,th{border:1px solid #d2c5eb;text-align:left;padding:10px}footer{text-align:right;margin-top:30px;color:#736287}#disclaimer{background:#fff1cf;padding:16px;border-radius:10px}#reference-note{color:#665776}@media(max-width:600px){main{padding:12px}#results{grid-template-columns:1fr}nav{gap:12px}select{max-width:100%;box-sizing:border-box}section{padding:12px}}