.elementor-2894 .elementor-element.elementor-element-e24da47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2894 .elementor-element.elementor-element-6e4bb5b{width:var( --container-widget-width, 98% );max-width:98%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-2894 .elementor-element.elementor-element-6e4bb5b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2894 .elementor-element.elementor-element-6e4bb5b .elementor-heading-title{font-size:90px;font-weight:500;text-transform:uppercase;line-height:1.1em;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-2894 .elementor-element.elementor-element-366b51c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 42px / 2 );}.elementor-2894 .elementor-element.elementor-element-366b51c.elementor-element{--align-self:flex-start;}.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .elementor-item{font-size:20px;font-weight:400;text-decoration:none;letter-spacing:-0.4px;word-spacing:0px;}.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu--main .elementor-item{color:#787878;fill:#787878;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-underline .elementor-item:after,
					 .elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-overline .elementor-item:before,
					 .elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-double-line .elementor-item:before,
					 .elementor-2894 .elementor-element.elementor-element-366b51c .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:42px;}.elementor-2894 .elementor-element.elementor-element-0a8c3f4{--divider-border-style:solid;--divider-color:#1D1D1F;--divider-border-width:1px;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2894 .elementor-element.elementor-element-0a8c3f4 .elementor-divider-separator{width:100%;}.elementor-2894 .elementor-element.elementor-element-0a8c3f4 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2894 .elementor-element.elementor-element-f6a3e96{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 020px;--row-gap:0px;--column-gap:020px;--flex-wrap:wrap;}.elementor-2894 .elementor-element.elementor-element-f52de45{--display:flex;}.elementor-2894 .elementor-element.elementor-element-1ccd173 .elementor-heading-title{font-size:62px;font-weight:500;}.elementor-2894 .elementor-element.elementor-element-82cfee9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2894 .elementor-element.elementor-element-a7e0918.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-2894 .elementor-element.elementor-element-a7e0918{border-style:none;}.elementor-2894 .elementor-element.elementor-element-a7e0918 .elementor-heading-title{line-height:1.5;}.elementor-2894 .elementor-element.elementor-element-5b6ace5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2894 .elementor-element.elementor-element-4c20505{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-edcf919{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-9d556cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-891a63a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-01b6c77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-3808268{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:3px;--margin-left:0px;--margin-right:0px;}.elementor-2894 .elementor-element.elementor-element-042304e{--display:flex;}.elementor-2894 .elementor-element.elementor-element-04b116c .elementor-heading-title{font-size:62px;font-weight:500;}.elementor-2894 .elementor-element.elementor-element-9632c57{margin:-16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Noto Sans Thai", Sans-serif;font-size:1em;font-weight:400;line-height:4px;}.elementor-2894 .elementor-element.elementor-element-01e1539{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2894 .elementor-element.elementor-element-8b50847{--display:flex;}.elementor-2894 .elementor-element.elementor-element-5002a9b .elementor-heading-title{font-size:28px;font-weight:500;}.elementor-2894 .elementor-element.elementor-element-7e486d3{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Noto Sans Thai", Sans-serif;font-size:1em;font-weight:400;line-height:4px;}.elementor-2894 .elementor-element.elementor-element-065df53{--display:flex;}.elementor-2894 .elementor-element.elementor-element-f56067b .elementor-heading-title{font-size:28px;font-weight:500;}.elementor-2894 .elementor-element.elementor-element-f098d8b{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Noto Sans Thai", Sans-serif;font-size:1em;font-weight:400;line-height:4px;}.elementor-2894 .elementor-element.elementor-element-c7b8ac0{--display:flex;}.elementor-2894 .elementor-element.elementor-element-8daa6ed .elementor-heading-title{font-size:28px;font-weight:500;}.elementor-2894 .elementor-element.elementor-element-0b447aa{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Noto Sans Thai", Sans-serif;font-size:1em;font-weight:400;line-height:4px;}.elementor-2894 .elementor-element.elementor-element-0f1a550{--display:flex;}.elementor-2894 .elementor-element.elementor-element-fc67f67 .elementor-heading-title{font-size:28px;font-weight:500;}.elementor-2894 .elementor-element.elementor-element-8ad1db8{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Noto Sans Thai", Sans-serif;font-size:1em;font-weight:400;line-height:4px;}body.elementor-page-2894:not(.elementor-motion-effects-element-type-background), body.elementor-page-2894 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECEAE7;}@media(max-width:1024px){.elementor-2894 .elementor-element.elementor-element-6e4bb5b{padding:0px 20px 0px 20px;}.elementor-2894 .elementor-element.elementor-element-6e4bb5b .elementor-heading-title{font-size:50px;}.elementor-2894 .elementor-element.elementor-element-366b51c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-2894 .elementor-element.elementor-element-0a8c3f4{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2894 .elementor-element.elementor-element-0a8c3f4 .elementor-divider-separator{width:94%;margin:0 auto;margin-center:0;}.elementor-2894 .elementor-element.elementor-element-0a8c3f4 .elementor-divider{text-align:center;}.elementor-2894 .elementor-element.elementor-element-f6a3e96{--padding-top:6px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-2894 .elementor-element.elementor-element-1ccd173 .elementor-heading-title{font-size:1.7em;}.elementor-2894 .elementor-element.elementor-element-3808268{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--padding-top:6px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-2894 .elementor-element.elementor-element-042304e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2894 .elementor-element.elementor-element-04b116c .elementor-heading-title{font-size:1.7em;}.elementor-2894 .elementor-element.elementor-element-9632c57{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;columns:1;column-gap:0px;font-size:0.95em;line-height:0em;}.elementor-2894 .elementor-element.elementor-element-01e1539{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2894 .elementor-element.elementor-element-5002a9b .elementor-heading-title{font-size:1.3em;}.elementor-2894 .elementor-element.elementor-element-7e486d3{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;columns:1;column-gap:0px;font-size:0.95em;line-height:0em;}.elementor-2894 .elementor-element.elementor-element-f56067b .elementor-heading-title{font-size:1.3em;}.elementor-2894 .elementor-element.elementor-element-f098d8b{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;columns:1;column-gap:0px;font-size:0.95em;line-height:0em;}.elementor-2894 .elementor-element.elementor-element-8daa6ed .elementor-heading-title{font-size:1.3em;}.elementor-2894 .elementor-element.elementor-element-0b447aa{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;columns:1;column-gap:0px;font-size:0.95em;line-height:0em;}.elementor-2894 .elementor-element.elementor-element-fc67f67 .elementor-heading-title{font-size:1.3em;}.elementor-2894 .elementor-element.elementor-element-8ad1db8{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;columns:1;column-gap:0px;font-size:0.95em;line-height:0em;}}@media(max-width:767px){.elementor-2894 .elementor-element.elementor-element-e24da47{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2894 .elementor-element.elementor-element-6e4bb5b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2894 .elementor-element.elementor-element-6e4bb5b.elementor-element{--align-self:flex-end;}.elementor-2894 .elementor-element.elementor-element-6e4bb5b .elementor-heading-title{font-size:28px;}.elementor-2894 .elementor-element.elementor-element-366b51c{padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-2894 .elementor-element.elementor-element-0a8c3f4{margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2894 .elementor-element.elementor-element-f6a3e96{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2894 .elementor-element.elementor-element-f52de45{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2894 .elementor-element.elementor-element-1ccd173 .elementor-heading-title{font-size:1.7em;}.elementor-2894 .elementor-element.elementor-element-82cfee9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2894 .elementor-element.elementor-element-5b6ace5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2894 .elementor-element.elementor-element-4c20505{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-edcf919{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-9d556cf{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-891a63a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-01b6c77{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2894 .elementor-element.elementor-element-3808268{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2894 .elementor-element.elementor-element-04b116c .elementor-heading-title{font-size:1.7em;}.elementor-2894 .elementor-element.elementor-element-9632c57{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:0.85em;}.elementor-2894 .elementor-element.elementor-element-01e1539{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2894 .elementor-element.elementor-element-8b50847{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2894 .elementor-element.elementor-element-5002a9b .elementor-heading-title{font-size:1em;}.elementor-2894 .elementor-element.elementor-element-7e486d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:0.85em;}.elementor-2894 .elementor-element.elementor-element-065df53{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2894 .elementor-element.elementor-element-f56067b .elementor-heading-title{font-size:1em;}.elementor-2894 .elementor-element.elementor-element-f098d8b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:0.85em;}.elementor-2894 .elementor-element.elementor-element-c7b8ac0{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2894 .elementor-element.elementor-element-8daa6ed .elementor-heading-title{font-size:1em;}.elementor-2894 .elementor-element.elementor-element-0b447aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:0.85em;}.elementor-2894 .elementor-element.elementor-element-0f1a550{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2894 .elementor-element.elementor-element-fc67f67 .elementor-heading-title{font-size:1em;}.elementor-2894 .elementor-element.elementor-element-8ad1db8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:0.85em;}}@media(min-width:768px){.elementor-2894 .elementor-element.elementor-element-f52de45{--width:100%;}.elementor-2894 .elementor-element.elementor-element-82cfee9{--width:36%;}.elementor-2894 .elementor-element.elementor-element-5b6ace5{--width:60%;}.elementor-2894 .elementor-element.elementor-element-042304e{--width:38%;}.elementor-2894 .elementor-element.elementor-element-01e1539{--width:60%;}.elementor-2894 .elementor-element.elementor-element-8b50847{--width:50%;}.elementor-2894 .elementor-element.elementor-element-065df53{--width:50%;}.elementor-2894 .elementor-element.elementor-element-c7b8ac0{--width:50%;}.elementor-2894 .elementor-element.elementor-element-0f1a550{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2894 .elementor-element.elementor-element-042304e{--width:100%;}.elementor-2894 .elementor-element.elementor-element-01e1539{--width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-366b51c *//*
 * ✅ Nav Menu Underline (Final Version – ขยายจาก "กลางคำ" ออกสองข้าง)
 * - ชิดซ้ายจริง
 * - เส้นใต้ขยายจากตรงกลาง
 * - รองรับ mobile
 * - ปรับสี ฟอนต์ ขนาด ได้ตามปกติ
 */

/* กล่องเมนูหลัก */
.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu {
  display: flex;
  justify-content: flex-start;    /* ชิดซ้ายแน่นอน */
  flex-wrap: wrap;                /* มือถือไม่ติดกัน */
  gap: 20px;                      /* ระยะห่างระหว่างเมนู */
  text-align: left;
}

/* รายการเมนูแต่ละตัว */
.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .elementor-item {
  position: relative;
  display: inline-block;
  padding: 0 0 6px 0;             /* ช่องว่างระหว่างข้อความกับเส้น */
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
}

/* เส้นใต้ */
.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .elementor-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor; /* สีเดียวกับข้อความ */
  transform: scaleX(0);           /* ซ่อนเส้นตอนเริ่มต้น */
  transform-origin: center;       /* ✅ ขยายจาก "กลางคำ" */
  transition: transform 0.3s ease;
}

