@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;900&family=Noto+Sans+Thai:wght@400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--container:100%;--pad-x:2rem;--font-display:"Playfair Display","Noto Sans Thai","Prompt",sans-serif;--font-body:"Noto Sans Thai","Prompt",sans-serif;--bg:#f7f2eb;--bg-2:#efe7de;--con-bg:#fffcf7d1;--text:#3e3128;--muted:#6f6054;--accent:#b99668;--accent-strong:#8f6b46;--border:#5f483429;--border-soft:#5f48341a;--glass:#fffbf6b8;--card:#fffcf8b8;--soft:#5f48340a;--shadow-lg:0 20px 60px #4834231f;--shadow-md:0 12px 28px #48342314;--r-lg:24px;--r-md:18px;--r-sm:14px;--t-fast:.14s ease;--t-med:.18s ease;--focus:0 0 0 3px #b9966838;--ok:#5e8b63;--warn:#c58a36;--bad:#ba5f5f}html,body{max-width:100vw;min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background-color:var(--bg);background-image:linear-gradient(#fffcf799,#fffcf799),url(/images/bg/Drawing-Paper.png),linear-gradient(180deg,var(--bg-2)0%,var(--bg)72%);background-position:top,0 0,top;background-repeat:no-repeat,repeat,no-repeat;background-size:auto,700px,auto;background-attachment:scroll,scroll,scroll;flex-direction:column;display:flex;overflow-x:clip}html{font-size:26px}@media (max-width:2559px){html{font-size:23px}}@media (max-width:2049px){html{font-size:22px}}@media (max-width:1681px){html{font-size:21px}}@media (max-width:1441px){html{font-size:20px}}@media (max-width:1281px){html{font-size:19px}}@media (max-width:1025px){html{font-size:18px}}@media (max-width:769px){html{font-size:17px}:root{--pad-x:1rem}.DW768-display-none{display:none!important}}@media (max-width:426px){html{font-size:16px}}@media (max-width:376px){html{font-size:15px}}main{flex:1 0 auto}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}img,picture,video,canvas,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none}body,p,li,input,textarea,select,button{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;line-height:1.08}h1{font-size:clamp(2rem,4vw,4rem);font-weight:700}h2{font-size:clamp(1.8rem,4vw,3.1rem);font-weight:700}h3{font-size:clamp(1.35rem,3vw,2rem);font-weight:600}p{color:var(--muted);line-height:1.65}input,textarea,select{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast);background:#fffbf6e0;outline:none;padding:.75rem .95rem}input::placeholder,textarea::placeholder{color:#9a897b}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{box-shadow:var(--focus);border-color:#b9966866;outline:none}.container{width:min(100%,var(--container));padding-inline:var(--pad-x);margin-inline:auto}.card{background:var(--card);border:1px solid var(--border-soft);border-radius:var(--r-md);box-shadow:var(--shadow-md)}.glass{background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px)}.btn{border:1px solid var(--border);min-height:2.7rem;color:var(--text);transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast);background:#fffaf4d9;border-radius:12px;justify-content:center;align-items:center;padding:.72rem 1.2rem;display:inline-flex}.btn:hover{border-color:#5f483438}.btnPrimary{color:#fffaf4;background:linear-gradient(#c7a57a 0%,#ad8559 100%);border-color:#8f6b466b;border-radius:1rem}.btnPrimary:hover{background:linear-gradient(#cfaf86 0%,#b28759 100%)}hr{border:0;border-top:1px solid var(--border-soft)}ul,ol{padding-left:1.2rem}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-indent{text-indent:2rem}.text-wrap{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important}.display-none{display:none!important}