.elementor-1768 .elementor-element.elementor-element-55d52ea4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:24px;--padding-inline-end:24px;}.elementor-1768 .elementor-element.elementor-element-79cd395b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--align-items:center;--gap:12px 12px;--flex-wrap:wrap;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-1768 .elementor-element.elementor-element-a19c63b img{width:172px;}.elementor-1768 .elementor-element.elementor-element-a19c63b{width:auto;max-width:auto;}.elementor-1768 .elementor-element.elementor-element-a19c63b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1768 .elementor-element.elementor-element-1dc1682e .elementor-menu-toggle{margin-left:auto;}.elementor-1768 .elementor-element.elementor-element-1dc1682e{width:auto;max-width:auto;}.elementor-1768 .elementor-element.elementor-element-1dc1682e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1768 .elementor-element.elementor-element-5dc1a789 .elementor-search-form__container{min-height:50px;}.elementor-1768 .elementor-element.elementor-element-5dc1a789 .elementor-search-form__submit{min-width:50px;}body:not(.rtl) .elementor-1768 .elementor-element.elementor-element-5dc1a789 .elementor-search-form__icon{padding-left:calc(50px / 3);}body.rtl .elementor-1768 .elementor-element.elementor-element-5dc1a789 .elementor-search-form__icon{padding-right:calc(50px / 3);}.elementor-1768 .elementor-element.elementor-element-5dc1a789 .elementor-search-form__input, .elementor-1768 .elementor-element.elementor-element-5dc1a789.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(50px / 3);padding-right:calc(50px / 3);}.elementor-1768 .elementor-element.elementor-element-5dc1a789:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-1768 .elementor-element.elementor-element-5dc1a789.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-1768 .elementor-element.elementor-element-5dc1a789{width:auto;max-width:auto;}.elementor-1768 .elementor-element.elementor-element-5dc1a789.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1768 .elementor-element.elementor-element-14c2565 .elementor-button .elementor-align-icon-right{margin-left:8px;}.elementor-1768 .elementor-element.elementor-element-14c2565 .elementor-button .elementor-align-icon-left{margin-right:8px;}.elementor-1768 .elementor-element.elementor-element-14c2565{width:auto;max-width:auto;}.elementor-1768 .elementor-element.elementor-element-14c2565.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1768 .elementor-element.elementor-element-22da7d3 .elementor-icon-wrapper{text-align:center;}.elementor-1768 .elementor-element.elementor-element-22da7d3{width:auto;max-width:auto;}.elementor-1768 .elementor-element.elementor-element-22da7d3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1768 .elementor-element.elementor-element-260d426 .elementor-icon-wrapper{text-align:center;}.elementor-1768 .elementor-element.elementor-element-260d426{width:auto;max-width:auto;}.elementor-1768 .elementor-element.elementor-element-260d426.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1768 .elementor-element.elementor-element-547d9ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:24px;--padding-inline-end:24px;}@media(max-width:767px){.elementor-1768 .elementor-element.elementor-element-55d52ea4{--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:16px;--padding-inline-end:16px;}.elementor-1768 .elementor-element.elementor-element-a19c63b img{width:140px;}.elementor-1768 .elementor-element.elementor-element-547d9ac{--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:16px;--padding-inline-end:16px;}}@media(min-width:768px){.elementor-1768 .elementor-element.elementor-element-55d52ea4{--content-width:1240px;}.elementor-1768 .elementor-element.elementor-element-547d9ac{--content-width:1240px;}}/* Start custom CSS */@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JPje1VVIzcq1HzJq2AEdo2Tj_qvLqMHdYgVcM.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JPje1VVIzcq1HzJq2AEdo2Tj_qvLqMB9YgVcM.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JPje1VVIzcq1HzJq2AEdo2Tj_qvLqMCdYg.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:'IBM Plex Sans Thai';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqE-vU1fuJHa74.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqE-vU1ZOJHa74.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqE-vU1auJH.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:'IBM Plex Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqE1vI1fuJHa74.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqE1vI1ZOJHa74.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqE1vI1auJH.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:'IBM Plex Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqEsvM1fuJHa74.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqEsvM1ZOJHa74.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Sans Thai';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansthai/v11/m8JMje1VVIzcq1HzJq2AEdo2Tj_qvLqEsvM1auJH.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;}
:root{--ynm-primary:#204B8F;--ynm-primary-700:#183A70;--ynm-primary-50:#EEF3FB;--ynm-bright:#4A9AE8;--ynm-link:#2A6FC0;--ynm-red:#F52634;--ynm-red-ui:#E11D2B;--ynm-red-700:#C21825;--ynm-ink:#15181D;--ynm-ink-2:#3E4552;--ynm-muted:#5F6673;--ynm-line:#E8E9EC;--ynm-soft:#F5F7FA;--ynm-font:"IBM Plex Sans Thai","Inter","Segoe UI",Tahoma,sans-serif;--ynm-shadow:0 6px 24px -8px rgba(21,24,29,.18),0 2px 6px rgba(21,24,29,.05);--ynm-shadow-sm:0 1px 2px rgba(21,24,29,.06),0 1px 3px rgba(21,24,29,.05)}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--ynm-font);color:var(--ynm-ink);background:#fff;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body :is(h1,h2,h3,h4,h5,h6,p,a,li,input,select,textarea,button,label,span){font-family:var(--ynm-font)}
body.elementor-kit-6,body.elementor-kit-6 :is(a,h1,h2,h3,h4,h5,h6){font-family:var(--ynm-font)}
body a{color:var(--ynm-primary)}
body a:hover{color:var(--ynm-link)}
body :focus-visible{outline:3px solid var(--ynm-bright);outline-offset:2px}
.ynm-sr,.ynm-sr *{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
/* ---- login-state visibility (body.logged-in comes from WordPress): .ynm-in = members only, .ynm-out = visitors only ---- */
body:not(.logged-in) .ynm-in,body.logged-in .ynm-out{display:none!important}
@media(max-width:767px){body:not(.logged-in) .ynm-hdr-nav{margin-left:auto!important}}

/* ---- layout primitives (both modes) ---- */
.elementor-widget:not(:last-child){margin-block-end:0}
.e-con.ynm-row,.e-con.ynm-col,.e-con.ynm-inline{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px}
.e-con.ynm-row>.e-con{flex-shrink:1;min-width:0}
@media(min-width:768px) and (max-width:1024px){.e-con.ynm-tcol{--width:auto;flex:1 1 0}}
.elementor-column.ynm-col>.elementor-widget-wrap{align-content:flex-start;align-items:center}
.elementor-column.ynm-col>.elementor-widget-wrap>.elementor-widget:not(.ynm-inl){width:100%}
.ynm-inl{align-self:center}
.ynm-push{margin-left:auto!important}
.ynm-mt20{margin-top:20px!important}.ynm-mt24{margin-top:24px!important}.ynm-mb24{margin-bottom:24px!important}.ynm-mb40{margin-bottom:40px!important}
.elementor-column.ynm-g8>.elementor-widget-wrap{row-gap:8px}
.elementor-column.ynm-g12>.elementor-widget-wrap{row-gap:12px}
.elementor-column.ynm-g16>.elementor-widget-wrap{row-gap:16px}
.elementor-column.ynm-g20>.elementor-widget-wrap{row-gap:20px}
.elementor-column.ynm-g24>.elementor-widget-wrap{row-gap:24px}
.elementor-column.ynm-g32>.elementor-widget-wrap{row-gap:32px}
.elementor-column.ynm-g40>.elementor-widget-wrap{row-gap:40px}
.elementor-column.ynm-col>.elementor-widget-wrap>.ynm-inl+.ynm-inl{margin-left:12px}
.elementor-section.ynm-cg16>.elementor-container>.elementor-column:not(:first-child){padding-left:8px}.elementor-section.ynm-cg16>.elementor-container>.elementor-column:not(:last-child){padding-right:8px}
.elementor-section.ynm-cg24>.elementor-container>.elementor-column:not(:first-child){padding-left:12px}.elementor-section.ynm-cg24>.elementor-container>.elementor-column:not(:last-child){padding-right:12px}
.elementor-section.ynm-cg32>.elementor-container>.elementor-column:not(:first-child){padding-left:16px}.elementor-section.ynm-cg32>.elementor-container>.elementor-column:not(:last-child){padding-right:16px}
.elementor-section.ynm-cg40>.elementor-container>.elementor-column:not(:first-child){padding-left:20px}.elementor-section.ynm-cg40>.elementor-container>.elementor-column:not(:last-child){padding-right:20px}
.elementor-section.ynm-cg48>.elementor-container>.elementor-column:not(:first-child){padding-left:24px}.elementor-section.ynm-cg48>.elementor-container>.elementor-column:not(:last-child){padding-right:24px}
.elementor-section.ynm-cg56>.elementor-container>.elementor-column:not(:first-child){padding-left:28px}.elementor-section.ynm-cg56>.elementor-container>.elementor-column:not(:last-child){padding-right:28px}
@media(max-width:1024px){.elementor-section.ynm-stack-tablet>.elementor-container{flex-wrap:wrap}.elementor-section.ynm-stack-tablet>.elementor-container>.elementor-column{padding-left:0!important;padding-right:0!important}.elementor-section.ynm-stack-tablet>.elementor-container>.elementor-column+.elementor-column{padding-top:32px}}
@media(max-width:767px){.elementor-section.ynm-row>.elementor-container>.elementor-column{padding-left:0!important;padding-right:0!important}.elementor-section.ynm-row>.elementor-container>.elementor-column+.elementor-column{padding-top:32px}}

/* ---- speed: skip style/layout/paint of below-the-fold bands until they near the viewport ---- */
:is(.elementor-section,.e-con):is(.ynm-sec,.ynm-opband,.ynm-ctaband,.ynm-related,.ynm-ftr,.ynm-ftr-bottom){content-visibility:auto;contain-intrinsic-size:auto 640px}

/* ---- header ---- */
.elementor-location-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(10px)}
body.admin-bar .elementor-location-header{top:32px}
.ynm-hdr{border-bottom:1px solid var(--ynm-line)}
.ynm-hdr :is(.elementor-widget-wrap,.e-con.ynm-inline){display:flex;flex-wrap:nowrap;align-items:center;gap:20px;min-height:72px}
.elementor-column.ynm-col>.elementor-widget-wrap>.ynm-hdr-bar-i+.ynm-hdr-bar-i{margin-left:0}
.ynm-logo img{display:block;height:auto}
.ynm-logo a{display:block;border-radius:10px}
.ynm-hdr-nav .elementor-nav-menu--main .elementor-item{font-size:15px;font-weight:500;color:var(--ynm-ink-2);padding:0 12px!important;min-height:44px;display:flex;align-items:center;border-radius:10px}
.ynm-hdr-nav .elementor-nav-menu--main .elementor-item:hover,.ynm-hdr-nav .elementor-nav-menu--main .elementor-item:focus{color:var(--ynm-primary);background:var(--ynm-soft)}
.ynm-hdr-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--ynm-primary);font-weight:600}
.ynm-hdr-nav .elementor-nav-menu--main .sub-menu{border-radius:14px;box-shadow:var(--ynm-shadow);border:1px solid var(--ynm-line);padding:8px 0;background:#fff;min-width:200px}
.ynm-hdr-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item{font-size:15px;color:var(--ynm-ink-2);padding:10px 18px;background:#fff}
.ynm-hdr-nav .elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover{color:var(--ynm-primary);background:var(--ynm-primary-50)}
.ynm-hdr-nav .elementor-menu-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--ynm-line);background:#fff;color:var(--ynm-ink);font-size:20px;display:none;align-items:center;justify-content:center}
.ynm-hdr-nav .elementor-menu-toggle svg{fill:var(--ynm-ink);width:20px;height:20px}
.ynm-hdr-nav .elementor-nav-menu--dropdown{background:#fff;border-top:1px solid var(--ynm-line);box-shadow:0 18px 30px -18px rgba(21,24,29,.3)}
.ynm-hdr-nav .elementor-nav-menu--dropdown a{font-size:16px;font-weight:500;color:var(--ynm-ink);padding:14px 24px!important;border-bottom:1px solid var(--ynm-line);background:#fff}
.ynm-hdr-nav .elementor-nav-menu--dropdown a:hover,.ynm-hdr-nav .elementor-nav-menu--dropdown a.elementor-item-active{color:var(--ynm-primary);background:var(--ynm-primary-50)}
.ynm-hdr-search{width:300px}
.ynm-hdr-search .elementor-search-form__container{min-height:44px!important;border-radius:999px!important;background:var(--ynm-soft)!important;border:1px solid var(--ynm-line)!important;overflow:hidden}
.ynm-hdr-search .elementor-search-form__container:focus-within{background:#fff!important;border-color:var(--ynm-bright)!important;box-shadow:0 0 0 4px rgba(74,154,232,.2)}
.ynm-hdr-search input.elementor-search-form__input{font-size:15px;color:var(--ynm-ink);padding-left:4px}
.ynm-hdr-search input.elementor-search-form__input::placeholder{color:var(--ynm-muted)}
.ynm-hdr-search .elementor-search-form__icon{color:var(--ynm-muted);padding-left:16px}
.ynm-hdr-search .elementor-search-form__icon svg{fill:var(--ynm-muted);width:16px;height:16px}
.ynm-tabs{border-bottom:1px solid var(--ynm-line)}
.ynm-tabs .elementor-nav-menu--main .elementor-nav-menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ynm-tabs .elementor-nav-menu--main .elementor-nav-menu::-webkit-scrollbar{display:none}
.ynm-tabs .elementor-nav-menu--main .elementor-item{font-size:15px;font-weight:500;color:var(--ynm-ink-2);padding:0 14px!important;min-height:48px;display:flex;align-items:center;white-space:nowrap}
.ynm-tabs .elementor-nav-menu--main .elementor-item:hover{color:var(--ynm-primary)}
.ynm-tabs .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--ynm-primary);font-weight:600}
.ynm-tabs .e--pointer-underline .elementor-item:after{height:3px!important;left:14px!important;right:14px!important;width:auto!important;bottom:0!important;border-radius:3px 3px 0 0;background-color:var(--ynm-line)!important}
.ynm-tabs .e--pointer-underline .elementor-item.elementor-item-active:after{background-color:var(--ynm-primary)!important;opacity:1;width:auto!important}
@media(max-width:1024px){
 .ynm-hdr :is(.elementor-widget-wrap,.e-con.ynm-inline){gap:10px;min-height:64px}
 .ynm-hdr-nav{order:10}
 .ynm-hdr-nav .elementor-menu-toggle{display:flex}
 .ynm-hdr-search{width:auto;flex:1 1 auto;max-width:360px}
}
@media(max-width:767px){.ynm-hdr-write-m{margin-left:auto!important}.ynm-logo img{width:140px}}

/* ---- buttons / icon buttons / text links ---- */
.ynm-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.2;border:2px solid transparent;background:var(--ynm-primary);color:#fff;transition:background-color .2s,transform .2s,box-shadow .2s;fill:currentColor}
.ynm-btn .elementor-button:hover{transform:translateY(-1px);background:var(--ynm-primary-700);color:#fff}
.ynm-btn .elementor-button .elementor-button-icon svg{width:14px;height:14px;fill:currentColor}
.ynm-btn .elementor-button-content-wrapper{align-items:center;gap:8px}
.ynm-btn .elementor-button-icon{margin:0!important}
.ynm-btn-red .elementor-button{background:var(--ynm-red-ui);box-shadow:0 6px 16px -6px rgba(225,29,43,.55)}
.ynm-btn-red .elementor-button:hover{background:var(--ynm-red-700)}
.ynm-btn-outline .elementor-button{background:#fff;color:var(--ynm-primary);border-color:var(--ynm-primary)}
.ynm-btn-outline .elementor-button:hover{background:var(--ynm-primary-50);color:var(--ynm-primary)}
.ynm-btn-ghost .elementor-button{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.ynm-btn-ghost .elementor-button:hover{background:rgba(255,255,255,.12);border-color:#fff}
.ynm-btn-lg .elementor-button{min-height:52px;padding:12px 28px;font-size:16px}
.ynm-iconbtn .elementor-icon-wrapper{line-height:0}
.ynm-iconbtn .elementor-icon{width:44px;height:44px;border-radius:50%;border:1px solid var(--ynm-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--ynm-ink);transition:background-color .2s}
.ynm-iconbtn .elementor-icon{border-color:var(--ynm-line)!important;color:var(--ynm-ink)!important}
.ynm-iconbtn .elementor-icon svg{width:18px;height:18px;fill:var(--ynm-ink)!important}
.ynm-iconbtn .elementor-icon:hover{background:var(--ynm-primary-50)}
.ynm-iconbtn-red .elementor-icon{background:var(--ynm-red-ui);border-color:var(--ynm-red-ui)!important}
.ynm-iconbtn-red .elementor-icon svg{fill:#fff!important}
.ynm-iconbtn-red .elementor-icon:hover{background:var(--ynm-red-700)}
.ynm-textlink .elementor-button{background:none!important;padding:0 26px 0 0!important;min-height:44px;display:inline-flex;align-items:center;color:var(--ynm-primary)!important;font-size:15px;font-weight:600;border:0;box-shadow:none;position:relative}
.ynm-textlink .elementor-button:after{content:"";position:absolute;right:0;top:50%;width:18px;height:18px;margin-top:-9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23204B8F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .2s}
.ynm-textlink .elementor-button:hover:after{transform:translateX(3px)}

/* ---- section heads / headings ---- */
.ynm-sec-title .elementor-heading-title{display:flex;align-items:center;gap:10px;font-size:clamp(22px,1.15rem + .8vw,30px);font-weight:700;line-height:1.35;color:var(--ynm-ink)}
.ynm-sec-title .elementor-heading-title:before{content:"";flex:none;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%234A9AE8'/%3E%3Cstop offset='.48' stop-color='%234A9AE8'/%3E%3Cstop offset='.52' stop-color='%23F52634'/%3E%3Cstop offset='1' stop-color='%23F52634'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M40 190V100a60 60 0 0 1 120 0v90' fill='none' stroke='url(%23g)' stroke-width='36'/%3E%3C/svg%3E") no-repeat center/contain}
.ynm-sec-title.ynm-small .elementor-heading-title{font-size:19px}
.ynm-eyebrow .elementor-heading-title,.ynm-eyebrow p{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ynm-link);margin:0}
.ynm-h1 .elementor-heading-title{font-size:clamp(32px,1.4rem + 2.2vw,52px);font-weight:700;line-height:1.28;letter-spacing:-.01em;color:var(--ynm-ink)}
.ynm-lead,.ynm-lead p{font-size:18px;line-height:1.75;color:var(--ynm-ink-2);margin:0}
.ynm-lead p{max-width:720px}
.ynm-divider{height:22px;background:linear-gradient(var(--ynm-line),var(--ynm-line)) left center/calc(50% - 24px) 2px no-repeat,linear-gradient(var(--ynm-line),var(--ynm-line)) right center/calc(50% - 24px) 2px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%234A9AE8'/%3E%3Cstop offset='.48' stop-color='%234A9AE8'/%3E%3Cstop offset='.52' stop-color='%23F52634'/%3E%3Cstop offset='1' stop-color='%23F52634'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M40 190V100a60 60 0 0 1 120 0v90' fill='none' stroke='url(%23g)' stroke-width='30'/%3E%3C/svg%3E") center/22px 22px no-repeat}

/* ---- posts: shared ---- */
body .elementor .elementor-element.ynm-posts .elementor-post__card{background:transparent;box-shadow:none;border-radius:0;overflow:visible;border:0;min-height:0}
body .elementor .elementor-element.ynm-posts .elementor-post__thumbnail__link{display:block;margin:0 0 12px;border-radius:12px;overflow:hidden;background:var(--ynm-line);position:relative}
body .elementor .elementor-element.ynm-posts .elementor-post__thumbnail img{transition:transform .5s cubic-bezier(.2,.7,.2,1);object-fit:cover;width:100%;height:100%}
body .elementor .elementor-element.ynm-posts .elementor-post:hover .elementor-post__thumbnail img{transform:translate(-50%,-50%) scale(1.04)}
body .elementor .elementor-element.ynm-posts .elementor-post__card .elementor-post__badge{position:static;display:inline-block;align-self:flex-start;margin:0 0 8px!important;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;background:var(--ynm-primary);color:#fff;text-transform:none;letter-spacing:.01em;width:auto}
body .elementor .elementor-element.ynm-posts .elementor-post__avatar{display:none}
body .elementor .elementor-element.ynm-posts .elementor-post__text{padding:0;margin:0;display:flex;flex-direction:column;flex-grow:0}
body .elementor .elementor-element.ynm-posts .elementor-post__title{margin:0;font-size:18px;font-weight:600;line-height:1.45}
body .elementor .elementor-element.ynm-posts .elementor-post__title a{color:var(--ynm-ink);font-family:var(--ynm-font)}
body .elementor .elementor-element.ynm-posts .elementor-post__title a:hover{color:var(--ynm-primary)}
body .elementor .elementor-element.ynm-posts .elementor-post__excerpt{margin:8px 0 0}
body .elementor .elementor-element.ynm-posts .elementor-post__excerpt p{margin:0;font-size:15px;line-height:1.7;color:var(--ynm-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .elementor .elementor-element.ynm-posts .elementor-post__meta-data{padding:0;margin:10px 0 0;border:0;font-size:13px;line-height:1.5;color:var(--ynm-muted);display:flex;flex-wrap:wrap;gap:0 2px}
body .elementor .elementor-element.ynm-posts .elementor-post__meta-data span{color:var(--ynm-muted)}
body .elementor .elementor-element.ynm-posts .elementor-post__meta-data span.elementor-post-author{color:var(--ynm-ink-2);font-weight:500}
body .elementor .elementor-post.category-technology .elementor-post__card .elementor-post__badge{background:#2A6FC0}
body .elementor .elementor-post.category-business .elementor-post__card .elementor-post__badge{background:#0E7490}
body .elementor .elementor-post.category-lifestyle .elementor-post__card .elementor-post__badge,body .elementor .elementor-post.category-travel .elementor-post__card .elementor-post__badge{background:#15803D}
body .elementor .elementor-post.category-sport .elementor-post__card .elementor-post__badge{background:#C2410C}
body .elementor .elementor-post.category-entertainment .elementor-post__card .elementor-post__badge{background:#7E22CE}
body .elementor .elementor-post.category-local .elementor-post__card .elementor-post__badge{background:#A16207}
body .elementor .elementor-post.category-opinion .elementor-post__card .elementor-post__badge{background:#E11D2B}
body .elementor .elementor-post.category-news .elementor-post__card .elementor-post__badge{background:#204B8F}

/* hero overlay card */
.elementor-column:has(>.elementor-widget-wrap>.ynm-hero)>.elementor-widget-wrap{align-content:stretch}
.e-con>.ynm-hero{flex-grow:1}
.ynm-hero,.ynm-hero>.elementor-widget-container,.ynm-hero .elementor-posts-container,.ynm-hero .elementor-post{height:100%}
body .elementor .elementor-element.ynm-hero .elementor-post__card{height:100%}
body .elementor .elementor-element.ynm-hero .elementor-post__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;border-radius:20px;overflow:hidden;background:#101a30;box-shadow:var(--ynm-shadow);padding:40px}
body .elementor .elementor-element.ynm-hero .elementor-post__thumbnail__link{position:absolute;inset:0;margin:0;border-radius:0;z-index:0;width:auto}
body .elementor .elementor-element.ynm-hero .elementor-post__thumbnail{position:absolute;inset:0;padding-bottom:0!important;height:100%}
body .elementor .elementor-element.ynm-hero .elementor-post__thumbnail img{object-position:center 70%}
body .elementor .elementor-element.ynm-hero .elementor-post__thumbnail__link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,29,0) 25%,rgba(21,24,29,.55) 55%,rgba(16,26,48,.92) 100%)}
body .elementor .elementor-element.ynm-hero :is(.elementor-post__badge,.elementor-post__text,.elementor-post__meta-data){position:relative;z-index:1;max-width:720px}
body .elementor .elementor-element.ynm-hero .elementor-post__card .elementor-post__badge{font-size:0;margin-bottom:14px!important;background:var(--ynm-red-ui)!important;padding:4px 12px;margin-bottom:14px}
body .elementor .elementor-element.ynm-hero .elementor-post__badge:before{content:"เด่น";font-size:13px}
body .elementor .elementor-element.ynm-hero .elementor-post__title{font-size:clamp(28px,1.2rem + 1.6vw,40px);line-height:1.3;font-weight:700}
body .elementor .elementor-element.ynm-hero .elementor-post__title a{color:#fff}
body .elementor .elementor-element.ynm-hero .elementor-post__title a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
body .elementor .elementor-element.ynm-hero .elementor-post__excerpt{margin-top:14px}
body .elementor .elementor-element.ynm-hero .elementor-post__excerpt p{font-size:17px;color:rgba(255,255,255,.88);-webkit-line-clamp:3}
body .elementor .elementor-element.ynm-hero .elementor-post__meta-data,body .elementor .elementor-element.ynm-hero .elementor-post__meta-data span,body .elementor .elementor-element.ynm-hero .elementor-post__meta-data span.elementor-post-author{color:rgba(255,255,255,.88);margin-top:14px}
body .elementor .elementor-element.ynm-hero .elementor-post:hover .elementor-post__thumbnail img{transform:translate(-50%,-50%) scale(1.03)}

/* compact list (thumb + text) */
body .elementor .elementor-element.ynm-list .elementor-posts-container{grid-row-gap:0!important;row-gap:0!important}
body .elementor .elementor-element.ynm-list .elementor-post{padding:14px 0;border-bottom:1px solid var(--ynm-line)}
body .elementor .elementor-element.ynm-list .elementor-post:first-child{padding-top:0}
body .elementor .elementor-element.ynm-list .elementor-post:last-child{border-bottom:0;padding-bottom:0}
body .elementor .elementor-element.ynm-list .elementor-post__card{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;align-items:start;align-content:start}
body .elementor .elementor-element.ynm-list .elementor-post__thumbnail__link{grid-column:1;grid-row:1/span 3;margin:0;border-radius:10px;width:96px}
body .elementor .elementor-element.ynm-list .elementor-post__card .elementor-post__badge{grid-column:2;grid-row:1;margin:0 0 6px!important;justify-self:start}
body .elementor .elementor-element.ynm-list .elementor-post__text{grid-column:2;grid-row:2}
body .elementor .elementor-element.ynm-list .elementor-post__meta-data{grid-column:2;grid-row:3;margin-top:6px}
body .elementor .elementor-element.ynm-list .elementor-post__title{font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .elementor .elementor-element.ynm-list.ynm-list-lg .elementor-post__card{grid-template-columns:168px minmax(0,1fr)}
body .elementor .elementor-element.ynm-list.ynm-list-lg .elementor-post__thumbnail__link{width:168px}
body .elementor .elementor-element.ynm-list.ynm-list-lg .elementor-post__title{font-size:17px}
@media(max-width:767px){body .elementor .elementor-element.ynm-list.ynm-list-lg .elementor-post__card{grid-template-columns:112px minmax(0,1fr)}body .elementor .elementor-element.ynm-list.ynm-list-lg .elementor-post__thumbnail__link{width:112px}}

/* large feature card */
body .elementor .elementor-element.ynm-feature .elementor-post__title{font-size:24px;line-height:1.4}
body .elementor .elementor-element.ynm-feature .elementor-post__thumbnail__link{border-radius:16px}

/* opinion quote cards */
body .elementor .elementor-element.ynm-opinion .elementor-post__card{background:#fff;border:1px solid #DCE6F5;border-radius:16px;padding:28px;box-shadow:var(--ynm-shadow-sm);height:100%;transition:box-shadow .25s,transform .25s}
body .elementor .elementor-element.ynm-opinion .elementor-post__card:hover{box-shadow:var(--ynm-shadow);transform:translateY(-2px)}
body .elementor .elementor-element.ynm-opinion .elementor-post__card:before{content:"";width:32px;height:32px;margin-bottom:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F52634' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11H6a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.5-1.5 4-4 5M19 11h-4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v6c0 2.5-1.5 4-4 5'/%3E%3C/svg%3E") no-repeat center/contain}
body .elementor .elementor-element.ynm-opinion .elementor-post__title{font-size:19px}
body .elementor .elementor-element.ynm-opinion .elementor-post__meta-data{margin-top:auto;padding-top:16px;border-top:1px solid var(--ynm-line)}
body .elementor .elementor-element.ynm-opinion .elementor-post__text{flex:1 1 auto;margin-bottom:16px}

/* card grid → compact rows on phones */
@media(max-width:767px){
 body .elementor .elementor-element.ynm-cards .elementor-posts-container{grid-row-gap:0!important}
 body .elementor .elementor-element.ynm-cards .elementor-post{padding:16px 0;border-bottom:1px solid var(--ynm-line)}
 body .elementor .elementor-element.ynm-cards .elementor-post:first-child{padding-top:0}
 body .elementor .elementor-element.ynm-cards .elementor-post:last-child{border-bottom:0}
 body .elementor .elementor-element.ynm-cards .elementor-post__card{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:14px;align-content:start}
 body .elementor .elementor-element.ynm-cards .elementor-post__thumbnail__link{grid-column:1;grid-row:1/span 3;margin:0;border-radius:10px}
 body .elementor .elementor-element.ynm-cards .elementor-post__thumbnail{padding-bottom:100%!important}
 body .elementor .elementor-element.ynm-cards .elementor-post__card .elementor-post__badge{grid-column:2;grid-row:1;margin:0 0 6px!important;justify-self:start}
 body .elementor .elementor-element.ynm-cards .elementor-post__text{grid-column:2;grid-row:2}
 body .elementor .elementor-element.ynm-cards .elementor-post__meta-data{grid-column:2;grid-row:3;margin-top:6px}
 body .elementor .elementor-element.ynm-cards .elementor-post__title{font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 body .elementor .elementor-element.ynm-cards .elementor-post__excerpt{display:none}
 body .elementor .elementor-element.ynm-hero .elementor-post__card{min-height:440px;padding:22px;border-radius:16px}
 body .elementor .elementor-element.ynm-hero .elementor-post__title{font-size:26px}
 body .elementor .elementor-element.ynm-hero .elementor-post__excerpt p{font-size:15px}
}

/* pagination + nothing found */
body .elementor .elementor-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:56px;font-size:15px}
body .elementor .elementor-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;margin:0!important;border-radius:999px;border:1px solid var(--ynm-line);color:var(--ynm-ink-2);font-weight:500;background:#fff}
body .elementor .elementor-pagination a.page-numbers:hover{border-color:var(--ynm-primary);color:var(--ynm-primary)}
body .elementor .elementor-pagination .page-numbers.current{background:var(--ynm-primary);border-color:var(--ynm-primary);color:#fff}
body .elementor .elementor-pagination .page-numbers.dots{border:0;min-width:24px;padding:0}
body .elementor .elementor-pagination .page-numbers.prev.disabled,body .elementor .elementor-pagination .page-numbers.next.disabled{opacity:.5}
body .elementor-posts-nothing-found{padding:40px;border-radius:16px;background:var(--ynm-soft);text-align:center;color:var(--ynm-ink-2);font-size:17px}

/* ---- panels / bands ---- */
:is(.e-con.ynm-panel, .elementor-column.ynm-panel > .elementor-widget-wrap, .elementor-section.ynm-panel){padding:24px;border-radius:20px;background:var(--ynm-soft);border:1px solid var(--ynm-line)}
.ynm-soft{background:var(--ynm-soft)}
.ynm-blue50{background:var(--ynm-primary-50)}
.ynm-pagehero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--ynm-primary-50),#fff);border-bottom:1px solid var(--ynm-line)}
.ynm-pagehero:after{content:"";position:absolute;right:4%;bottom:-70px;width:260px;height:260px;opacity:.16;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%234A9AE8'/%3E%3Cstop offset='.48' stop-color='%234A9AE8'/%3E%3Cstop offset='.52' stop-color='%23F52634'/%3E%3Cstop offset='1' stop-color='%23F52634'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M40 190V100a60 60 0 0 1 120 0v90' fill='none' stroke='url(%23g)' stroke-width='34'/%3E%3C/svg%3E") no-repeat center/contain}
:is(.e-con.ynm-cta, .elementor-column.ynm-cta > .elementor-widget-wrap, .elementor-section.ynm-cta){position:relative;overflow:hidden;border-radius:24px;padding:56px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2B5DAA 0%,#204B8F 45%,#142F5C 100%);isolation:isolate}
:is(.e-con.ynm-cta, .elementor-column.ynm-cta > .elementor-widget-wrap, .elementor-section.ynm-cta):after{content:"";position:absolute;right:-50px;top:-70px;width:340px;height:340px;z-index:-1;opacity:.45;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%234A9AE8'/%3E%3Cstop offset='.48' stop-color='%234A9AE8'/%3E%3Cstop offset='.52' stop-color='%23F52634'/%3E%3Cstop offset='1' stop-color='%23F52634'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M40 190V100a60 60 0 0 1 120 0v90' fill='none' stroke='url(%23g)' stroke-width='34'/%3E%3C/svg%3E") no-repeat center/contain}
.ynm-cta .ynm-eyebrow .elementor-heading-title{color:#9CC6F2}
.ynm-cta .elementor-heading-title{color:#fff}
.ynm-cta-title .elementor-heading-title{font-size:clamp(30px,1.3rem + 1.8vw,44px);font-weight:700;line-height:1.25}
.ynm-cta .ynm-lead,.ynm-cta .ynm-lead p{color:rgba(255,255,255,.88)}
.ynm-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ynm-steps li{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);color:#fff}
.ynm-steps b{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ynm-primary);font-weight:700}
.ynm-steps strong{display:block;font-size:16px;color:#fff}
.ynm-steps span{font-size:15px;color:rgba(255,255,255,.82)}
@media(max-width:767px){:is(.e-con.ynm-cta, .elementor-column.ynm-cta > .elementor-widget-wrap, .elementor-section.ynm-cta){padding:32px 22px;border-radius:18px}:is(.e-con.ynm-cta, .elementor-column.ynm-cta > .elementor-widget-wrap, .elementor-section.ynm-cta):after{width:220px;height:220px;right:-70px;top:-50px}.ynm-cta .ynm-btn{width:100%}.ynm-cta .ynm-btn .elementor-button{width:100%}}

/* ---- footer ---- */
.ynm-ftr{background:#15181D;color:#A9B0BC}
.ynm-ftr p{color:#A9B0BC;font-size:15px;line-height:1.8;margin:0}
.ynm-ftr .elementor-heading-title{color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em}
.ynm-ftr .elementor-nav-menu--main .elementor-item,.ynm-ftr .elementor-icon-list-text{font-size:15px;font-weight:400;color:#A9B0BC!important;padding:0!important;min-height:36px;display:flex;align-items:center}
.ynm-ftr .elementor-nav-menu--main .elementor-item:hover,.ynm-ftr a:hover .elementor-icon-list-text{color:#fff!important}
.ynm-ftr .elementor-nav-menu--layout-vertical .elementor-nav-menu{flex-direction:column}
.ynm-ftr .elementor-icon-list-item>a{min-height:36px}
.ynm-social .elementor-social-icons-wrapper{display:flex!important;gap:10px;justify-content:flex-start!important}
.ynm-ftr .elementor-widget-social-icons .elementor-widget-container{text-align:left}
.ynm-ftr .elementor-social-icon{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08)!important;display:inline-flex;align-items:center;justify-content:center;font-size:16px;margin:0!important}
.ynm-ftr .elementor-social-icon svg{fill:#fff;width:16px;height:16px}
.ynm-ftr .elementor-social-icon:hover{background:var(--ynm-primary)!important}
.ynm-ftr :focus-visible{outline-color:#fff}
.ynm-ftr-bottom{border-top:1px solid rgba(255,255,255,.1);background:#15181D}
.ynm-ftr-bottom p{font-size:13px;color:#A9B0BC;margin:0}
.ynm-tagline p{display:inline-flex;align-items:center;gap:12px;color:#fff!important;font-weight:500}
.ynm-tagline p:before{content:"";width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,#4A9AE8,#F52634)}

/* ---- QA / bug-fix pass (REPORT-bugs.md) ---- */
/* header bar must stack above the category-tab band, otherwise the หมวดหมู่ submenu / mobile dropdown render behind the tabs */
.elementor-location-header .ynm-hdr{z-index:3}
.elementor-location-header .ynm-tabs{z-index:1}
/* keyboard: SmartMenus only opens the หมวดหมู่ submenu on hover/click; show it while focus is inside so Tab reaches the sub-items */
@media(min-width:1025px){.ynm-hdr-nav .elementor-nav-menu--main li.menu-item-has-children:focus-within>ul.sub-menu{display:block!important;width:auto!important;top:100%!important;left:0!important;margin-left:0!important;margin-top:0!important}}
/* sticky header (≈122px desktop / 114px mobile) must not cover in-page anchors (#respond, #comments, skip link target) */
html{scroll-padding-top:136px}
@media(max-width:1024px){html{scroll-padding-top:128px}}
#content:focus{outline:none}
#content{scroll-margin-top:136px}
/* skip link (Hello theme): make it clearly visible when focused */
.skip-link.screen-reader-text:focus{position:fixed!important;left:12px;top:12px;z-index:100000;width:auto;height:auto;clip:auto!important;clip-path:none;padding:12px 20px;border-radius:999px;background:var(--ynm-primary);color:#fff!important;font-weight:600;font-size:15px;box-shadow:var(--ynm-shadow);text-decoration:none}
/* tap targets ≥44px on touch layouts */
.ynm-hdr-nav .elementor-nav-menu--dropdown a{min-height:48px;display:flex;align-items:center}
.ynm-crumbs a{display:inline-block;padding:4px 0}
input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:var(--ynm-primary)}
@media(max-width:1024px){
 .ynm-ftr .elementor-nav-menu--main .elementor-item,.ynm-ftr .elementor-icon-list-text,.ynm-ftr .elementor-icon-list-item>a{min-height:44px}
 .ynm-logo a{display:flex;align-items:center;min-height:44px}
}
/* guest notice used on /write/ and on WPUF dashboard/account/edit pages when logged out */
.ynm-guest-box{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;border-radius:16px;background:var(--ynm-primary-50);border:1px solid #D7E3F5}
.ynm-guest-box h2,.ynm-guest-box h3{font-size:20px;margin:0;color:var(--ynm-ink)}
.ynm-guest-box p{margin:0!important;font-size:16px;color:var(--ynm-ink-2);line-height:1.7}
.ynm-guest-box .ynm-guest-actions{display:flex;flex-wrap:wrap;gap:12px}
.ynm-a-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;font-weight:600;font-size:15px;background:var(--ynm-primary);color:#fff!important;border:2px solid var(--ynm-primary);text-decoration:none!important}
.ynm-a-btn:hover{background:var(--ynm-primary-700)}
.ynm-a-btn.red{background:var(--ynm-red-ui);border-color:var(--ynm-red-ui)}
.ynm-a-btn.red:hover{background:var(--ynm-red-700)}

/* ---- responsive pass (REPORT-responsive.md) ---- */
/* Thai headings: avoid one-word orphan lines */
h1,h2,h3,.elementor-heading-title,.elementor-post__title{text-wrap:balance}
/* long unbreakable author names / emails must not push cards wider than the viewport */
body .elementor .elementor-post__meta-data,body .elementor .elementor-post__meta-data span{min-width:0;max-width:100%;overflow-wrap:anywhere}
body .elementor .elementor-post__text,body .elementor .elementor-post__card{min-width:0}
/* inline icon lists (pills, byline): Elementor's negative side margins clipped the first pill / shifted the avatar */
.elementor-widget .elementor-icon-list-items.elementor-inline-items{margin-left:0!important;margin-right:0!important}
/* mobile menu taller than the viewport (landscape phones, submenu open): scroll inside the dropdown, the header is sticky */
.ynm-hdr-nav nav.elementor-nav-menu--dropdown{max-height:calc(100vh - 66px)!important;max-height:calc(100dvh - 66px)!important;overflow-y:auto!important;overscroll-behavior:contain}
.ynm-hdr-nav nav.elementor-nav-menu--dropdown a{font-size:16px}
.ynm-hdr-nav nav.elementor-nav-menu--dropdown .sub-menu a{font-size:15px}
/* header search + filter pills: 44px tap targets on tablet */
.ynm-hdr-search input.elementor-search-form__input{min-height:44px}
@media(max-width:1024px){.ynm-hdr-search input.elementor-search-form__input{height:44px}}
@media(max-width:767px){
 body .elementor .elementor-post__meta-data{font-size:14px}
 .ynm-ftr-bottom p{font-size:14px}
}/* End custom CSS */