/* Hover effect */
.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .elementor-item:hover::after {
  transform: scaleX(1);
}

/* Active menu */
.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .elementor-item.elementor-item-active::after {
  transform: scaleX(1);
}

/* ลบ margin/padding ที่ Elementor ใส่ใน li */
.elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .menu-item {
  margin: 0;
  padding: 0;
}

/* Responsive: Mobile dropdown */
@media (max-width: 768px) {
  .elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu {
    justify-content: flex-start;
    gap: 12px;
  }

  .elementor-2894 .elementor-element.elementor-element-366b51c .elementor-nav-menu .elementor-item {
    padding-bottom: 4px;
    font-size: inherit;
  }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================= */
/* CSS โค้ดฉบับสมบูรณ์ (แก้ไขการซ้อนทับ + 10 คอลัมน์ + Flexbox Layout) */
/* ============================================================= */

/* ------------------------------------------------------------- */
/* A. จัดรูปแบบสำหรับกล่องแสดงผลคำอธิบาย (ID: #blood-meaning-display) */
/* ------------------------------------------------------------- */
#blood-meaning-display { 
    text-align: left; 
    
    padding: 15px; 
    max-height: 250px; /* จำกัดความสูงสูงสุดบน Desktop */
    overflow-y: auto; 

    border: 0px solid #ddd;
    color: #444; 
    display: block; 
}

