/* UFA100 design system v3 */
/* ===== UFA100 design system v1 ===== */
.wp-site-blocks,.wp-site-blocks *{--wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}
.wp-site-blocks > * + *{margin-block-start:0}
body{background:#0b0d13 !important;color:#e8eaf0}
html{scroll-behavior:smooth;background:#0b0d13}
body.uf-body{margin:0;background:#0b0d13;color:#e8eaf0;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
body.admin-bar .uf-head{top:32px}
@media screen and (max-width:782px){body.admin-bar .uf-head{top:46px}}
img{max-width:100%;height:auto}
a{color:#7ea4ff}
.uf-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.uf-kick{display:inline-block;background:rgba(231,197,90,.12);color:#e7c55a;border:1px solid rgba(231,197,90,.3);border-radius:999px;padding:3px 14px;font-size:13px;font-weight:600;letter-spacing:.2px}
.uf-h2{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:clamp(20px,2.6vw,26px);font-weight:800;color:#4a7dff}
.uf-h2 .bar{display:inline-block;width:5px;height:24px;border-radius:3px;background:linear-gradient(180deg,#4a7dff,#2b5fe3)}
.uf-h2 .more{margin-left:auto;font-size:13.5px;font-weight:600;color:#9aa3b2;text-decoration:none}
.uf-h2 .more:hover{color:#e7c55a}
.uf-sec{padding:38px 0 8px}
.uf-btn{display:inline-block;padding:12px 26px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.uf-btn:active{transform:translateY(1px)}
.uf-btn-red{background:linear-gradient(180deg,#ff4d5e,#d30026);color:#fff;box-shadow:0 6px 18px rgba(211,0,38,.35)}
.uf-btn-ghost{background:#1c2130;border:1px solid #333a4d;color:#e7c55a}
.uf-btn:hover{filter:brightness(1.08)}
/* header */
.uf-head{position:sticky;top:0;z-index:900;background:rgba(10,12,17,.96);backdrop-filter:blur(10px);border-bottom:1px solid #232734}
.uf-head-in{display:flex;align-items:center;gap:18px;height:66px}
.uf-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.uf-logo img{height:48px;width:auto;display:block}
.uf-logo-txt{font-size:24px;font-weight:800;letter-spacing:.5px}
.uf-logo-sub{display:block;font-size:10.5px;color:#8a93a6;letter-spacing:2.2px;margin-top:-4px}
.uf-nav{display:flex;align-items:center;gap:4px;margin-left:6px;flex-wrap:wrap}
.uf-nav a{color:#c6ccd8;text-decoration:none;font-size:14.5px;font-weight:500;padding:8px 11px;border-radius:9px;white-space:nowrap}
.uf-nav a:hover{color:#fff;background:#1a1e2a}
.uf-nav a.on{color:#e7c55a;background:rgba(231,197,90,.1)}
.uf-head-cta{margin-left:auto;display:flex;gap:10px;align-items:center}
.uf-head-cta .uf-btn{padding:9px 18px;font-size:14px;border-radius:10px}
.uf-burger{display:none;margin-left:auto;background:#1a1e2a;border:1px solid #2c3140;color:#e7c55a;width:42px;height:42px;border-radius:10px;font-size:19px;cursor:pointer}
@media(max-width:1080px){
.uf-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#0d0f16;border-bottom:1px solid #232734;flex-direction:column;align-items:stretch;padding:10px 16px 16px;gap:2px}
.uf-nav.open{display:flex}
.uf-nav a{padding:11px 12px;font-size:15px}
.uf-head-cta{display:none}
.uf-burger{display:block}
.uf-head-cta.mob{display:flex;position:absolute;top:76px;left:16px;right:16px}
}
/* breadcrumb */
.uf-bc{font-size:13.5px;color:#8a93a6;padding:16px 0 2px}
.uf-bc a{color:#c6ccd8;text-decoration:none}
.uf-bc a:hover{color:#e7c55a}
.uf-bc .sep{margin:0 7px;color:#4a5162}
/* category hero */
.uf-cat-hero{border-radius:18px;padding:34px 30px 30px;border:1px solid #262a38;background:
 radial-gradient(700px 260px at 8% -10%,var(--c1,rgba(231,197,90,.16)),transparent 60%),
 radial-gradient(600px 240px at 95% 0%,var(--c2,rgba(74,125,255,.14)),transparent 55%),#12141c;margin-top:14px}
.uf-cat-hero h1{margin:12px 0 8px;font-size:clamp(26px,4vw,38px);font-weight:800;color:#fff;line-height:1.25}
.uf-cat-hero p{margin:0;color:#aab2c2;font-size:16px;max-width:860px}
.uf-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.uf-chip{background:#1a1e2a;border:1px solid #2c3140;color:#c6ccd8;border-radius:999px;padding:5px 14px;font-size:13px}
/* prose */
.uf-prose{background:#12141c;border:1px solid #262a38;border-radius:18px;padding:34px 34px 30px;margin-top:22px}
.uf-prose h2{font-size:clamp(19px,2.4vw,24px);font-weight:800;color:#4a7dff;margin:34px 0 12px;display:flex;align-items:center;gap:10px}
.uf-prose h2 .bar{display:inline-block;width:5px;height:21px;border-radius:3px;background:linear-gradient(180deg,#4a7dff,#2b5fe3);flex-shrink:0}
.uf-prose h2:first-child{margin-top:2px}
.uf-prose h3{font-size:18.5px;font-weight:700;color:#e7c55a;margin:26px 0 10px}
.uf-prose p{margin:0 0 14px;color:#c9cfda;font-size:16px}
.uf-prose ul,.uf-prose ol{margin:0 0 16px;padding-left:22px;color:#c9cfda}
.uf-prose li{margin-bottom:8px}
.uf-prose li::marker{color:#e7c55a}
.uf-prose strong{color:#fff}
.uf-prose table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:14.5px}
.uf-prose th{background:#1a1e2a;color:#e7c55a;text-align:left;padding:11px 14px;border:1px solid #2c3140;font-weight:700}
.uf-prose td{padding:10px 14px;border:1px solid #2c3140;color:#c9cfda}
.uf-note{background:rgba(74,125,255,.08);border:1px solid rgba(74,125,255,.25);border-radius:12px;padding:14px 18px;color:#b9c6e6;font-size:14.5px;margin:18px 0}
.uf-note b{color:#9db8ff}
.uf-18{background:rgba(255,45,63,.07);border:1px solid rgba(255,45,63,.28);border-radius:12px;padding:14px 18px;color:#e6a9ae;font-size:13.5px;margin:22px 0 4px;line-height:1.7}
.uf-faq details{background:#161923;border:1px solid #262a38;border-radius:13px;padding:0;margin-bottom:10px;overflow:hidden}
.uf-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:15px 18px;font-weight:700;color:#eef1f7;font-size:15.5px}
.uf-faq summary::-webkit-details-marker{display:none}
.uf-faq summary::after{content:"+";margin-left:auto;color:#e7c55a;font-size:20px;font-weight:400}
.uf-faq details[open] summary::after{content:"–"}
.uf-faq .a{padding:0 18px 16px 44px;color:#aab2c2;font-size:15px}
/* cards grid */
.uf-g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.uf-g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.uf-card{display:block;text-decoration:none;background:#12141c;border:1px solid #262a38;border-radius:16px;padding:22px 20px;transition:transform .18s,border-color .18s}
.uf-card:hover{transform:translateY(-3px);border-color:#3a4155}
.uf-card .ico{font-size:28px;line-height:1}
.uf-card h3{margin:10px 0 6px;font-size:17px;font-weight:700;color:#fff}
.uf-card p{margin:0;color:#9aa3b2;font-size:14px;line-height:1.65}
/* article cards (query) */
.uf-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;list-style:none;max-width:1180px;margin:18px auto 0;padding:0 20px;box-sizing:border-box}
.uf-posts li{margin:0;background:#12141c;border:1px solid #262a38;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}
.uf-posts li:hover{transform:translateY(-3px);border-color:#3a4155}
.uf-posts li .wp-block-post-featured-image{margin:0}
.uf-posts li .wp-block-post-title{margin:14px 18px 6px;font-size:16.5px;font-weight:700;line-height:1.5}
.uf-posts li .wp-block-post-title a{color:#f0f2f7;text-decoration:none}
.uf-posts li:hover .wp-block-post-title a{color:#fff}
.uf-posts li .wp-block-post-excerpt{margin:0 18px 4px;color:#9aa3b2;font-size:14px;line-height:1.65}
.uf-posts li .wp-block-post-excerpt p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.uf-posts li::after{content:"อ่านต่อ →";margin:6px 18px 16px;margin-top:auto;color:#6b7383;font-size:12.5px}.wp-block-query .uf-posts .wp-block-post-title{margin:0}
.wp-block-query .uf-posts .wp-block-post-title a{text-decoration:none}
/* hero (home) */
.uf-hero{position:relative;border-radius:20px;border:1px solid #262a38;overflow:hidden;margin-top:16px;
 background:radial-gradient(900px 420px at 12% -20%,rgba(231,197,90,.2),transparent 55%),
 radial-gradient(800px 380px at 88% -10%,rgba(211,0,38,.18),transparent 60%),
 radial-gradient(700px 500px at 50% 120%,rgba(74,125,255,.14),transparent 55%),#0e1018;padding:54px 44px 48px}
.uf-hero h1{margin:14px 0 12px;font-size:clamp(28px,4.6vw,44px);font-weight:800;color:#fff;line-height:1.22;max-width:820px}
.uf-hero h1 em{font-style:normal;color:#e7c55a}
.uf-hero .lead{margin:0 0 24px;color:#aab2c2;font-size:17px;max-width:760px}
.uf-hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.uf-hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.uf-hero-trust .uf-chip{background:rgba(18,20,28,.75)}
/* step list */
.uf-steps{counter-reset:ufstep;display:grid;gap:14px}
.uf-step{position:relative;background:#12141c;border:1px solid #262a38;border-radius:14px;padding:18px 18px 16px 62px}
.uf-step::before{counter-increment:ufstep;content:counter(ufstep);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:10px;background:linear-gradient(180deg,#ff4d5e,#d30026);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.uf-step b{display:block;color:#fff;font-size:15.5px;margin-bottom:4px}
.uf-step span{color:#9aa3b2;font-size:14px;line-height:1.65}
/* footer */
.uf-foot{margin-top:56px;border-top:1px solid #232734;background:#0a0c11;padding:42px 0 0}
.uf-foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:30px}
.uf-foot h4{margin:0 0 14px;font-size:15px;font-weight:700;color:#e7c55a}
.uf-foot a{display:block;color:#9aa3b2;text-decoration:none;font-size:14px;margin-bottom:9px}
.uf-foot a:hover{color:#e7c55a}
.uf-foot p{color:#8a93a6;font-size:13.5px;line-height:1.75;margin:0 0 10px}
.uf-foot .soc{display:flex;gap:10px;margin-top:14px}
.uf-foot .soc a{display:inline-flex;align-items:center;gap:7px;background:#141722;border:1px solid #262a38;border-radius:10px;padding:8px 14px;margin:0;font-size:13px;color:#c6ccd8}
.uf-foot-bar{border-top:1px solid #1d212c;margin-top:34px;padding:18px 0 26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.uf-foot-bar span{font-size:13px;color:#6b7383}
.uf-badge18{display:inline-flex;align-items:center;justify-content:center;border:2px solid #ff4d5e;color:#ff8a95;border-radius:999px;width:44px;height:44px;font-weight:800;font-size:14px;flex-shrink:0}
/* float CTA */
.uf-float{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:950;text-decoration:none;display:inline-flex;align-items:center;gap:11px;background:linear-gradient(180deg,#ff4d5e,#d30026);color:#fff;font-weight:800;font-size:19px;padding:17px 46px;border-radius:999px;border:2px solid rgba(255,210,140,.55);box-shadow:0 12px 38px rgba(211,0,38,.55);animation:ufflash 1.5s ease-in-out infinite;overflow:hidden}
.uf-float:hover{filter:brightness(1.12)}
.uf-float::after{content:"";position:absolute;top:-70%;bottom:-70%;left:-80px;width:48px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(18deg);animation:ufshine 2.6s linear infinite}
@keyframes ufshine{0%{left:-80px}60%{left:110%}100%{left:110%}}
@keyframes ufflash{0%,100%{box-shadow:0 12px 38px rgba(211,0,38,.5),0 0 10px rgba(255,190,80,.25)}50%{box-shadow:0 12px 44px rgba(211,0,38,.8),0 0 38px rgba(255,190,80,.8)}}
@keyframes ufflip{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.045)}}
body.home .uf-float{display:none}
@media(max-width:640px){.uf-float{font-size:16px;padding:13px 32px;bottom:16px}}
/* single post */
.uf-art-head h1{margin:10px 0 10px;font-size:clamp(24px,3.6vw,34px);font-weight:800;color:#fff;line-height:1.3}
.uf-art-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:13.5px;color:#8a93a6;margin-bottom:6px}
.uf-art-meta .cat{color:#e7c55a;font-weight:700}
.uf-feat{border-radius:16px;overflow:hidden;border:1px solid #262a38;margin:18px 0;background:var(--g,linear-gradient(135deg,#1c2130,#12141c));min-height:230px;display:flex;align-items:center;justify-content:center}
.uf-feat .bigico{font-size:64px}
.uf-feat img{width:100%;display:block}
.uf-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
/* pagination */
.wp-block-query-pagination{display:flex;gap:8px;justify-content:center;margin:30px 0 10px;flex-wrap:wrap}
.wp-block-query-pagination a,.wp-block-query-pagination span{background:#12141c;border:1px solid #262a38;color:#c6ccd8;border-radius:10px;padding:8px 15px;font-size:14px;text-decoration:none}
.wp-block-query-pagination .current{background:#1a1e2a;color:#e7c55a;border-color:#3a4155}
/* page hero band (static pages) */
.uf-page-hero{border-radius:18px;border:1px solid #262a38;background:radial-gradient(700px 260px at 10% -10%,rgba(231,197,90,.15),transparent 60%),#12141c;padding:32px 30px;margin-top:14px}
.uf-page-hero h1{margin:10px 0 8px;font-size:clamp(24px,3.6vw,34px);font-weight:800;color:#fff}
.uf-page-hero p{margin:0;color:#aab2c2}
@media(max-width:768px){
.uf-wrap{padding:0 15px}
.uf-prose{padding:22px 18px}
.uf-hero{padding:34px 22px}
.uf-cat-hero{padding:24px 20px}
.uf-foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
.uf-foot-grid{grid-template-columns:1fr}
.uf-prose table{display:block;overflow-x:auto}
.uf-h2{font-size:19px}
}
@media(max-width:400px){.uf-hero h1{font-size:26px}}
/* Kanit self-hosted */
@font-face{font-family:'Kanit';font-style:normal;font-weight:300;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-300-thai.woff2') format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Kanit';font-style:normal;font-weight:300;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-300-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Kanit';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-400-thai.woff2') format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Kanit';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Kanit';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-500-thai.woff2') format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Kanit';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Kanit';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-600-thai.woff2') format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Kanit';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Kanit';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-700-thai.woff2') format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Kanit';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Kanit';font-style:normal;font-weight:800;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-800-thai.woff2') format('woff2');unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC}
@font-face{font-family:'Kanit';font-style:normal;font-weight:800;font-display:swap;src:url('/wp-content/uploads/fonts/kanit-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}