*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Noto Sans Thai',sans-serif;color:#1C1A18;background:#EEEBE6;line-height:1.85;font-size:17px}
a{color:#7A5A2E}
.in{max-width:820px;margin:0 auto;padding:0 18px}
.top{background:linear-gradient(180deg,#2C2722,#463E37);color:#fff;position:sticky;top:0;z-index:5}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;flex-wrap:wrap;max-width:1080px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.logo img{height:20px;width:auto}
.logo span{font-family:'Cinzel',serif;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#E3C998;padding:4px 0 3px 10px;border-left:1px solid rgba(227,201,152,.55)}
.top nav{display:flex;gap:4px;flex-wrap:wrap}
.top nav a{color:#EDE6DC;text-decoration:none;font-size:14px;padding:6px 10px;border-radius:999px}
.top nav a:hover{background:rgba(255,255,255,.12)}
.art{padding-top:18px;padding-bottom:40px}
.crumb{font-size:13px;color:#6A635B;margin-bottom:10px}.crumb a{color:#6A635B}
h1{font-family:'Noto Serif Thai',serif;font-weight:600;font-size:clamp(26px,5vw,36px);line-height:1.4;margin:6px 0 10px}
h2{font-family:'Noto Serif Thai',serif;font-weight:600;font-size:23px;line-height:1.45;margin:34px 0 10px}
h3{font-size:18px;margin:20px 0 6px;font-weight:600}
.lead{font-size:18.5px;color:#3E3730}
article{background:#fff;border-radius:22px;padding:24px clamp(18px,4vw,38px);box-shadow:0 8px 28px rgba(50,40,30,.08)}
blockquote{margin:12px 0;padding:14px 18px;background:#F7F4EF;border-left:3px solid #C9A96E;border-radius:0 12px 12px 0}
blockquote.pre,blockquote.poem{white-space:pre-line}
blockquote.poem{font-family:'Noto Serif Thai',serif;font-size:18px;text-align:center;border-left:0;border-radius:12px}
.copy-list p{margin:6px 0;padding:10px 14px;background:#F7F4EF;border-radius:10px}
.sched{background:#F7F4EF;border-radius:12px;padding:10px 18px}.sched p{margin:2px 0 2px 18px}.sched p.d{margin:10px 0 2px;font-weight:600}
table{width:100%;border-collapse:collapse;margin:10px 0;font-size:15.5px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #E6E0D8}th{background:#F7F4EF}
ol.check{list-style:none;padding:0}ol.check li:before{content:'☐  '}
details{border:1px solid #E6E0D8;border-radius:12px;padding:10px 14px;margin:8px 0}summary{cursor:pointer;font-weight:600}
.btn{display:inline-flex;align-items:center;background:#1C1A18;color:#fff;text-decoration:none;border-radius:999px;padding:10px 22px;font-weight:500;white-space:nowrap}
.btn.sm{padding:7px 16px;font-size:14px;margin-top:6px}
.cta{text-align:center;margin:18px 0}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#2C2722,#5A5048);color:#fff;border-radius:16px;padding:16px 18px;margin:18px 0}
.cta-box b{display:block;font-size:17px}.cta-box span{font-size:14px;color:#E9E2D9}.cta-box .btn{background:#E3C998;color:#1C1A18}
.related{margin-top:26px}.related.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.rel{display:block;background:#fff;border-radius:16px;padding:14px 16px;margin:10px 0;text-decoration:none;color:#1C1A18;box-shadow:0 4px 14px rgba(50,40,30,.06)}
.related.grid .rel{margin:0}.rel b{display:block;font-size:16px;line-height:1.5}.rel span{font-size:14px;color:#6A635B;line-height:1.6}
.foot{background:#1A1511;color:#CDBEA8;padding:30px 0 20px;font-size:14px}.foot .in{max-width:1080px}
.foot .cols{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:760px){.foot .cols{grid-template-columns:1fr 2fr}}
.foot b{color:#F3EAD9;display:block;margin-bottom:6px}.foot a{color:#E3C998;display:block;text-decoration:none;line-height:2}.foot .btn{display:inline-flex;color:#1C1A18;background:#E3C998}
.foot .copy{margin-top:18px;opacity:.7}.foot .copy a{display:inline}