/* Sarabun — โฮสต์เอง (Open Font License) เพื่อไม่ให้ IP ผู้เข้าชมถูกส่งไป Google */
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/sarabun-400-thai.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/sarabun-400-latin-ext.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;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/sarabun-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/sarabun-600-thai.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/sarabun-600-latin-ext.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;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/sarabun-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/sarabun-700-thai.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/sarabun-700-latin-ext.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;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/sarabun-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/sarabun-800-thai.woff2) format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/sarabun-800-latin-ext.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;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/sarabun-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Qualimed Update — เว็บคลังบทความ (Design D "Refined Soft" ฉบับเว็บ) */
:root{
  --navy:#173462; --navy-deep:#0f2546; --orange:#e8741c; --orange-soft:#f6a96a;
  --ink:#2e323b; --muted:#7c8595; --page:#eef1f7; --card:#ffffff; --line:#dde4ee;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--page); color:var(--ink);
  font-family:'Sarabun',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,Arial,sans-serif;
  line-height:1.75;
}
img{max-width:100%;height:auto;}
a{color:#1c4f9c;}
.wrap{max-width:760px;margin:0 auto;padding:0 16px;}

/* ---- site header ---- */
.site-head{background:var(--navy);}
.site-head .wrap{padding:0 16px;}
.site-head img.masthead{display:block;width:100%;}
.nav{background:var(--navy-deep);}
.nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0 16px;max-width:760px;margin:0 auto;}
.nav a{display:inline-block;padding:12px 14px;color:#c3d0e6;text-decoration:none;font-size:14.5px;font-weight:600;}
.nav a:hover,.nav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -3px 0 var(--orange);}

/* ---- breadcrumb ---- */
.crumb{font-size:13px;color:var(--muted);padding:14px 0 0;}
.crumb a{color:var(--muted);text-decoration:none;}
.crumb a:hover{text-decoration:underline;}