#blood-meaning-display h3 {
    font-size: 16px;
    line-height: 1.5;
    margin: 0; 
    font-weight: normal; 
    color: #787878; 
    font-style: normal;
}

#blood-meaning-display.initial-state h3 {
    color: #aaaaaa; 
    font-style: normal; 
    font-weight: 400; 
    font-size: 16px ;
}


/* ------------------------------------------------------------- */
/* B. จัดรูปแบบสำหรับตารางค่าเลือด (ใช้ CSS Grid เพื่อป้องกันการซ้อนทับ) */
/* ------------------------------------------------------------- */

.test-trigger-container {
    display: grid; 
    
    /* *สำคัญ*: บังคับให้ขนาดคอลัมน์คงที่ (10 คอลัมน์) */
    grid-template-columns: repeat(10, 1fr); 
    
    /* *สำคัญ*: บังคับให้ขนาดแถวสม่ำเสมอตามขนาดที่น้อยที่สุด/สัดส่วน */
    grid-auto-rows: 1fr; /* ใช้ 1fr เพื่อแบ่งพื้นที่อย่างเท่าเทียม */
    /* หรือ grid-auto-rows: minmax(0, 1fr); */

    /* บังคับใช้ Gap 1px เพื่อสร้างระยะห่าง */
    gap: 1px; 
    
    /* ลบ Margin/Padding ทั้งหมดออกจาก Container */
    padding: 0; 
    margin: 0; 
    border: none;
    
    /* *ใหม่*: ปรับ Border-collapse เพื่อความแม่นยำของ Grid */
    border-collapse: separate; 
}

