/* CI Skill Studio — ภาพตัวอย่างในหน้าแนะนำ (สร้างจาก src/app/artifacts/ci-skill-studio/landing.ts) */
@font-face{font-family:"Anuphan";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/anuphan-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/anuphan-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Anuphan";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/anuphan-latin-400.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:"Anuphan";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/anuphan-latin-700.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:"Bai Jamjuree";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/bai-jamjuree-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Bai Jamjuree";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/bai-jamjuree-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Bai Jamjuree";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/bai-jamjuree-latin-400.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:"Bai Jamjuree";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/bai-jamjuree-latin-700.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:"Chakra Petch";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/chakra-petch-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/chakra-petch-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/chakra-petch-latin-400.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:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/chakra-petch-latin-700.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:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/dm-sans-latin-400.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:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/dm-sans-latin-700.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:"Google Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/google-sans-latin-400.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:"Google Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/google-sans-latin-700.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:400;font-display:swap;src:url(/vendor/fonts/ci/ibm-plex-sans-thai-thai-400.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(/vendor/fonts/ci/ibm-plex-sans-thai-thai-700.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(/vendor/fonts/ci/ibm-plex-sans-thai-latin-400.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(/vendor/fonts/ci/ibm-plex-sans-thai-latin-700.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:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/inter-latin-400.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:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/inter-latin-700.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(/vendor/fonts/ci/kanit-thai-400.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(/vendor/fonts/ci/kanit-thai-700.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(/vendor/fonts/ci/kanit-latin-400.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(/vendor/fonts/ci/kanit-latin-700.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:"Lato";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/lato-latin-400.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:"Lato";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/lato-latin-700.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:"Lora";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/lora-latin-400.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:"Lora";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/lora-latin-700.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:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/manrope-latin-400.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:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/manrope-latin-700.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:"Merriweather";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/merriweather-latin-400.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:"Merriweather";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/merriweather-latin-700.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:"Mitr";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/mitr-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Mitr";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/mitr-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Mitr";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/mitr-latin-400.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:"Mitr";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/mitr-latin-700.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:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/montserrat-latin-400.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:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/montserrat-latin-700.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:"Noto Sans Thai Looped";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/noto-sans-thai-looped-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Sans Thai Looped";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/noto-sans-thai-looped-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Sans Thai Looped";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/noto-sans-thai-looped-latin-400.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:"Noto Sans Thai Looped";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/noto-sans-thai-looped-latin-700.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:"Noto Serif Thai";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/noto-serif-thai-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Serif Thai";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/noto-serif-thai-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Serif Thai";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/noto-serif-thai-latin-400.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:"Noto Serif Thai";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/noto-serif-thai-latin-700.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:"Nunito Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/nunito-sans-latin-400.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:"Nunito Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/nunito-sans-latin-700.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:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/open-sans-latin-400.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:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/open-sans-latin-700.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:"Playfair Display";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/playfair-display-latin-400.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:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/playfair-display-latin-700.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:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/plus-jakarta-sans-latin-400.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:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/plus-jakarta-sans-latin-700.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:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/poppins-latin-400.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:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/poppins-latin-700.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:"Prompt";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/prompt-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Prompt";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/prompt-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Prompt";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/prompt-latin-400.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:"Prompt";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/prompt-latin-700.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:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/roboto-latin-400.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:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/roboto-latin-700.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:"Sarabun";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/sarabun-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Sarabun";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/sarabun-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Sarabun";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/sarabun-latin-400.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:"Sarabun";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/sarabun-latin-700.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:"Space Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/space-grotesk-latin-400.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:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/space-grotesk-latin-700.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:"Trirong";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/trirong-thai-400.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Trirong";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/trirong-thai-700.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Trirong";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/trirong-latin-400.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:"Trirong";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/trirong-latin-700.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:"Work Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/ci/work-sans-latin-400.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:"Work Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/fonts/ci/work-sans-latin-700.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}
.cim{display:block;width:100%;container-type:inline-size;--px:calc(100cqw / var(--nw));text-align:left;letter-spacing:normal;text-transform:none;font-style:normal;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.cim *,.cim *::before,.cim *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid;min-width:0}
.cim .cim-f{position:relative;overflow:hidden;font-family:var(--fb);font-weight:var(--wb);color:var(--fg);font-size:calc(var(--zb)*var(--px));line-height:1.6;text-wrap:pretty;-webkit-font-smoothing:antialiased}
.cim .cim-f b{font-weight:700}
.cim .cim-f img{display:block;max-width:100%}
.cim .cim-h{font-family:var(--fh);font-weight:var(--wh);text-transform:var(--tt);letter-spacing:var(--ls);line-height:1.3;text-wrap:balance}
/* อักษรไทย: ไม่เว้นระยะ ไม่แปลงตัวพิมพ์ และหัวข้อมีระยะบรรทัดพอให้วรรณยุกต์ซ้อน/สระล่างอยู่ในบรรทัด (ไม่ถูกตัดในกล่อง clamp) */
.cim .cim-f .cim-thai{letter-spacing:normal;text-transform:none}
.cim .cim-f .cim-h.cim-thai,.cim .cim-f .cim-h .cim-thai{line-height:1.5}
/* ชื่อแบรนด์/โลโก้ตัวอักษร: คงตัวพิมพ์ตามที่แบรนด์เขียน (เช่น 9Expert) แม้สไตล์หัวข้อเป็นตัวพิมพ์ใหญ่ */
.cim .cim-f .cim-lock-n,.cim .cim-f .cim-bd-name,.cim .cim-f .cim-th-n,.cim .cim-f .cim-bc-n,.cim .cim-f .cim-db-bn{text-transform:none;letter-spacing:normal}
.cim .cim-nb{display:inline-block}
.cim .cim-mono{font-family:var(--fm);font-weight:400;letter-spacing:0;text-transform:none}
.cim .cim-mono b{font-weight:700}
.cim .cim-k{font-size:calc(10*var(--px));font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);white-space:nowrap;overflow:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;margin-bottom:calc(8*var(--px))}
/* ตัดหลายบรรทัด: เผื่อพื้นที่ .25em เหนือบรรทัดแรกในกรอบตัด (วรรณยุกต์ซ้อนของฟอนต์ไทยบางตัวสูงเกินบรรทัด)
   แล้วชดเชยด้วย top/margin ติดลบ → ตำแหน่งตัวอักษรและเลย์เอาต์เท่าเดิม และไม่เปิดให้เห็นบรรทัดที่ถูกซ่อนด้านล่าง */
