*{box-sizing:border-box}
body{margin:0;background:#fff;color:#282622;font-family:"Noto Sans Thai",system-ui,sans-serif;font-size:16px;line-height:1.85}
.info-header,.info-main,.info-footer{width:min(760px,calc(100% - 44px));margin:auto}
.info-header{padding:28px 0;border-bottom:1px solid #e8e2d8}
.info-brand{font-family:Georgia,serif;font-size:24px;color:#282622;text-decoration:none}
.info-main{padding:42px 0}
h1{font-size:30px;line-height:1.5;font-weight:500;margin:0 0 18px}
h2{font-size:20px;font-weight:500;margin:32px 0 10px}
p{margin:0 0 16px;color:#575047}
a{color:#38482a;text-underline-offset:3px}
.info-date{font-size:13px;color:#706b62}
.info-footer{display:flex;flex-wrap:wrap;gap:18px;padding:24px 0;border-top:1px solid #e8e2d8;font-size:13px}
.info-footer button{color:#38482a;border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){h1{font-size:25px}.info-main{padding:28px 0}}