/* ---- card ---- */
.card{background:var(--card);border-radius:18px;box-shadow:0 8px 30px rgba(20,40,80,.08);overflow:hidden;margin:14px 0 26px;}
.card-head{background:var(--navy);padding:26px 34px 30px;}
.badge{display:inline-block;background:var(--orange);color:#fff;font-size:12px;font-weight:800;letter-spacing:1.5px;padding:5px 13px;border-radius:4px;}
.card-head h1{margin:16px 0 0;font-size:31px;line-height:1.24;font-weight:800;color:#fff;}
.card-head .sub{margin:8px 0 0;font-size:17.5px;line-height:1.5;font-weight:600;color:var(--orange-soft);}
.card-head .by{margin:16px 0 0;font-size:13.5px;color:#aebbd4;}
.card-head .by b{color:#fff;font-weight:700;}
.card-head .by::before{content:"";display:inline-block;width:14px;height:2px;background:var(--orange);vertical-align:middle;margin-right:8px;}
.seam{height:4px;background:var(--orange);}

/* ---- article body (บล็อกจาก slots — inline style เดิมถูกเก็บไว้) ---- */
.body{padding:26px 34px 30px;}
.blk{margin:0 0 18px;}
.blk.lead{border-left:5px solid var(--orange);padding-left:18px;}
.blk:last-child{margin-bottom:0;}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tablewrap table{min-width:520px;}

/* ---- signup CTA ---- */
.cta{background:var(--navy);border-radius:16px;padding:24px 26px;margin:26px 0;color:#fff;}
.cta h2{margin:0 0 6px;font-size:20px;font-weight:800;color:#fff;}
.cta p{margin:0 0 16px;font-size:15px;color:#aebbd4;line-height:1.65;}
.btn{display:inline-block;background:var(--orange);color:#fff !important;text-decoration:none;font-weight:800;font-size:16px;padding:13px 30px;border-radius:999px;}
.btn:hover{filter:brightness(1.06);}

/* ---- issue list ---- */
.issues{list-style:none;margin:0;padding:0;}
.issues li{background:var(--card);border-radius:14px;box-shadow:0 4px 16px rgba(20,40,80,.06);margin:0 0 14px;}
.issues a.item{display:block;padding:20px 24px;text-decoration:none;color:inherit;}
.issues a.item:hover{box-shadow:inset 0 0 0 2px var(--orange);border-radius:14px;}
.issues .m{font-size:12px;font-weight:800;letter-spacing:1.2px;color:var(--orange);}
.issues h3{margin:6px 0 2px;font-size:20px;font-weight:800;color:var(--navy);line-height:1.3;}
.issues .st{margin:0 0 8px;font-size:15px;font-weight:600;color:#4a5568;}
.issues .te{margin:0;font-size:14.5px;color:var(--muted);line-height:1.65;}
.issues .au{margin:8px 0 0;font-size:13px;color:var(--muted);}

/* ---- prev/next ---- */
.pager{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0;}
.pager a{flex:1 1 240px;background:var(--card);border-radius:12px;padding:14px 18px;text-decoration:none;color:inherit;box-shadow:0 4px 16px rgba(20,40,80,.06);}
.pager span{display:block;font-size:12px;color:var(--muted);font-weight:700;}
.pager b{font-size:15.5px;color:var(--navy);font-weight:700;}

/* ---- footer ---- */
.site-foot{background:var(--navy-deep);color:#8aa0c4;margin-top:34px;padding:26px 0 34px;font-size:13px;line-height:1.7;}
.site-foot b{display:block;color:#fff;font-size:14px;font-weight:800;letter-spacing:2px;margin-bottom:8px;}
.site-foot a{color:var(--orange-soft);}
.disclaimer{background:#fdf4ea;border:1px solid #f1ddc4;border-radius:12px;padding:14px 18px;font-size:13.5px;line-height:1.7;color:#5a4632;margin:20px 0;}

@media (max-width:600px){
  .card-head{padding:22px 20px 24px;}
  .card-head h1{font-size:25px;}
  .card-head .sub{font-size:16px;}
  .body{padding:20px 20px 24px;}
  .blk.lead{padding-left:14px;}
  .issues a.item{padding:16px 18px;}
  .cta{padding:20px;}
}

/* ---- ข้อความแจ้งผลของฟอร์ม ---- */
.mcnote{margin:14px 0 0;font-size:14px;line-height:1.6;padding:0;}
.mcnote.ok{color:#1d6b3f;font-weight:600;}
.mcnote.err{color:#bf5a12;font-weight:600;}

/* ---- ฟอร์มสมัคร (ใช้ทั้งหน้า subscribe และกล่องลงทะเบียนในบทความ) ---- */
.mcform{background:#fff;border-radius:16px;padding:26px 28px;box-shadow:0 8px 30px rgba(20,40,80,.08);}
.mcform label{display:block;font-weight:700;font-size:14.5px;color:#173462;margin:16px 0 6px;}
.mcform label:first-of-type{margin-top:0;}
.mcform input,.mcform select{display:block;width:100%;max-width:100%;padding:12px 14px;font-size:16px;
  font-family:inherit;color:#2e323b;border:1.5px solid #dde4ee;border-radius:10px;background:#fff;}
.mcform input:focus,.mcform select:focus{outline:none;border-color:#e8741c;}
.mcform .btn{margin-top:22px;border:0;cursor:pointer;font-family:inherit;}
.mcform .btn:disabled{opacity:.6;cursor:default;}
.mcform .fineprint{margin:14px 0 0;font-size:13px;line-height:1.65;color:#7c8595;}

/* ---- ข้อความขอความยินยอม (ร่าง) ---- */
.consent{margin:20px 0 0;padding:14px 16px;border:1.5px solid #d8e2f3;border-radius:12px;background:#f7f9fd;}
.consent label{display:flex;align-items:flex-start;gap:10px;margin:0;font-weight:400;font-size:14px;
  line-height:1.65;color:#2e323b;cursor:pointer;}
.consent input[type=checkbox]{display:inline-block;width:18px;min-width:18px;height:18px;margin:3px 0 0;padding:0;flex:0 0 auto;accent-color:#e8741c;}
.consent a{color:#1c4f9c;}
.draftflag{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:#bf5a12;font-weight:600;}

/* ---- หน้าติดต่อเรา ---- */
.contact-grid{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;}
.contact-grid .col{flex:1 1 260px;}
.qr{background:#fff;border:1.5px solid #dde4ee;border-radius:16px;padding:16px;display:inline-block;line-height:0;}
.qr img{width:200px;height:200px;display:block;}
.qr-cap{margin:10px 0 0;font-size:13.5px;color:#7c8595;line-height:1.6;text-align:center;}
.line-id{display:inline-block;margin:4px 0 0;font-size:15px;color:#1c4f9c;word-break:break-all;}
.addr{margin:0;font-size:15px;line-height:1.85;color:#2e323b;}