.test-trigger {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    aspect-ratio: 1 / 1; /* รักษาสัดส่วน 1:1 */
    
    margin: 0; 
    padding: 0;
    
    border: 1px solid #1D1D1F;
    cursor: pointer;
    font-size: 14px; 
    
    /* *ใหม่*: สำคัญมากสำหรับความสม่ำเสมอของขนาด */
    box-sizing: border-box; 
    
    /* *ใหม่*: ปรับ Border-radius เป็น 0 เพื่อให้ขอบเป็นเหลี่ยมคม */
    border-radius: 0; 
}


/* ------------------------------------------------------------- */
/* C. Responsive Breakpoints สำหรับ Grid ปุ่ม */
/* ------------------------------------------------------------- */

/* หน้าจอ Tablet หรือหน้าจอที่เล็กลง (น้อยกว่า 768px) */
@media (max-width: 768px) {
    /* D. การปรับขนาดกล่องคำอธิบายบน Mobile View (ลดความสูง) */
    #blood-meaning-display {
        max-height: none; 
        padding: 10px 15px;
    }
    
    .test-trigger-container {
        /* ปรับเป็นแถวละ 8 คอลัมน์ */
        grid-template-columns: repeat(8, 1fr); 
    }
    .test-trigger {
        font-size: 13px;
    }
}

/* หน้าจอมือถือ (น้อยกว่า 480px) */
@media (max-width: 480px) {
    .test-trigger-container {
        /* ปรับเป็นแถวละ 8 คอลัมน์ */
        grid-template-columns: repeat(8, 1fr); 
    }
    .test-trigger {
        font-size: 12px;
    }
}

/* ------------------------------------------------------------- */
/* E. การจัดวางพื้นที่หลัก (กล่องคำอธิบาย และ กลุ่มปุ่ม) */
/* ------------------------------------------------------------- */
.main-content-wrapper {
    display: flex; /* เปิดการจัดวางแบบ Flexbox */
    flex-wrap: wrap; 
    gap: 20px; 
}

.explanation-area {
    width: 300px; 
    flex-shrink: 0; 
}

.screening-sections {
    flex-grow: 1; 
    min-width: 300px; 
}


/* ------------------------------------------------------------- */
/* F. ปรับปรุงตำแหน่งของกล่องคำอธิบายบน Mobile (บังคับให้วางซ้อนกัน) */
/* ------------------------------------------------------------- */
@media (max-width: 768px) {
    /* ยกเลิกการจัดวางข้างกันบน Mobile ให้วางซ้อนกันเหมือนเดิม */
    .main-content-wrapper {
        flex-direction: column; 
    }
    
    /* ให้กล่องคำอธิบายเต็มความกว้างบน Mobile */
    .explanation-area {
        width: 100%; 
    }
}/* End custom CSS */