/* ═════════════════════════════════════════════════════════════════════════════
   tb1.ac.th — ตั้งค่าฟอนต์ทั้งเว็บที่ไฟล์นี้ไฟล์เดียว (3 ต.ค. 2569)
   ═════════════════════════════════════════════════════════════════════════════

   ไฟล์นี้มีชุดฟอนต์ให้เลือก 3 ชุด (ข้างล่าง) ทุกชุดเป็นฟอนต์แบบมีหัว เลขไทย ๑ ในชื่อโรงเรียนจึงอ่านชัด
     --tb1-font-body     ฟอนต์เนื้อหา ตาราง ปุ่ม ช่องกรอก
     --tb1-font-display  ฟอนต์หัวเรื่อง (h1 h2 h3) หัวการ์ด ตัวเลขเด่น
     --tb1-font-mono     ฟอนต์โค้ดและตัวเลขแบบความกว้างเท่ากัน

   วิธีเลือกชุด
     ชุดที่ 1 เปิดใช้อยู่ ชุดที่ 2 และ 3 ถูกปิดไว้ในเครื่องหมายคอมเมนต์
     เปิดชุดที่ 2 หรือ 3: ลบ 2 บรรทัดของชุดนั้น คือบรรทัด "เปิดชุดที่ ... ลบบรรทัดนี้" และบรรทัด "ลบบรรทัดนี้ด้วย"
                        ไม่ต้องแตะชุดที่ 1 เพราะชุดที่อยู่ล่างกว่าชนะชุดที่อยู่บน
     กลับไปใช้ชุดที่ 1: ใส่ 2 บรรทัดนั้นกลับคืน (ลอกจากชุดที่ยังปิดอยู่ได้)
     ถ้าเปิดไว้หลายชุด ชุดที่อยู่ล่างสุดจะถูกใช้
   แก้แล้วอัปโหลดไฟล์นี้ไฟล์เดียว ผู้เข้าชมเห็นผลในการเปิดหน้าครั้งถัดไป (ไฟล์นี้ตั้งให้เบราว์เซอร์ตรวจของใหม่ทุกครั้ง)
   ไม่ต้องแก้ includes/tb1_theme.php หรือไฟล์หน้าเว็บใด ๆ

   ใช้ฟอนต์อื่นที่ยังไม่มีในโฟลเดอร์นี้:
     1. วางไฟล์ .woff2 ของฟอนต์นั้นในโฟลเดอร์ fonts/ (เอาจาก Google Fonts หรือ fontsource.org
        ฟอนต์ต้องเป็นสัญญาอนุญาต OFL แล้วเพิ่มชื่อเจ้าของลิขสิทธิ์ใน OFL.txt)
     2. ลอกบล็อก @font-face ข้างล่างมาแก้ชื่อฟอนต์ ชื่อไฟล์ และน้ำหนัก หนึ่งบล็อกต่อหนึ่งไฟล์
     3. ทำชุดใหม่แบบเดียวกับชุดข้างล่าง ชื่อฟอนต์ต้องสะกดตรงกับ font-family ใน @font-face ทุกตัวอักษร

   ยกเว้นตามที่ออกแบบไว้: แอปที่ติดตั้งลงมือถือใช้ฟอนต์ของเครื่อง (css/tb1-app.css)
   และอีเมลแจ้งผลรับสมัคร (includes/email_service.php) ซึ่งโปรแกรมอ่านอีเมลไม่โหลดไฟล์นี้

   ไฟล์ฟอนต์ในโฟลเดอร์นี้มาจาก Google Fonts (ผ่าน Fontsource) สัญญาอนุญาต SIL Open Font License 1.1 ดู OFL.txt
   แยกตามชุดอักษร (thai / latin / latin-ext) เบราว์เซอร์โหลดเฉพาะไฟล์ของชุดที่เปิดใช้และหน้าใช้จริง */


/* ── ชุดที่ 1 (ค่าเริ่มต้น): หัวเรื่อง Noto Sans Thai Looped + เนื้อหา Sarabun
   ทันสมัย สะอาดตา หัวเรื่องไม่มีเชิงแต่ยังมีหัว เนื้อหาเป็นฟอนต์ที่คุ้นตาแบบหนังสือราชการ 
:root {
    --tb1-font-body: 'Sarabun', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
    --tb1-font-display: 'Noto Sans Thai Looped', 'Sarabun', sans-serif;
    --tb1-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

── ชุดที่ 2: หัวเรื่อง Noto Serif Thai (มีเชิงแบบตัวพิมพ์หนังสือ) + เนื้อหา Sarabun
   ทางการ ภูมิฐาน เป็นชุดที่เว็บใช้ก่อน 3 ต.ค. 2569 */
