:root{font-family:'LaTale Thai',system-ui,sans-serif;color:#19263e;background:#f5f3ff}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:24px}nav,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav select{margin-left:auto}a{color:#6550aa}section{background:white;padding:20px;margin:20px 0;border:1px solid #ddd4f5;border-radius:14px}select,button{padding:10px;border:1px solid #b8abd7;border-radius:7px;background:white;color:#24314a;font:inherit;max-width:100%}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4b85dc}button:first-child{background:#6753ae;color:white}#stone-image{max-width:100%;max-height:230px;object-fit:contain}#results article{padding:12px;border:1px solid #ded7ee;border-radius:8px;margin:8px 0}.highlight{color:#126589}.rare{border:2px solid #d8a52c!important;background:#fff9dc}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border:1px solid #d6cde8;padding:8px;text-align:left}footer{text-align:right;padding:20px;font-size:12px;color:#605871}#notice,#reference-note{line-height:1.6}@media(max-width:500px){main{padding:12px}section{padding:12px}.actions button{flex:1 1 auto}td,th{font-size:13px;padding:6px}}