:root{--navy:#191d51;--navy-2:#273171;--ink:#2b2f3a;--muted:#5d6270;--line:#e3e5ec;--gold:#b8964f;--paper:#fff;--paper-2:#f5f6f9}body.site-body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Kanit,Anuphan,Inter,system-ui,sans-serif;font-weight:300}body.site-body .top-nav,body.site-body .menu-overlay,body.site-body .menu-scrim{display:none}.page-shell{flex-direction:column;min-height:100vh;display:flex}.page-hero{text-align:center;color:#fff;isolation:isolate;background:#1d2738 50%/cover no-repeat;justify-content:center;align-items:center;min-height:340px;display:flex;position:relative}.page-hero:before{content:"";z-index:-1;background:linear-gradient(#0a102859,#0a10288c);position:absolute;inset:0}.page-hero .page-inner{padding:72px 24px}.page-hero .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#ffffffd9;margin:0 0 12px;font-size:13px;font-weight:400}.page-hero h1{text-shadow:0 2px 24px #00000059;margin:0;font-family:Playfair Display,Noto Serif Thai,Georgia,serif;font-size:clamp(40px,5.2vw,72px);font-style:italic;font-weight:400;line-height:1.05}.lang-th .page-hero h1,.page-hero h1.th{font-family:Kanit,Noto Sans Thai,sans-serif;font-style:normal;font-weight:400}.page-hero .lede{color:#ffffffe6;max-width:62ch;margin:18px auto 0;font-size:clamp(16px,1.15vw,19px);line-height:1.6}.page-hero--plain{background:linear-gradient(120deg,#1d2738,#273171);min-height:200px}.page-main{flex:1;padding:56px 24px 96px}.page-inner{max-width:1180px;margin:0 auto}.page-inner--narrow{max-width:860px}.page-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:28px;font-size:14px;display:flex}.page-meta a{color:var(--navy-2);text-decoration:none}.featured-media{border:1px solid var(--line);border-radius:10px;margin:0 0 36px;overflow:hidden}.featured-media img,.featured-media video{width:100%;height:auto;display:block}.prose-site{color:var(--ink);font-size:clamp(16px,1.05vw,18px);line-height:1.8}.prose-site h1,.prose-site h2,.prose-site h3,.prose-site h4{color:var(--navy);margin:1.9em 0 .6em;font-family:Kanit,Anuphan,sans-serif;font-weight:500;line-height:1.25}.prose-site h1{font-size:1.9em}.prose-site h2{font-size:1.6em}.prose-site h3{font-size:1.3em}.prose-site h4{font-size:1.1em}.prose-site h2:first-child,.prose-site h1:first-child{margin-top:0}.prose-site p{margin:0 0 1.2em}.prose-site a{color:var(--navy-2);text-underline-offset:3px;text-decoration:underline}.prose-site strong{color:var(--navy);font-weight:500}.prose-site img,.prose-site video,.prose-site iframe{border-radius:8px;max-width:100%;height:auto;margin:1.4em auto;display:block}.prose-site figure{margin:1.6em 0}.prose-site figcaption{text-align:center;color:var(--muted);font-size:.9em}.prose-site iframe{aspect-ratio:16/9;width:100%}.prose-site blockquote{border-left:3px solid var(--gold);color:var(--muted);margin:1.6em 0;padding:.2em 0 .2em 1.2em}.prose-site ul,.prose-site ol{margin:0 0 1.2em;padding-left:1.4em}.prose-site li{margin:.3em 0}.prose-site table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.95em}.prose-site th,.prose-site td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.prose-site th{background:var(--paper-2);color:var(--navy);font-weight:500}.prose-site pre{background:var(--paper-2);border-radius:8px;padding:16px;overflow-x:auto}.prose-site hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.attachments{border-top:1px solid var(--line);margin-top:48px;padding-top:28px}.attachments h2{letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin:0 0 16px;font-size:14px;font-weight:500}.attachments ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.attachments a{border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.attachments a:hover{background:var(--paper-2);border-color:#c9ccd8}.attachments .att-kind{letter-spacing:.1em;color:var(--navy);background:#eceef5;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.attachments .att-size{color:var(--muted);margin-left:auto;font-size:13px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;display:grid}.post-card{border:1px solid var(--line);color:inherit;background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #191d511f}.post-card .thumb{aspect-ratio:16/10;background:var(--paper-2) center / cover no-repeat}.post-card .body{flex-direction:column;gap:10px;padding:20px 22px 24px;display:flex}.post-card .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:500}.post-card h3{color:var(--navy);margin:0;font-size:20px;font-weight:500;line-height:1.3}.post-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.post-card .date{color:var(--muted);margin-top:auto;padding-top:8px;font-size:13px}.empty-state{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:12px;padding:48px 0}.pager{justify-content:center;gap:10px;margin-top:48px;display:flex}.pager a,.pager span{border:1px solid var(--line);color:var(--navy);border-radius:8px;padding:10px 16px;font-size:14px;text-decoration:none}.pager span{opacity:.45}@media (max-width:768px){.page-hero{min-height:240px}.page-hero .page-inner{padding:48px 18px}.page-main{padding:36px 18px 72px}}