.cim .cim-c1,.cim .cim-c2,.cim .cim-c3,.cim .cim-c4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;position:relative;top:-.25em;padding-top:.25em;margin-bottom:-.25em}
.cim .cim-c1{-webkit-line-clamp:1}
.cim .cim-c2{-webkit-line-clamp:2}
.cim .cim-c3{-webkit-line-clamp:3}
.cim .cim-c4{-webkit-line-clamp:4}
/* บรรทัดเดียว: ตัดเฉพาะแนวนอน (ellipsis) แนวตั้งปล่อยให้วรรณยุกต์/สระล่างล้นกรอบได้ — overflow:hidden เป็นค่าสำรองของเบราว์เซอร์เก่า */
.cim .cim-nw{white-space:nowrap;overflow:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis}
.cim .cim-rel{position:relative;z-index:1}
.cim .cim-ic{display:block;width:1em;height:1em;flex:none}
.cim .cim-light{--bp:var(--l-bp);--onbp:var(--l-onbp);--bg:var(--l-bg);--fg:var(--l-fg);--mut:var(--l-mut);--ln:var(--l-ln);--card:var(--l-card);--pt:var(--l-pt);--ptc:var(--l-ptc);--tint:var(--l-tint);--tintt:var(--l-tintt);--zeb:var(--l-zeb);--ad:var(--l-ad);--okb:var(--l-okb);--okt:var(--l-okt);--okr:var(--l-okr);--wab:var(--l-wab);--wat:var(--l-wat);--war:var(--l-war);--erb:var(--l-erb);--ert:var(--l-ert);--err:var(--l-err);--inb:var(--l-inb);--int:var(--l-int);--inr:var(--l-inr);color:var(--fg)}
.cim .cim-mo{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.cim .cim-mo svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.cim .cim-mo-dots{background-image:radial-gradient(circle,var(--mc) 0 max(.6px,calc(1.4*var(--px))),transparent max(.8px,calc(1.7*var(--px))));background-size:calc(14*var(--px)) calc(14*var(--px))}
.cim .cim-mo-grid{background-image:linear-gradient(var(--mc) 0 max(1px,calc(1*var(--px))),transparent 0),linear-gradient(90deg,var(--mc) 0 max(1px,calc(1*var(--px))),transparent 0);background-size:calc(22*var(--px)) calc(22*var(--px))}
.cim .cim-mo-dots.cim-mo-tr,.cim .cim-mo-grid.cim-mo-tr{-webkit-mask-image:radial-gradient(120% 110% at 100% 0,#000 0,transparent 62%);mask-image:radial-gradient(120% 110% at 100% 0,#000 0,transparent 62%)}
.cim .cim-mo-dots.cim-mo-br,.cim .cim-mo-grid.cim-mo-br{-webkit-mask-image:radial-gradient(110% 110% at 100% 100%,#000 0,transparent 60%);mask-image:radial-gradient(110% 110% at 100% 100%,#000 0,transparent 60%)}
.cim .cim-mo-dots.cim-mo-bl,.cim .cim-mo-grid.cim-mo-bl{-webkit-mask-image:radial-gradient(110% 110% at 0 100%,#000 0,transparent 60%);mask-image:radial-gradient(110% 110% at 0 100%,#000 0,transparent 60%)}
.cim .cim-mo-dots.cim-mo-full,.cim .cim-mo-grid.cim-mo-full{-webkit-mask-image:linear-gradient(160deg,#000 10%,transparent 85%);mask-image:linear-gradient(160deg,#000 10%,transparent 85%)}
.cim .cim-mo-br svg{transform:scaleY(-1)}
.cim .cim-mo-bl svg{transform:scale(-1,-1)}
.cim .cim-mo svg *{vector-effect:non-scaling-stroke}
.cim .cim-mk{display:inline-grid;place-items:center;flex:none;width:var(--mks,calc(32*var(--px)));height:var(--mks,calc(32*var(--px)));border-radius:var(--mkr);font-family:var(--fh);font-weight:var(--wh);font-size:calc(var(--mks,calc(32*var(--px)))*.4);line-height:1;letter-spacing:0;text-transform:none;background:var(--bp);color:var(--onbp);white-space:nowrap;overflow:hidden}
.cim .cim-mk-inv{background:var(--inv);color:var(--invt)}
.cim .cim-mk-acc{background:var(--a);color:var(--ona)}
.cim .cim-lgp{display:inline-grid;place-items:center;flex:none;min-width:var(--mks,calc(32*var(--px)));height:var(--mks,calc(32*var(--px)));padding:0 calc(var(--mks,calc(32*var(--px)))*.12);border:max(1px,calc(1.5*var(--px))) dashed currentColor;border-radius:min(var(--R),calc(var(--mks,calc(32*var(--px)))*.3));font-family:var(--fb);font-size:max(calc(var(--mks,calc(32*var(--px)))*.26),calc(7*var(--px)));font-weight:700;line-height:1;white-space:nowrap;text-transform:none;letter-spacing:0}
.cim .cim-lgp-w{padding:0 calc(var(--mks,calc(32*var(--px)))*.5);font-size:calc(var(--mks,calc(32*var(--px)))*.36)}
.cim .cim-gb{position:absolute;z-index:0;pointer-events:none;background:var(--herod)}
.cim .cim-lg{display:inline-flex;align-items:center;flex:none;height:var(--mks,calc(32*var(--px)));max-width:calc(var(--mks,calc(32*var(--px)))*4.5)}
.cim .cim-lg img{height:100%;width:auto;max-width:100%;object-fit:contain}
.cim .cim-lgc{background:var(--paper);padding:calc(var(--mks,calc(32*var(--px)))*.14) calc(var(--mks,calc(32*var(--px)))*.22);border-radius:min(var(--R),calc(var(--mks,calc(32*var(--px)))*.3))}
.cim .cim-lock{display:inline-flex;align-items:center;gap:calc(var(--mks,calc(32*var(--px)))*.32);max-width:100%;min-width:0}
.cim .cim-lock-n{font-size:calc(var(--mks,calc(32*var(--px)))*.46);line-height:1.2}
.cim .cim-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;white-space:nowrap;font-family:var(--fb);font-weight:700;line-height:1.2;padding:.72em 1.3em;border-radius:var(--RB);background:var(--bp);color:var(--onbp);box-shadow:var(--shb);text-transform:none;letter-spacing:0}
.cim .cim-btn .cim-ic{width:1.1em;height:1.1em}
.cim .cim-btn-o{background:var(--bg);color:var(--pt);box-shadow:inset 0 0 0 max(1px,calc(1.5*var(--px))) currentColor}
.cim .cim-btn-s{background:var(--s);color:var(--ons);box-shadow:none}
.cim .cim-bdg{display:inline-flex;align-items:center;gap:.45em;white-space:nowrap;font-size:.9em;font-weight:700;line-height:1.25;padding:.32em .7em;border-radius:var(--RB)}
.cim .cim-bdg::before{content:"";width:.5em;height:.5em;border-radius:50%;background:currentColor;flex:none}
.cim .cim-ok{background:var(--okb);color:var(--okt);box-shadow:inset 0 0 0 max(1px,calc(1*var(--px))) var(--okr)}
.cim .cim-warn{background:var(--wab);color:var(--wat);box-shadow:inset 0 0 0 max(1px,calc(1*var(--px))) var(--war)}
.cim .cim-err{background:var(--erb);color:var(--ert);box-shadow:inset 0 0 0 max(1px,calc(1*var(--px))) var(--err)}
.cim .cim-info{background:var(--inb);color:var(--int);box-shadow:inset 0 0 0 max(1px,calc(1*var(--px))) var(--inr)}
.cim .cim-card{background:var(--card);border-radius:var(--R);box-shadow:var(--sh);border:max(1px,calc(1*var(--px))) solid var(--cb)}
.cim .cim-light .cim-card{border-color:var(--l-ln)}
.cim .cim-tile{display:inline-grid;place-items:center;flex:none;width:calc(32*var(--px));height:calc(32*var(--px));border-radius:min(var(--R),calc(10*var(--px)));background:var(--tint);color:var(--tintt);font-size:calc(17*var(--px))}
.cim .cim-link{display:inline-flex;align-items:center;gap:.35em;color:var(--ptc);font-weight:700;white-space:nowrap}
.cim .cim-spark{display:block;width:100%;height:calc(26*var(--px))}
.cim .cim-axis{fill:none;stroke:var(--ln);stroke-width:1}
.cim .cim-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.cim .cim-bd{background:var(--bg);padding:calc(14*var(--px));border-radius:min(calc(18*var(--px)),12px);display:flex;flex-direction:column;gap:calc(20*var(--px))}
.cim .cim-bd-hero{position:relative;overflow:hidden;background:var(--hero);color:var(--onh);border-radius:var(--R);padding:calc(18*var(--px)) calc(18*var(--px)) calc(16*var(--px));min-height:calc(196*var(--px));display:flex;flex-direction:column;box-shadow:var(--sh)}
.cim .cim-bd-hero>.cim-gb{left:0;right:0;bottom:0;height:calc(8*var(--px))}
.cim .cim-bd-top{display:flex;align-items:center;justify-content:space-between;gap:calc(10*var(--px));--mks:calc(38*var(--px))}
.cim .cim-bd-tag{font-size:calc(10*var(--px));font-weight:700;letter-spacing:.04em;padding:calc(5*var(--px)) calc(10*var(--px));border-radius:var(--RB);background:var(--hcb);color:var(--hcf)}
.cim .cim-bd-id{margin-top:auto;padding-top:calc(22*var(--px))}
.cim .cim-bd-name{font-size:calc(var(--zd)*var(--px));line-height:1.2;color:inherit}
.cim .cim-bd-slogan{font-size:calc(13.5*var(--px));margin-top:calc(6*var(--px));line-height:1.5}
.cim .cim-bd-meta{display:grid;gap:calc(1*var(--px));margin-top:calc(12*var(--px));padding-top:calc(10*var(--px));border-top:max(1px,calc(1*var(--px))) solid var(--onh1);font-size:calc(10.5*var(--px));line-height:1.5}
.cim .cim-bd-pal{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:calc(60*var(--px)) calc(60*var(--px));gap:calc(6*var(--px))}
.cim .cim-bd-sw{border-radius:min(var(--R),calc(12*var(--px)));padding:calc(8*var(--px)) calc(9*var(--px));display:flex;flex-direction:column;justify-content:flex-end;font-size:calc(9.5*var(--px));line-height:1.35;overflow:hidden}
.cim .cim-bd-sw1{grid-row:span 2;padding:calc(11*var(--px)) calc(12*var(--px));font-size:calc(11*var(--px))}
.cim .cim-bd-swn{font-weight:700;white-space:nowrap;overflow:hidden;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis}
.cim .cim-f .cim-ring{box-shadow:inset 0 0 0 max(1px,calc(1*var(--px))) var(--ln)}
.cim .cim-bd-scale{display:grid;grid-template-columns:repeat(11,1fr);margin-top:calc(6*var(--px));height:calc(24*var(--px));border-radius:min(var(--R),calc(10*var(--px)));overflow:hidden;font-size:calc(7*var(--px))}
.cim .cim-bd-scale span{display:grid;place-items:center}
.cim .cim-bd-gr{display:flex;align-items:center;gap:calc(8*var(--px));margin-top:calc(6*var(--px));font-size:calc(8.5*var(--px));color:var(--mut)}
.cim .cim-bd-gs{flex:1;height:calc(22*var(--px));border-radius:min(var(--R),calc(10*var(--px)));background:var(--herod)}
.cim .cim-bd-ex{display:grid;grid-template-columns:1fr 1fr;gap:calc(6*var(--px)) calc(12*var(--px));margin-top:calc(10*var(--px));font-size:calc(9*var(--px));line-height:1.4}
.cim .cim-bd-xc{display:flex;align-items:center;gap:calc(6*var(--px))}
.cim .cim-bd-xc i{flex:none;width:calc(14*var(--px));height:calc(14*var(--px));border-radius:min(var(--R),calc(4*var(--px)));box-shadow:inset 0 0 0 max(1px,calc(1*var(--px))) var(--ln)}
.cim .cim-bd-xc b{flex:1}
.cim .cim-bd-xc .cim-mono{color:var(--mut);font-size:calc(8*var(--px))}
.cim .cim-bd-type{padding:calc(14*var(--px))}
.cim .cim-bd-tt{display:flex;align-items:center;gap:calc(14*var(--px))}
.cim .cim-bd-aa{font-size:calc(40*var(--px));line-height:1.15;white-space:nowrap;color:var(--fg);text-transform:none;letter-spacing:0}
.cim .cim-bd-aa span{color:var(--ptc);margin-left:.12em}
.cim .cim-bd-fn{display:grid;gap:calc(6*var(--px));font-size:calc(10.5*var(--px));flex:1;line-height:1.35}
.cim .cim-bd-fn div{display:grid}
.cim .cim-bd-fl{font-size:calc(9*var(--px));color:var(--mut);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cim .cim-bd-spec{border-top:max(1px,calc(1*var(--px))) solid var(--ln);margin-top:calc(12*var(--px));padding-top:calc(12*var(--px))}
.cim .cim-bd-sh{font-size:calc(var(--z2)*var(--px))}
.cim .cim-bd-sp{color:var(--mut);margin-top:calc(4*var(--px));font-size:calc(11.5*var(--px))}
.cim .cim-bd-lad{display:flex;flex-wrap:wrap;gap:calc(4*var(--px)) calc(12*var(--px));margin-top:calc(10*var(--px));font-size:calc(9*var(--px));color:var(--mut)}
.cim .cim-bd-lad b{color:var(--fg)}
.cim .cim-bd-ui{display:grid;grid-template-columns:1fr 1fr;gap:min(var(--G),calc(14*var(--px)))}
.cim .cim-bd-mini{padding:calc(12*var(--px));display:flex;flex-direction:column;align-items:flex-start;gap:calc(6*var(--px));font-size:calc(10.5*var(--px))}
.cim .cim-bd-mini .cim-tile{width:calc(28*var(--px));height:calc(28*var(--px));font-size:calc(15*var(--px))}
.cim .cim-bd-mt{font-size:calc(12.5*var(--px));margin-top:calc(2*var(--px))}
.cim .cim-bd-md{color:var(--mut);line-height:1.5}
.cim .cim-bd-btns{display:flex;flex-direction:column;justify-content:center;gap:calc(8*var(--px));font-size:calc(11*var(--px))}
.cim .cim-bd-btns .cim-btn{width:100%}
.cim .cim-bd-badges{display:flex;flex-wrap:wrap;gap:calc(6*var(--px));margin-top:calc(12*var(--px));font-size:calc(10.5*var(--px))}
.cim .cim-bd-chips{display:flex;flex-wrap:wrap;gap:calc(6*var(--px))}
.cim .cim-bd-chip{font-size:calc(10.5*var(--px));font-weight:700;padding:calc(5*var(--px)) calc(11*var(--px));border-radius:var(--RB);background:var(--tint);color:var(--tintt);white-space:nowrap}
.cim .cim-bd-quote{margin-top:calc(10*var(--px));padding:calc(11*var(--px)) calc(14*var(--px)) calc(12*var(--px));border-left:calc(3*var(--px)) solid var(--p);background:var(--card);border-radius:0 min(var(--R),calc(12*var(--px))) min(var(--R),calc(12*var(--px))) 0;font-size:calc(11.5*var(--px));line-height:1.6}
.cim .cim-bd-ql{font-size:calc(9*var(--px));font-weight:700;color:var(--mut);letter-spacing:.06em;text-transform:uppercase;margin-bottom:calc(3*var(--px))}
.cim .cim-bd-vals{display:grid;grid-template-columns:1fr 1fr;gap:calc(10*var(--px)) calc(14*var(--px))}
.cim .cim-bd-val{display:flex;gap:calc(8*var(--px));font-size:calc(11*var(--px));line-height:1.5}
.cim .cim-bd-vn{flex:none;color:var(--pt);font-weight:700;font-size:calc(10*var(--px));padding-top:calc(1*var(--px))}
.cim .cim-bd-foot{display:flex;justify-content:space-between;gap:calc(10*var(--px));border-top:max(1px,calc(1*var(--px))) solid var(--ln);padding-top:calc(10*var(--px));font-size:calc(9.5*var(--px));color:var(--mut)}
.cim .cim-sl{display:grid;grid-template-columns:1fr 1fr;gap:calc(16*var(--px))}
.cim .cim-sl-s{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--bg);color:var(--fg);border-radius:calc(6*var(--px));box-shadow:0 0 0 max(1px,calc(1*var(--px))) var(--k06),0 calc(2*var(--px)) calc(4*var(--px)) var(--k05),0 calc(12*var(--px)) calc(30*var(--px)) var(--k12)}
.cim .cim-sl-title{grid-column:1/-1}
.cim .cim-sl-panel{position:absolute;top:calc(22*var(--px));right:calc(22*var(--px));bottom:calc(22*var(--px));width:37%;overflow:hidden;border-radius:min(var(--R),calc(22*var(--px)));background:var(--herod);display:grid;place-items:center}
.cim .cim-sl-halo{position:relative;z-index:1;display:grid;border-radius:var(--mkr);box-shadow:0 0 0 calc(16*var(--px)) var(--ond1),0 0 0 calc(34*var(--px)) var(--ond2);--mks:calc(92*var(--px))}
.cim .cim-sl-halo .cim-lg{--mks:calc(64*var(--px))}
.cim .cim-sl-l{position:absolute;left:calc(48*var(--px));top:calc(40*var(--px));bottom:calc(34*var(--px));width:50%;display:flex;flex-direction:column}
.cim .cim-sl-lock{--mks:calc(30*var(--px))}
.cim .cim-sl-body{margin:auto 0}
.cim .cim-sl-eb{display:flex;align-items:center;gap:calc(10*var(--px));font-size:calc(12*var(--px));font-weight:700;color:var(--pt)}
.cim .cim-sl-eb::before{content:"";flex:none;width:calc(28*var(--px));height:calc(3*var(--px));border-radius:calc(2*var(--px));background:var(--ad)}
.cim .cim-sl-t{font-size:calc(var(--zd)*var(--px));line-height:1.2;margin-top:calc(14*var(--px))}
.cim .cim-sl-sub{color:var(--mut);margin-top:calc(14*var(--px));font-size:calc(var(--zb)*var(--px));line-height:1.55}
.cim .cim-sl-foot{display:flex;align-items:center;gap:calc(10*var(--px));font-size:calc(11*var(--px));color:var(--mut)}
.cim .cim-sl-foot i{width:calc(4*var(--px));height:calc(4*var(--px));border-radius:50%;background:var(--mut);flex:none}
.cim .cim-sl-c{padding:calc(22*var(--px)) calc(24*var(--px)) calc(18*var(--px));display:flex;flex-direction:column}
.cim .cim-sl-ch{display:flex;align-items:baseline;gap:calc(10*var(--px));font-size:calc(var(--z2)*var(--px));padding-bottom:calc(10*var(--px));border-bottom:max(1px,calc(1*var(--px))) solid var(--ln)}
.cim .cim-sl-no{font-size:calc(11*var(--px));color:var(--pt);font-weight:700}
.cim .cim-sl-cb{flex:1;display:grid;grid-template-columns:1.1fr 1fr;gap:calc(16*var(--px));align-items:center;padding-top:calc(10*var(--px))}
.cim .cim-sl-list{display:grid;gap:calc(9*var(--px))}
.cim .cim-sl-li{display:flex;gap:calc(8*var(--px));font-size:calc(10.5*var(--px));line-height:1.45}
.cim .cim-sl-n{flex:none;font-size:calc(9*var(--px));font-weight:700;color:var(--onbp);background:var(--bp);border-radius:min(var(--mkr),50%);width:calc(17*var(--px));height:calc(17*var(--px));display:grid;place-items:center}
.cim .cim-sl-viz{background:var(--card);border:max(1px,calc(1*var(--px))) solid var(--ln);border-radius:min(var(--R),calc(10*var(--px)));padding:calc(10*var(--px)) calc(10*var(--px)) calc(6*var(--px))}
.cim .cim-sl-viz svg{display:block;width:100%;height:auto}
.cim .cim-sl-pg{display:flex;justify-content:space-between;gap:calc(10*var(--px));font-size:calc(8.5*var(--px));color:var(--mut)}
.cim .cim-sl-q{background:var(--s);color:var(--ons);padding:calc(20*var(--px)) calc(26*var(--px));display:flex;flex-direction:column}
.cim .cim-sl-qm{font-size:calc(56*var(--px));line-height:.9;height:calc(30*var(--px));color:var(--qa);text-transform:none}
.cim .cim-sl-qt{font-size:calc(15.5*var(--px));line-height:1.55;margin-top:calc(4*var(--px));font-family:var(--fh)}
.cim .cim-sl-qa{display:flex;align-items:center;gap:calc(8*var(--px));margin-top:auto;font-size:calc(9.5*var(--px));font-weight:700}
.cim .cim-sl-qbar{width:calc(18*var(--px));height:calc(2*var(--px));background:var(--qa);flex:none}
.cim .cim-doc{position:relative;aspect-ratio:1/1.4142;background:var(--bg);display:flex;flex-direction:column;border-radius:calc(3*var(--px));box-shadow:0 0 0 max(1px,calc(1*var(--px))) var(--k07),0 calc(10*var(--px)) calc(28*var(--px)) var(--k12);overflow:hidden}
.cim .cim-doc-hd{position:relative;overflow:hidden;padding:calc(22*var(--px)) calc(40*var(--px)) calc(14*var(--px));border-bottom:max(1px,calc(1*var(--px))) solid var(--ln)}
.cim .cim-doc-strip{position:absolute;left:0;right:0;top:0;height:calc(5*var(--px));background:var(--herod)}
.cim .cim-doc-hdd{background:var(--dbg);color:var(--dfg);border-bottom:calc(3*var(--px)) solid var(--p);padding:calc(22*var(--px)) calc(40*var(--px)) calc(18*var(--px))}
.cim .cim-doc-hr{display:flex;align-items:center;justify-content:space-between;gap:calc(16*var(--px))}
.cim .cim-doc-lock{--mks:calc(26*var(--px))}
.cim .cim-doc-hdd .cim-lock-n{color:var(--dfg)}
.cim .cim-doc-meta{display:grid;text-align:right;font-size:calc(8*var(--px));line-height:1.45;color:var(--mut)}
.cim .cim-doc-meta b{color:var(--fg);font-size:calc(9*var(--px))}
.cim .cim-doc-hdd .cim-doc-meta,.cim .cim-doc-hdd .cim-doc-meta b{color:var(--dfg)}
.cim .cim-doc-body{flex:1;padding:calc(24*var(--px)) calc(40*var(--px)) calc(10*var(--px));display:flex;flex-direction:column;overflow:hidden}
.cim .cim-doc-body>*{flex-shrink:0}
.cim .cim-doc-eb{font-size:calc(8.5*var(--px));font-weight:700;color:var(--pt)}
.cim .cim-doc-h1{font-size:calc(var(--z1)*var(--px));line-height:1.25;margin-top:calc(6*var(--px))}
.cim .cim-doc-lead{font-size:calc(11*var(--px));line-height:1.6;color:var(--mut);margin-top:calc(8*var(--px))}
.cim .cim-doc-info{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:calc(10*var(--px));margin-top:calc(14*var(--px));padding:calc(9*var(--px)) 0;border-top:max(1px,calc(1*var(--px))) solid var(--ln);border-bottom:max(1px,calc(1*var(--px))) solid var(--ln);font-size:calc(8*var(--px))}
.cim .cim-doc-info div{display:grid;line-height:1.45}
.cim .cim-doc-info span{color:var(--mut)}
.cim .cim-doc-h2{font-size:calc(var(--z2)*var(--px));margin-top:calc(16*var(--px));color:var(--pt)}
.cim .cim-doc-p{font-size:calc(var(--zb)*var(--px));line-height:1.65;margin-top:calc(5*var(--px))}
.cim .cim-doc-tbl{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.35fr;margin-top:calc(8*var(--px));border-radius:min(var(--R),calc(6*var(--px)));overflow:hidden;border:max(1px,calc(1*var(--px))) solid var(--ln);font-size:calc(8.5*var(--px));line-height:1.35}
.cim .cim-doc-tbl>span{padding:calc(6*var(--px)) calc(8*var(--px));display:flex;align-items:center;min-height:calc(25*var(--px));border-top:max(1px,calc(1*var(--px))) solid var(--ln)}
.cim .cim-doc-tbl>.cim-doc-th{background:var(--tbh,var(--bp));color:var(--tbt,var(--onbp));font-weight:700;border-top:0;white-space:nowrap}
.cim .cim-doc-tbl>.cim-z{background:var(--tbz,var(--zeb));color:var(--tbzt,inherit)}
.cim .cim-doc-tbe{border-left:calc(4*var(--px)) solid var(--tbe)}
.cim .cim-doc-tbf>span{border-top-color:var(--bg)}
.cim .cim-doc-call{display:flex;gap:calc(10*var(--px));margin-top:calc(14*var(--px));padding:calc(10*var(--px)) calc(12*var(--px));background:var(--tint);border-left:calc(3*var(--px)) solid var(--p);border-radius:0 min(var(--R),calc(8*var(--px))) min(var(--R),calc(8*var(--px))) 0;font-size:calc(8.5*var(--px));line-height:1.55}
.cim .cim-doc-call b{color:var(--tintt);font-size:calc(9*var(--px))}
.cim .cim-doc-ci{color:var(--tintt);font-size:calc(14*var(--px));flex:none;padding-top:calc(1*var(--px))}
.cim .cim-doc-fig{flex:1 1 auto;min-height:0;max-height:calc(175*var(--px));display:grid;grid-template-columns:1.65fr 1fr;gap:calc(16*var(--px));margin-top:calc(8*var(--px))}
.cim .cim-doc-chart{display:flex;flex-direction:column;min-height:0;border:max(1px,calc(1*var(--px))) solid var(--ln);border-radius:min(var(--R),calc(8*var(--px)));background:var(--card);padding:calc(8*var(--px)) calc(10*var(--px)) calc(6*var(--px))}
.cim .cim-doc-chart svg{display:block;flex:1;min-height:0;width:100%;font-size:8px;fill:var(--mut)}
.cim .cim-doc-cap{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--px));font-size:calc(7.5*var(--px));color:var(--mut);margin-top:calc(4*var(--px))}
.cim .cim-doc-leg{display:flex;gap:calc(8*var(--px))}
.cim .cim-doc-leg span{display:inline-flex;align-items:center;gap:calc(4*var(--px))}
.cim .cim-doc-leg i{width:calc(10*var(--px));height:calc(2.5*var(--px));border-radius:calc(2*var(--px));flex:none}
.cim .cim-doc-notes{display:grid;align-content:start;gap:calc(9*var(--px));font-size:calc(8.5*var(--px));line-height:1.5;padding-top:calc(2*var(--px));overflow:hidden}
.cim .cim-doc-notes div{display:flex;gap:calc(6*var(--px))}
.cim .cim-doc-notes .cim-ic{font-size:calc(11*var(--px));color:var(--pt);margin-top:calc(1*var(--px))}
.cim .cim-doc-foot{display:flex;justify-content:space-between;gap:calc(12*var(--px));margin:0 calc(40*var(--px));padding:calc(10*var(--px)) 0 calc(16*var(--px));border-top:max(1px,calc(1*var(--px))) solid var(--ln);font-size:calc(7.5*var(--px));color:var(--mut)}
.cim .cim-so{position:relative;overflow:hidden;aspect-ratio:1;background:var(--hero);color:var(--onh);padding:calc(34*var(--px)) calc(36*var(--px));display:flex;flex-direction:column;border-radius:min(calc(8*var(--px)),12px)}
.cim .cim-so-d{background:radial-gradient(circle at 88% 8%,var(--glow),transparent 58%),var(--bg);color:var(--fg)}
.cim .cim-so-ring{position:absolute;right:calc(-100*var(--px));bottom:calc(-120*var(--px));width:calc(260*var(--px));height:calc(260*var(--px));border-radius:50%;border:calc(24*var(--px)) solid var(--hcb);opacity:.85;z-index:0}
.cim .cim-so-d .cim-so-ring{border-color:var(--sor);opacity:.55}
.cim.cim-gx .cim-so:not(.cim-so-d) .cim-so-ring{background:var(--herod);opacity:1}
.cim .cim-so-top{display:flex;align-items:center;justify-content:space-between;gap:calc(12*var(--px))}
.cim .cim-so-lock{--mks:calc(34*var(--px))}
.cim .cim-so-dots{display:flex;gap:calc(5*var(--px));flex:none}
.cim .cim-so-dots i{width:calc(6*var(--px));height:calc(6*var(--px));border-radius:50%;background:currentColor;opacity:.35}
.cim .cim-so-dots i:first-child{width:calc(18*var(--px));border-radius:calc(3*var(--px));opacity:1}
/* ชุดสีปิด: ไม่ใช้ความโปร่งสร้างเฉดใหม่ — วงแหวนทึบ จุดหน้าที่ยังไม่เลือกใช้สีที่ประกาศไว้ (--sod) */
.cim.cim-strict .cim-so .cim-so-ring{opacity:1}
.cim.cim-strict .cim-so-dots i{opacity:1;background:var(--sod)}
.cim.cim-strict .cim-so-dots i:first-child{background:currentColor}
.cim .cim-so-mid{margin:auto 0;padding-right:calc(24*var(--px))}
.cim .cim-so-eb{display:inline-block;max-width:100%;font-size:calc(12*var(--px));font-weight:700;padding:calc(5*var(--px)) calc(12*var(--px));border-radius:var(--RB);background:var(--hcb);color:var(--hcf)}
.cim .cim-so-d .cim-so-eb{background:var(--tint);color:var(--tintt)}
.cim .cim-so-t{font-size:calc(var(--zd)*var(--px));line-height:1.18;margin-top:calc(16*var(--px));color:inherit}
.cim .cim-so-sub{font-size:calc(15*var(--px));margin-top:calc(14*var(--px));line-height:1.55;max-width:75%}
.cim .cim-so-d .cim-so-sub{color:var(--mut)}
.cim .cim-so-bot{display:flex;align-items:center;gap:calc(16*var(--px));max-width:calc(270*var(--px))}
.cim .cim-so-cta{font-size:calc(14*var(--px));background:var(--hcb);color:var(--hcf);box-shadow:none}
.cim .cim-so-d .cim-so-cta{background:var(--bp);color:var(--onbp)}
.cim .cim-so-handle{font-size:calc(12*var(--px));font-weight:700}
.cim .cim-web{display:flex;flex-direction:column;aspect-ratio:880/640;background:var(--bg);border-radius:min(calc(12*var(--px)),12px);overflow:hidden;box-shadow:0 0 0 max(1px,calc(1*var(--px))) var(--k08),0 calc(14*var(--px)) calc(36*var(--px)) var(--k14)}
.cim .cim-web-bar{flex:none;display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;height:calc(34*var(--px));padding:0 calc(14*var(--px));background:var(--chrome);border-bottom:max(1px,calc(1*var(--px))) solid var(--ln)}
.cim .cim-web-dots{display:flex;gap:calc(6*var(--px))}
.cim .cim-web-dots i{width:calc(10*var(--px));height:calc(10*var(--px));border-radius:50%;background:var(--wd1)}
.cim .cim-web-dots i:nth-child(2){background:var(--wd2)}
.cim .cim-web-dots i:nth-child(3){background:var(--wd3)}
.cim .cim-web-url{display:flex;align-items:center;justify-content:center;gap:calc(6*var(--px));height:calc(22*var(--px));border-radius:calc(6*var(--px));background:var(--bg);color:var(--mut);font-size:calc(11*var(--px))}
.cim .cim-web-url i{width:calc(120*var(--px));height:calc(5*var(--px));border-radius:calc(3*var(--px));background:var(--ln)}
.cim .cim-web-page{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:0 calc(44*var(--px)) calc(32*var(--px))}
.cim .cim-web-page>.cim-mo{top:calc(66*var(--px));left:50%}
.cim .cim-web-nav{flex:none;display:flex;align-items:center;gap:calc(28*var(--px));height:calc(66*var(--px))}
.cim .cim-web-lock{--mks:calc(30*var(--px));flex:none;max-width:34%}
.cim .cim-web-links{display:flex;gap:calc(24*var(--px));margin-left:auto;font-size:calc(13*var(--px));color:var(--mut)}
.cim .cim-web-links .cim-on{color:var(--fg);font-weight:700}
.cim .cim-web-nb{font-size:calc(12.5*var(--px));padding:.6em 1.1em}
.cim .cim-web-hero{flex:1;min-height:0;display:grid;grid-template-columns:1.08fr 1fr;gap:calc(40*var(--px));align-items:center;padding:calc(10*var(--px)) 0 calc(26*var(--px))}
.cim .cim-web-eb{display:inline-block;max-width:100%;font-size:calc(12*var(--px));font-weight:700;padding:calc(5*var(--px)) calc(12*var(--px));border-radius:var(--RB);background:var(--tint);color:var(--tintt)}
.cim .cim-web-t{font-size:calc(var(--zd)*var(--px));line-height:1.18;margin-top:calc(16*var(--px))}
.cim .cim-web-sub{font-size:calc(15.5*var(--px));color:var(--mut);margin-top:calc(14*var(--px));line-height:1.6}
.cim .cim-web-cta{display:flex;gap:calc(12*var(--px));margin-top:calc(24*var(--px));font-size:calc(14*var(--px))}
.cim .cim-web-vis{position:relative;overflow:hidden;height:calc(270*var(--px));border-radius:var(--R);background:var(--herod);box-shadow:var(--sh)}
.cim .cim-web-float{position:absolute;left:calc(30*var(--px));bottom:calc(30*var(--px));width:calc(210*var(--px));padding:calc(14*var(--px)) calc(16*var(--px)) calc(12*var(--px));font-size:calc(11*var(--px));z-index:1}
.cim .cim-web-fh{display:flex;align-items:center;gap:calc(10*var(--px))}
.cim .cim-web-fh .cim-tile{width:calc(30*var(--px));height:calc(30*var(--px));font-size:calc(15*var(--px))}
.cim .cim-web-fh div{display:grid;line-height:1.35}
.cim .cim-web-fh div span{color:var(--mut)}
.cim .cim-web-stat{font-size:calc(34*var(--px));line-height:1.1;margin:calc(10*var(--px)) 0 calc(8*var(--px));color:var(--fg)}
.cim .cim-web-pg{display:block;height:calc(6*var(--px));border-radius:calc(3*var(--px));background:var(--tint);overflow:hidden}
.cim .cim-web-pg i{display:block;width:75%;height:100%;border-radius:inherit;background:var(--c1)}
.cim .cim-web-chip{position:absolute;right:calc(26*var(--px));top:calc(28*var(--px));z-index:1;display:inline-flex;align-items:center;gap:calc(6*var(--px));font-size:calc(12*var(--px));font-weight:700;padding:calc(7*var(--px)) calc(12*var(--px));border-radius:var(--RB);background:var(--hcb);color:var(--hcf);box-shadow:var(--sh)}
.cim .cim-web-feats{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--G)}
.cim .cim-web-fc{padding:calc(18*var(--px));font-size:calc(12.5*var(--px))}
.cim .cim-web-ft{font-size:calc(var(--z3)*var(--px));margin-top:calc(12*var(--px));line-height:1.35}
.cim .cim-web-fd{color:var(--mut);margin-top:calc(4*var(--px));line-height:1.55}
.cim .cim-em{display:flex;flex-direction:column;aspect-ratio:560/760;background:var(--stage);padding:calc(16*var(--px)) calc(40*var(--px)) calc(30*var(--px));border-radius:min(calc(12*var(--px)),12px)}
.cim.cim-dark .cim-em{background:var(--dbg)}
.cim .cim-em-pre{display:flex;justify-content:space-between;gap:calc(12*var(--px));font-size:calc(10.5*var(--px));color:var(--stm);padding:0 calc(4*var(--px)) calc(10*var(--px))}
.cim.cim-dark .cim-em-pre{color:var(--dmut)}
.cim .cim-em-card{flex:1 0 auto;display:flex;flex-direction:column;border-radius:min(var(--R),calc(14*var(--px)));overflow:hidden;box-shadow:0 calc(1*var(--px)) calc(3*var(--px)) var(--k06),0 calc(10*var(--px)) calc(28*var(--px)) var(--k10)}
.cim.cim-dark .cim-em-card{box-shadow:0 0 0 max(1px,calc(1*var(--px))) var(--dln),0 calc(10*var(--px)) calc(28*var(--px)) var(--k30)}
.cim .cim-em-head{flex:none;background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:calc(12*var(--px));padding:calc(16*var(--px)) calc(28*var(--px));border-bottom:max(1px,calc(1*var(--px))) solid var(--ln)}
.cim .cim-em-hd{background:var(--dbg);color:var(--dfg);border-bottom:0}
.cim .cim-em-lock{--mks:calc(30*var(--px))}
.cim .cim-em-issue{font-size:calc(11*var(--px));color:var(--mut);font-weight:700}
.cim .cim-em-hd .cim-em-issue{color:var(--dmut)}
.cim .cim-em-ban{flex:none;position:relative;overflow:hidden;background:var(--hero);color:var(--onh);padding:calc(26*var(--px)) calc(28*var(--px)) calc(28*var(--px));min-height:calc(150*var(--px));display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.cim .cim-em-ban>.cim-gb{left:0;right:0;bottom:0;height:calc(8*var(--px))}
.cim .cim-em-tag{max-width:100%;font-size:calc(11*var(--px));font-weight:700;padding:calc(4*var(--px)) calc(10*var(--px));border-radius:var(--RB);background:var(--hcb);color:var(--hcf)}
.cim .cim-em-bt{font-size:calc(var(--z1)*var(--px));line-height:1.22;margin-top:calc(12*var(--px));color:inherit}
.cim .cim-em-main{flex:1 0 auto;display:flex;flex-direction:column;background:var(--card)}
.cim .cim-em-hl{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:calc(10*var(--px));padding:0 calc(28*var(--px)) calc(18*var(--px));align-content:start}
.cim .cim-em-hl>div{display:flex;align-items:center;gap:calc(10*var(--px));padding:calc(10*var(--px)) calc(12*var(--px));border-radius:min(var(--R),calc(12*var(--px)));background:var(--zeb);font-size:calc(12*var(--px));font-weight:700;line-height:1.5}
.cim .cim-em-hl .cim-tile{width:calc(28*var(--px));height:calc(28*var(--px));font-size:calc(14*var(--px))}
.cim .cim-em-body{flex:none;padding:calc(22*var(--px)) calc(28*var(--px)) calc(18*var(--px));display:flex;flex-direction:column;align-items:flex-start;gap:calc(10*var(--px));font-size:calc(var(--zb)*var(--px));line-height:1.65}
.cim .cim-em-hi{font-weight:700}
.cim .cim-em-mut{color:var(--mut)}
.cim .cim-em-body .cim-btn{margin-top:calc(6*var(--px));font-size:calc(13.5*var(--px))}
.cim .cim-em-sig{display:flex;align-items:center;gap:calc(12*var(--px));margin:auto calc(28*var(--px)) 0;padding:calc(16*var(--px)) 0;border-top:max(1px,calc(1*var(--px))) solid var(--ln);font-size:calc(12*var(--px));--mks:calc(38*var(--px))}
/* รูปโลโก้จริง (มักเป็นแนวนอน) ในลายเซ็น: เตี้ยกว่าช่องสัญลักษณ์สี่เหลี่ยม ไม่ให้ใหญ่กว่าชื่อทีม */
.cim .cim-em-sig .cim-lg{--mks:calc(26*var(--px))}
.cim .cim-em-sig div{display:grid;line-height:1.45}
.cim .cim-em-sig div span{color:var(--mut)}
.cim .cim-em-foot{flex:none;display:grid;justify-items:center;gap:calc(8*var(--px));text-align:center;padding:calc(18*var(--px)) calc(36*var(--px)) calc(20*var(--px));background:var(--zeb);font-size:calc(10*var(--px));color:var(--mut);line-height:1.55}
.cim .cim-em-fd{background:var(--dbg);color:var(--dmut)}
.cim .cim-em-soc{display:flex;gap:calc(8*var(--px))}
.cim .cim-em-soc i{display:grid;place-items:center;width:calc(24*var(--px));height:calc(24*var(--px));border-radius:var(--mkr);background:var(--tint);color:var(--tintt);font-size:calc(12*var(--px))}
.cim .cim-em-fd .cim-em-soc i{background:var(--dcard);color:var(--dfg)}
.cim .cim-em-un{color:var(--pt);text-decoration:underline;font-weight:700}
.cim .cim-em-fd .cim-em-un{color:var(--dfg)}
.cim .cim-db{display:grid;grid-template-columns:calc(176*var(--px)) 1fr;aspect-ratio:16/10;background:var(--bg);border-radius:min(calc(12*var(--px)),12px);overflow:hidden;box-shadow:0 0 0 max(1px,calc(1*var(--px))) var(--k08),0 calc(14*var(--px)) calc(36*var(--px)) var(--k14)}
.cim .cim-db-side{background:var(--s);color:var(--ons);padding:calc(18*var(--px)) calc(12*var(--px));display:flex;flex-direction:column;gap:calc(20*var(--px));overflow:hidden}
.cim.cim-dark .cim-db-side{background:var(--dcard);color:var(--dfg);border-right:max(1px,calc(1*var(--px))) solid var(--dln)}
.cim .cim-db-brand{display:flex;align-items:center;gap:calc(9*var(--px));padding:0 calc(6*var(--px));font-size:calc(12.5*var(--px));line-height:1.25;--mks:calc(28*var(--px))}
.cim .cim-db-nav{display:grid;gap:calc(3*var(--px))}
.cim .cim-db-ni{display:flex;align-items:center;gap:calc(10*var(--px));padding:calc(8*var(--px)) calc(10*var(--px));border-radius:min(var(--RB),calc(10*var(--px)));font-size:calc(12*var(--px));color:var(--sidem)}
.cim.cim-dark .cim-db-ni{color:var(--dmut)}
.cim .cim-db-ni .cim-ic{font-size:calc(15*var(--px))}
.cim .cim-db-ni.cim-on{background:var(--nab);color:var(--naf);font-weight:700}
.cim .cim-db-user{margin-top:auto;display:flex;align-items:center;gap:calc(9*var(--px));padding:calc(10*var(--px)) calc(6*var(--px)) 0;border-top:max(1px,calc(1*var(--px))) solid var(--ons1);font-size:calc(10.5*var(--px));line-height:1.35}
.cim .cim-db-user div{display:grid}
.cim .cim-db-user div span{color:var(--sidem)}
.cim.cim-dark .cim-db-user div span{color:var(--dmut)}
.cim .cim-db-user .cim-db-av{flex:none;width:calc(28*var(--px));height:calc(28*var(--px));border-radius:50%;display:grid;place-items:center;background:var(--a);color:var(--ona);font-size:calc(15*var(--px))}
.cim .cim-db-main{padding:calc(18*var(--px)) calc(22*var(--px));display:flex;flex-direction:column;gap:min(var(--G),calc(14*var(--px)));overflow:hidden}
.cim .cim-db-top{display:flex;align-items:center;justify-content:space-between;gap:calc(16*var(--px))}
.cim .cim-db-t{font-size:calc(var(--z1)*var(--px));line-height:1.2}
.cim .cim-db-st{font-size:calc(10.5*var(--px));color:var(--mut)}
.cim .cim-db-tools{display:flex;align-items:center;gap:calc(8*var(--px));font-size:calc(11*var(--px));color:var(--mut)}
.cim .cim-db-pill{display:inline-flex;align-items:center;gap:calc(6*var(--px));padding:calc(6*var(--px)) calc(11*var(--px));border-radius:var(--RB);background:var(--card);border:max(1px,calc(1*var(--px))) solid var(--ln)}
.cim .cim-db-bell{display:grid;place-items:center;width:calc(30*var(--px));height:calc(30*var(--px));border-radius:var(--mkr);background:var(--card);border:max(1px,calc(1*var(--px))) solid var(--ln);font-size:calc(14*var(--px))}
.cim .cim-db-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:min(var(--G),calc(14*var(--px)))}
.cim .cim-db-k{padding:calc(12*var(--px)) calc(14*var(--px)) calc(8*var(--px));display:flex;flex-direction:column;gap:calc(2*var(--px))}
.cim .cim-db-kl{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--px));font-size:calc(11*var(--px));color:var(--mut)}
.cim .cim-db-kl .cim-tile{width:calc(24*var(--px));height:calc(24*var(--px));font-size:calc(13*var(--px))}
.cim .cim-db-kv{font-size:calc(var(--z1)*var(--px));line-height:1.2;color:var(--fg);text-transform:none;letter-spacing:0}
.cim .cim-db-kd{display:flex;align-items:center;gap:calc(6*var(--px));font-size:calc(9.5*var(--px));color:var(--mut)}
.cim .cim-db-k .cim-spark{height:calc(22*var(--px));margin-top:calc(4*var(--px))}
.cim .cim-db-row{flex:1;display:grid;grid-template-columns:1.55fr 1fr;gap:min(var(--G),calc(14*var(--px)));min-height:0}
.cim .cim-db-chart{padding:calc(12*var(--px)) calc(14*var(--px)) calc(6*var(--px));display:flex;flex-direction:column;min-height:0}
.cim .cim-db-ch{display:flex;align-items:center;justify-content:space-between;gap:calc(10*var(--px));font-size:calc(var(--z3)*var(--px))}
.cim .cim-db-leg{display:flex;gap:calc(10*var(--px));font-size:calc(9.5*var(--px));color:var(--mut);font-family:var(--fb);font-weight:var(--wb);text-transform:none;letter-spacing:0}
.cim .cim-db-leg span{display:inline-flex;align-items:center;gap:calc(4*var(--px))}
.cim .cim-db-leg i{width:calc(8*var(--px));height:calc(8*var(--px));border-radius:calc(2*var(--px));flex:none}
.cim .cim-db-plot{flex:1;min-height:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;column-gap:calc(8*var(--px));margin-top:calc(12*var(--px));font-size:calc(9*var(--px));line-height:1;color:var(--mut)}
.cim .cim-db-ya{position:relative;width:calc(18*var(--px))}
.cim .cim-db-ya span{position:absolute;right:0;transform:translateY(50%)}
.cim .cim-db-pa{position:relative;margin-top:calc(4*var(--px))}
.cim .cim-db-gl{position:absolute;left:0;right:0;border-top:max(1px,calc(1*var(--px))) dashed var(--ln)}
.cim .cim-db-g0{border-top-style:solid}
.cim .cim-db-bars{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr)}
.cim .cim-db-bg{display:flex;align-items:flex-end;justify-content:center;gap:calc(2*var(--px));height:100%}
.cim .cim-db-bg i{width:calc(11*var(--px));border-radius:calc(3*var(--px)) calc(3*var(--px)) 0 0}
.cim .cim-db-xa{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;padding-top:calc(6*var(--px))}
.cim .cim-db-tbl{padding:calc(12*var(--px)) calc(14*var(--px)) calc(10*var(--px));display:flex;flex-direction:column;min-height:0;overflow:hidden;font-size:calc(10.5*var(--px))}
.cim .cim-db-tt{font-size:calc(var(--z3)*var(--px));margin-bottom:calc(4*var(--px))}
/* แถวที่ล้นความสูงการ์ด (ฟอนต์สูง/จอแคบ) ถูกห่อไปคอลัมน์ถัดไปที่อยู่นอกกรอบ → ซ่อนทั้งแถว ไม่ถูกตัดครึ่งแถว */
.cim .cim-db-rows{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}
.cim .cim-db-rows>.cim-db-tr{width:100%}
.cim .cim-db-all{margin-top:calc(6*var(--px));padding-top:calc(8*var(--px));border-top:max(1px,calc(1*var(--px))) solid var(--ln);font-size:calc(10.5*var(--px))}
.cim .cim-db-amt{text-align:right;font-weight:700}
.cim .cim-db-tr{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:calc(8*var(--px));padding:calc(7*var(--px)) 0;border-top:max(1px,calc(1*var(--px))) solid var(--ln)}
.cim .cim-bc{display:flex;align-items:center;justify-content:center;gap:calc(28*var(--px));padding:calc(44*var(--px)) calc(30*var(--px));background:var(--stage);border-radius:min(calc(14*var(--px)),12px)}
.cim .cim-bc-card{position:relative;overflow:hidden;flex:none;width:calc(316*var(--px));aspect-ratio:1.75;border-radius:min(var(--R),calc(10*var(--px)));box-shadow:0 calc(1*var(--px)) calc(2*var(--px)) var(--k10),0 calc(10*var(--px)) calc(24*var(--px)) var(--k16)}
.cim .cim-bc-front{background:var(--hero);color:var(--onh);display:grid;place-items:center;padding:calc(18*var(--px))}
.cim .cim-bc-front>.cim-gb{left:0;right:0;bottom:0;height:calc(7*var(--px))}
.cim .cim-bc-d .cim-bc-front{background:var(--dbg);color:var(--dfg)}
.cim .cim-bc-fc{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%}
.cim .cim-bc-mk{--mks:calc(44*var(--px))}
.cim .cim-bc-n{font-size:calc(var(--z2)*var(--px));margin-top:calc(10*var(--px));line-height:1.25;color:inherit}
.cim .cim-bc-s{font-size:calc(9*var(--px));margin-top:calc(4*var(--px));max-width:calc(240*var(--px))}
.cim .cim-bc-d .cim-bc-s{color:var(--dmut)}
.cim .cim-bc-back{background:var(--l-card);color:var(--l-fg);padding:calc(20*var(--px)) calc(22*var(--px)) calc(16*var(--px));display:flex;flex-direction:column}
.cim .cim-bc-d .cim-bc-back{background:var(--dcard);color:var(--dfg)}
.cim .cim-bc-bt{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(10*var(--px))}
.cim .cim-bc-pn{font-size:calc(var(--z3)*var(--px));line-height:1.25}
.cim .cim-bc-pr{font-size:calc(9*var(--px));color:var(--l-pt);font-weight:700;margin-top:calc(2*var(--px))}
.cim .cim-bc-d .cim-bc-pr{color:var(--ptc)}
.cim .cim-bc-sm{--mks:calc(24*var(--px))}
.cim .cim-bc-rule{display:block;width:calc(26*var(--px));height:calc(2*var(--px));background:var(--ad);margin:calc(10*var(--px)) 0 calc(9*var(--px))}
.cim .cim-bc-ct{display:grid;gap:calc(4*var(--px));font-size:calc(8.5*var(--px));color:var(--l-mut)}
.cim .cim-bc-d .cim-bc-ct{color:var(--dmut)}
.cim .cim-bc-ct>span{display:flex;align-items:center;gap:calc(6*var(--px))}
.cim .cim-bc-ct .cim-ic{font-size:calc(10*var(--px));color:var(--l-pt)}
.cim .cim-bc-d .cim-bc-ct .cim-ic{color:var(--ptc)}
.cim .cim-bc-strip{position:absolute;left:0;right:0;bottom:0;height:calc(5*var(--px));background:var(--herod)}
.cim .cim-th{position:relative;aspect-ratio:16/10;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}
.cim .cim-th-hero{position:relative;overflow:hidden;flex:0 0 61%;background:var(--hero);color:var(--onh);padding:calc(14*var(--px)) calc(16*var(--px)) calc(12*var(--px));display:flex;flex-direction:column}
.cim .cim-th-hero>.cim-gb{left:0;right:0;bottom:0;height:calc(5*var(--px))}
.cim .cim-th-top{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--px));--mks:calc(24*var(--px))}
.cim .cim-th-ind{font-size:calc(9*var(--px));font-weight:700;padding:calc(3*var(--px)) calc(8*var(--px));border-radius:var(--RB);background:var(--hcb);color:var(--hcf);max-width:62%}
.cim .cim-th-id{margin-top:auto}
.cim .cim-th-n{font-size:calc(var(--z1)*var(--px));line-height:1.22;color:inherit}
.cim .cim-th-s{font-size:calc(10*var(--px));margin-top:calc(1*var(--px))}
.cim .cim-th-bot{flex:1;display:flex;align-items:center;justify-content:space-between;gap:calc(10*var(--px));padding:calc(8*var(--px)) calc(16*var(--px))}
.cim .cim-th-type{display:grid;line-height:1.2;min-width:0}
.cim .cim-th-aa{font-size:calc(22*var(--px));line-height:1.2;white-space:nowrap;text-transform:none;letter-spacing:0}
.cim .cim-th-fn{font-size:calc(8.5*var(--px));color:var(--mut);margin-top:calc(2*var(--px))}
.cim .cim-th-r{display:grid;justify-items:end;gap:calc(7*var(--px));flex:none}
.cim .cim-th-dots{display:flex}
.cim .cim-th-dots i{width:calc(16*var(--px));height:calc(16*var(--px));border-radius:50%;margin-left:calc(-4*var(--px));box-shadow:0 0 0 max(1px,calc(1.5*var(--px))) var(--bg),inset 0 0 0 max(.5px,calc(0.75*var(--px))) var(--ln)}
.cim .cim-th-btn{font-size:calc(9*var(--px));font-weight:700;padding:calc(4*var(--px)) calc(10*var(--px));border-radius:var(--RB);background:var(--bp);color:var(--onbp)}