/* เปิดชุดที่ 2: ลบบรรทัดนี้ ──────────────────────────────────────────────────
:root {
    --tb1-font-body: 'Sarabun', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
    --tb1-font-display: 'Noto Serif Thai', 'Sarabun', Georgia, serif;
    --tb1-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
────────────────────────────────────────────────────────── ลบบรรทัดนี้ด้วย */

/* ── ชุดที่ 3: IBM Plex Sans Thai Looped ทั้งหัวเรื่องและเนื้อหา
   ฟอนต์ตระกูลเดียวทั้งเว็บ ตัวกว้าง โปร่ง อ่านง่ายบนจอ ข้อความยาวกว่าชุดอื่นเล็กน้อย
   ตระกูลเดียวกับ IBM Plex Sans Thai ที่ระบบ hotspot ใช้อยู่ */
/* เปิดชุดที่ 3: ลบบรรทัดนี้ ──────────────────────────────────────────────────*/
:root {
    --tb1-font-body: 'IBM Plex Sans Thai Looped', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, sans-serif;
    --tb1-font-display: 'IBM Plex Sans Thai Looped', 'Sarabun', sans-serif;
    --tb1-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
/*────────────────────────────────────────────────────────── ลบบรรทัดนี้ด้วย */


/* ── ไฟล์ฟอนต์ที่มีในโฟลเดอร์นี้ ─────────────────────────────────────────────
   Sarabun 300 ถึง 800, Noto Sans Thai Looped 400 ถึง 800, Noto Serif Thai 400 ถึง 800,
   IBM Plex Sans Thai Looped 300 ถึง 700, JetBrains Mono 400 และ 500 */

/* Sarabun */
@font-face {
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('sarabun-thai-300.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: 300;
    font-display: swap;
    src: url('sarabun-latin-300.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: 300;
    font-display: swap;
    src: url('sarabun-latin-ext-300.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: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('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: 400;
    font-display: swap;
    src: url('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: 400;
    font-display: swap;
    src: url('sarabun-latin-ext-400.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: 'Sarabun';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('sarabun-thai-500.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: 500;
    font-display: swap;
    src: url('sarabun-latin-500.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: 500;
    font-display: swap;
    src: url('sarabun-latin-ext-500.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: 'Sarabun';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('sarabun-thai-600.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: 600;
    font-display: swap;
    src: url('sarabun-latin-600.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: 600;
    font-display: swap;
    src: url('sarabun-latin-ext-600.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: 'Sarabun';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('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: 700;
    font-display: swap;
    src: url('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: 'Sarabun';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('sarabun-latin-ext-700.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: 'Sarabun';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('sarabun-thai-800.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: 800;
    font-display: swap;
    src: url('sarabun-latin-800.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: 800;
    font-display: swap;
    src: url('sarabun-latin-ext-800.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;
}

/* Noto Sans Thai Looped */
@font-face {
    font-family: 'Noto Sans Thai Looped';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('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: 400;
    font-display: swap;
    src: url('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: 400;
    font-display: swap;
    src: url('noto-sans-thai-looped-latin-ext-400.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: 'Noto Sans Thai Looped';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('noto-sans-thai-looped-thai-500.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: 500;
    font-display: swap;
    src: url('noto-sans-thai-looped-latin-500.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: 500;
    font-display: swap;
    src: url('noto-sans-thai-looped-latin-ext-500.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: 'Noto Sans Thai Looped';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('noto-sans-thai-looped-thai-600.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: 600;
    font-display: swap;
    src: url('noto-sans-thai-looped-latin-600.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: 600;
    font-display: swap;
    src: url('noto-sans-thai-looped-latin-ext-600.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: 'Noto Sans Thai Looped';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('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: 700;
    font-display: swap;
    src: url('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 Sans Thai Looped';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('noto-sans-thai-looped-latin-ext-700.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: 'Noto Sans Thai Looped';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('noto-sans-thai-looped-thai-800.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: 800;
    font-display: swap;
    src: url('noto-sans-thai-looped-latin-800.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: 800;
    font-display: swap;
    src: url('noto-sans-thai-looped-latin-ext-800.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;
}

/* Noto Serif Thai */
@font-face {
    font-family: 'Noto Serif Thai';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('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: 400;
    font-display: swap;
    src: url('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: 400;
    font-display: swap;
    src: url('noto-serif-thai-latin-ext-400.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: 'Noto Serif Thai';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('noto-serif-thai-thai-500.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: 500;
    font-display: swap;
    src: url('noto-serif-thai-latin-500.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: 500;
    font-display: swap;
    src: url('noto-serif-thai-latin-ext-500.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: 'Noto Serif Thai';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('noto-serif-thai-thai-600.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: 600;
    font-display: swap;
    src: url('noto-serif-thai-latin-600.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: 600;
    font-display: swap;
    src: url('noto-serif-thai-latin-ext-600.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: 'Noto Serif Thai';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('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: 700;
    font-display: swap;
    src: url('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: 'Noto Serif Thai';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('noto-serif-thai-latin-ext-700.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: 'Noto Serif Thai';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('noto-serif-thai-thai-800.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: 800;
    font-display: swap;
    src: url('noto-serif-thai-latin-800.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: 800;
    font-display: swap;
    src: url('noto-serif-thai-latin-ext-800.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;
}

/* IBM Plex Sans Thai Looped */
@font-face {
    font-family: 'IBM Plex Sans Thai Looped';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-thai-300.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 Looped';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-latin-300.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 Looped';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-latin-ext-300.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 Looped';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('ibm-plex-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: 'IBM Plex Sans Thai Looped';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('ibm-plex-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: 'IBM Plex Sans Thai Looped';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-latin-ext-400.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 Looped';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-thai-500.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 Looped';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-latin-500.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 Looped';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-latin-ext-500.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 Looped';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-thai-600.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 Looped';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-latin-600.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 Looped';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-latin-ext-600.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 Looped';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('ibm-plex-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: 'IBM Plex Sans Thai Looped';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('ibm-plex-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: 'IBM Plex Sans Thai Looped';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('ibm-plex-sans-thai-looped-latin-ext-700.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;
}

/* JetBrains Mono */
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('jetbrains-mono-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: 'JetBrains Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('jetbrains-mono-latin-500.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;
}

/* ── ชื่อฟอนต์เดิม (ช่วงเปลี่ยนผ่าน) ─────────────────────────────────────────
   ไฟล์ CSS ฉบับเก่าที่เบราว์เซอร์ของผู้ใช้ยังเก็บไว้ อาจยังเรียก Kanit, Prompt หรือ Chakra Petch
   ชื่อเหล่านี้จึงชี้มาที่ไฟล์ชุดใหม่ (โหลดเฉพาะเมื่อมีที่ใช้จริง) ลบส่วนนี้ได้เมื่อผ่านไปสักระยะ */

@font-face { font-family: 'Kanit'; font-style: normal; font-weight: 100 450; font-display: swap; src: url('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: 'Kanit'; font-style: normal; font-weight: 100 450; font-display: swap; src: url('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: 'Kanit'; font-style: normal; font-weight: 451 650; font-display: swap; src: url('sarabun-thai-600.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: 451 650; font-display: swap; src: url('sarabun-latin-600.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: 651 1000; font-display: swap; src: url('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: 'Kanit'; font-style: normal; font-weight: 651 1000; font-display: swap; src: url('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: 'Prompt'; font-style: normal; font-weight: 100 450; font-display: swap; src: url('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: 'Prompt'; font-style: normal; font-weight: 100 450; font-display: swap; src: url('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: 'Prompt'; font-style: normal; font-weight: 451 650; font-display: swap; src: url('sarabun-thai-600.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: 451 650; font-display: swap; src: url('sarabun-latin-600.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: 651 1000; font-display: swap; src: url('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: 'Prompt'; font-style: normal; font-weight: 651 1000; font-display: swap; src: url('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: 'Chakra Petch'; font-style: normal; font-weight: 100 450; font-display: swap; src: url('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: 'Chakra Petch'; font-style: normal; font-weight: 100 450; font-display: swap; src: url('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: 'Chakra Petch'; font-style: normal; font-weight: 451 650; font-display: swap; src: url('sarabun-thai-600.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: 451 650; font-display: swap; src: url('sarabun-latin-600.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: 651 1000; font-display: swap; src: url('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: 'Chakra Petch'; font-style: normal; font-weight: 651 1000; font-display: swap; src: url('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; }