
:root{--lacquer:#0A1A22;--lacquer-2:#102C37;--on-plate:#EDEBE3;--on-plate-2:#9CB0B7;--gilt:#A87F3C;--gilt-2:#D7B172;--bg:#F1F0EA;--surface:#FBFAF6;--surface-2:#E9E8E0;--ink:#16262D;--ink-2:#4E6068;--rule:#D5D5C9;--pad:clamp(20px,5vw,72px);--f-zh:"Noto Serif SC","Songti SC",serif;--f-th:"Sarabun","Tahoma",sans-serif;--f-lat:"Cinzel",Georgia,serif;--f-ui:"Sarabun","Noto Serif SC",system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root{--lacquer:#0C222C;--lacquer-2:#143643;--bg:#061217;--surface:#0D2029;--surface-2:#122a34;--ink:#E7E8E0;--ink-2:#97A9B0;--rule:#1D3640;--gilt:#C9A063;--gilt-2:#E2C089}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-zh);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}html[lang=th] body{font-family:var(--f-th)}html[lang=en] body{font-family:var(--f-ui)}a{color:inherit;text-underline-offset:4px}img{max-width:100%}:focus-visible{outline:2px solid var(--gilt);outline-offset:4px}.wrap{max-width:1140px;margin:auto;padding-inline:var(--pad)}.eyebrow{font-family:var(--f-lat);font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gilt)}header{background:var(--lacquer);border-bottom:1px solid #D7B17244}.bar{display:flex;align-items:center;gap:18px;min-height:70px;flex-wrap:wrap;padding-block:12px}.mark{text-decoration:none;margin-right:auto;color:var(--on-plate);font-size:1.06rem;font-weight:600}.mark small{font-family:var(--f-lat);display:block;color:var(--gilt-2);font-size:.6rem;letter-spacing:.2em}nav{display:flex;gap:20px;flex-wrap:wrap}nav a,.lang{font-family:var(--f-ui);font-size:.82rem;color:var(--on-plate-2);text-decoration:none}nav a:hover,.lang:hover{color:var(--gilt-2)}.tools{display:flex;align-items:center;gap:12px}.call,.button{font-family:var(--f-ui);font-size:.85rem;text-decoration:none;background:var(--gilt);color:#12100b;padding:8px 14px;font-weight:600;display:inline-block}.button{margin:8px 10px 8px 0}.plate{background:var(--lacquer);color:var(--on-plate)}.hero{padding-block:clamp(44px,8vw,90px)}.frame{border:1px solid #D7B1724d;padding:clamp(24px,5vw,52px)}h1{margin:18px 0;font-size:clamp(1.75rem,4.6vw,3.15rem);line-height:1.4;font-weight:600;text-wrap:balance}h1 i{color:var(--gilt-2);font-style:normal}.lede{color:var(--on-plate-2);max-width:65ch;line-height:1.95}.latin{border-top:1px solid #D7B17244;padding-top:20px;font-family:var(--f-lat);font-size:.85rem;letter-spacing:.2em;color:var(--gilt-2)}.creds{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #D7B17244;margin:0}.creds>div{padding:18px;border-right:1px solid #D7B17244}.creds dt{font-size:.7rem;color:var(--gilt-2)}.creds dd{margin:4px 0 0}.creds small{display:block;color:var(--on-plate-2)}section{padding-block:clamp(40px,7vw,72px)}.shead{margin-bottom:30px}h2{font-size:clamp(1.3rem,2.7vw,1.85rem);font-weight:600}h3{font-size:1.05rem;font-weight:600}.shead p,.schedule p,.steps p,.principles p{color:var(--ink-2)}.schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.schedule article{background:var(--surface);padding:24px}.schedule h3{margin:0}.schedule em{display:block;color:var(--gilt);font-size:.82rem;font-style:normal;font-family:var(--f-th)}.schedule p{font-size:.9rem}.steps{padding-left:24px}.steps li{padding:12px 0;border-bottom:1px solid var(--rule)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.principles article{border-top:2px solid var(--gilt)}.counsel{border:1px solid var(--rule);background:var(--surface);padding:30px}.note{border-left:2px solid var(--gilt);padding:16px 18px;background:var(--surface-2);font-size:.9rem;color:var(--ink-2)}.contact{padding-block:60px}.cgrid{display:grid;grid-template-columns:1.35fr .65fr;gap:40px}.clist{margin:0;border:1px solid #D7B17244}.clist>div{padding:18px;border-bottom:1px solid #D7B17244}.clist dt{font-size:.75rem;color:var(--gilt-2)}.clist dd{margin:5px 0 0;overflow-wrap:anywhere}.qrwrap{max-width:240px;margin:auto}.qr{background:white;display:block;padding:14px}.qr img{display:block;width:100%;image-rendering:pixelated}.qrcap{text-align:center;color:var(--on-plate-2);font-size:.8rem}footer{background:var(--lacquer-2);color:var(--on-plate-2);padding-block:34px;font-size:.8rem}footer .end{border-top:1px solid #D7B17244;margin-top:20px;padding-top:20px}.article{max-width:900px}.article p,.article li{max-width:74ch}.breadcrumb{font-size:.85rem;color:var(--ink-2);margin-bottom:24px}.faq article{border-bottom:1px solid var(--rule);padding:16px 0}.faq h3{margin:0 0 10px}.faq p{margin:0;color:var(--ink-2)}.facts{width:100%;border-collapse:collapse}.facts th,.facts td{padding:14px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}.facts th{width:30%}.related{display:flex;gap:12px 24px;flex-wrap:wrap;padding-block:20px}.small{font-size:.85rem;color:var(--ink-2)}
@media(max-width:900px){nav{width:100%;order:3;gap:12px 20px}.schedule{grid-template-columns:repeat(2,1fr)}.creds{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.schedule,.principles,.cgrid{grid-template-columns:1fr}.bar{gap:12px}.mark{font-size:.95rem}.tools{gap:9px}.call{font-size:.75rem;padding:7px 9px}.creds>div{padding:14px}.facts th{width:32%}.facts th,.facts td{padding:10px 6px}}
