*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fbf8f5;color:#292422;font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.7}main{max-width:960px;margin:24px auto;padding:0 20px 32px}section{background:linear-gradient(130deg,#fff,#fff9f6);border:1px solid #e6d8d1;border-radius:16px;padding:22px;margin:18px 0}h1,h2,h3{color:#8e2521;line-height:1.45;margin:16px 0 12px}h1{font-size:26px}h2{font-size:20px}h3{font-size:17px}a,a:visited,a:hover,a:focus,a:active{color:#8e2521;text-decoration:none;box-shadow:none;border-bottom:0}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid #8e2521;outline-offset:3px}a:hover{color:#601713}button{font:inherit;background:#8e2521;color:#fff;border:0;border-radius:8px;padding:9px 16px;cursor:pointer}table{border-collapse:collapse;width:100%;table-layout:fixed;margin:16px 0}th,td{padding:10px;border:1px solid #e6d8d1;text-align:left;vertical-align:top;overflow-wrap:anywhere}th{background:#f7ebe5}p{margin:12px 0}.note{color:#6d5148;background:#fff2e8;border-radius:10px;padding:12px}.tools{display:flex;gap:10px;flex-wrap:wrap}label{min-width:0}textarea{min-width:0;max-width:100%}@media(max-width:600px){body{font-size:14px}main{padding:0 12px 24px;margin-top:14px}section{padding:16px;border-radius:12px}h1{font-size:22px}h2{font-size:18px}th,td{padding:7px;font-size:13px}}@media print{@page{size:A4;margin:15mm}body{background:#fff;font-size:11pt}main{max-width:none;margin:0;padding:0}section{background:#fff;border:1px solid #ccc;border-radius:0;padding:10px;break-inside:avoid}button,.tools{display:none}th,td{padding:6px;font-size:10pt}a{color:#222}}
