:root{--bs-primary:#008c68;--bs-primary-rgb:0,140,104;--bs-secondary:#173f47;--bs-secondary-rgb:23,63,71;--ink:#153c38;--green:#008c68;--line:#e0ebe5;--bs-body-font-family:'Sarabun',sans-serif}*{box-sizing:border-box}body.site-body{background:#f7faf8;color:var(--ink);font-family:'Sarabun',sans-serif}h1,h2,h3,h4,h5,.font-thai{font-family:'Kanit',sans-serif;color:var(--ink);font-weight:500}a{color:#007d5b}h1{line-height:1.25}p{line-height:1.8}.btn{border-radius:10px;font-family:'Sarabun',sans-serif;font-weight:600}.btn-primary{background:#008c68;border-color:#008c68;color:white}.btn-primary:hover,.btn-primary:focus{background:#006b50;border-color:#006b50}.btn-outline-primary{border-color:#008c68;color:#008c68}.btn-outline-primary:hover{background:#008c68;border-color:#008c68;color:white}.text-primary,.text-gov{color:#007e5b!important}.health-topbar{background:#063f36;color:#d6ebe3;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:8px;background:#a8e5b0;border-radius:50%;vertical-align:middle}.health-nav{background:#fff;border-bottom:1px solid var(--line);padding:16px 0;box-shadow:0 3px 15px #123d3804}.health-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);min-width:0}.health-brand img{object-fit:contain}.health-brand strong{display:block;font-family:'Kanit',sans-serif;font-size:19px;font-weight:500}.health-brand small{display:block;font-size:9px;letter-spacing:1.4px;color:#71877f;margin-top:3px}.health-nav .nav-link{color:#425c54;font-size:14px}.health-nav .nav-link:hover{color:#008c68}.health-nav .dropdown-menu{border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #153c3810;padding:10px}.health-nav .dropdown-item{border-radius:8px;padding:10px 14px}.health-nav .navbar-toggler{border:0;font-size:26px;color:#164b3f}.health-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 30%,#1e6d55 0,transparent 55%),linear-gradient(120deg,#073b34,#094c3e);color:#fff;padding:80px 0 110px}.network-canvas{position:absolute;inset:0;pointer-events:none;opacity:.4}.network-canvas canvas{width:100%;height:100%}.hero-kicker{font-size:11px;letter-spacing:1.4px;color:#bce5cc;margin-bottom:24px}.health-hero h1{font-size:clamp(36px,4.4vw,60px);font-weight:500;line-height:1.35;letter-spacing:-1.3px;color:#fff}.health-hero h1 span{color:#b1e4a7}.hero-description{color:#c2dcd0;font-size:17px;margin-top:22px}.hero-trust{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;color:#b8d8c8;margin-top:36px}.hero-trust i{margin-right:7px}.hero-panel{position:relative;background:#ffffff0a;border:1px solid #ffffff26;border-radius:26px;padding:25px;backdrop-filter:blur(4px);box-shadow:0 25px 70px #00251c25}.hero-panel .small{font-size:10px;letter-spacing:1.7px}.live-pill{padding:6px 10px;border-radius:30px;background:#ffffff0e;color:#b9edb2;font-size:10px}.health-orbit{position:relative;height:230px;display:grid;place-items:center}.medical-emblem{width:126px;height:126px;border-radius:30px;background:linear-gradient(130deg,#0caa7b,#076650);display:grid;place-items:center;transform:rotate(-8deg);border:1px solid #a8e7b34f;box-shadow:0 15px 40px #002c2030}.medical-emblem i{font-size:69px;color:#d7ffd4;transform:rotate(8deg)}.orbit-ring{position:absolute;width:218px;height:218px;border:1px dashed #8bc4a950;border-radius:50%}.orbit-ring:after{content:'';position:absolute;inset:25px;border:1px solid #8bc4a930;border-radius:50%}.orbit-tag{position:absolute;background:#eaffed;color:#1a5c46;box-shadow:0 10px 30px #00251c30;border-radius:12px;padding:10px 14px;font-size:12px}.orbit-tag i{margin-right:6px}.orbit-tag-one{left:2px;top:40px}.orbit-tag-two{right:0;bottom:40px}.hero-metrics{border-top:1px solid #ffffff24;padding-top:20px}.hero-metrics strong{font-family:'Kanit';font-size:32px;font-weight:500;display:block}.hero-metrics small{color:#c2ddcf;font-size:11px;letter-spacing:0!important}.quick-access-wrap{position:relative;margin-top:-40px;z-index:1}.quick-access{background:white;border:1px solid var(--line);padding:22px;border-radius:20px;box-shadow:0 12px 40px #123d3809}.quick-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:10px;border-radius:12px}.quick-item:hover{background:#f0f8f1;color:#006b50}.quick-icon{display:grid;place-items:center;background:#eaf5ef;color:#00845e;border-radius:12px;min-width:48px;height:48px;font-size:23px}.quick-item strong{font-size:14px;display:block}.quick-item small{display:block;font-size:11px;color:#71877f;margin-top:4px}.quick-arrow{margin-left:auto;font-size:12px;color:#76988a}.section-space{padding-top:70px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#00845e;margin-bottom:10px}.section-heading h2{font-size:29px;margin-bottom:8px}.section-heading p{font-size:14px;color:#6e847a;margin-bottom:0}.category-pills{display:flex;flex-wrap:wrap;gap:8px}.category-pills a{border:1px solid #e1ece6;background:#fff;border-radius:30px;padding:8px 16px;text-decoration:none;font-size:12px;color:#536c61}.category-pills a.active{background:#0b5c45;border-color:#0b5c45;color:white}.health-news-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.health-news-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #173f4710}.health-news-cover{display:block;position:relative;aspect-ratio:16/10;background:#e2eee7;overflow:hidden}.health-news-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.health-news-card:hover img{transform:scale(1.025)}.category-label{position:absolute;left:16px;bottom:14px;background:#fff;border-radius:6px;color:#166047;font-size:11px;padding:5px 10px}.cover-placeholder{height:100%;background:radial-gradient(at 80% 5%,#c8e7d0,transparent),linear-gradient(135deg,#dceee4,#b8dac7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#348167;gap:10px}.cover-placeholder i{font-size:57px}.cover-placeholder span{font-size:9px;letter-spacing:2px}.health-news-body{padding:24px;flex:1;display:flex;flex-direction:column}.health-news-body h3{font-size:19px;line-height:1.6}.health-news-body h3 a{text-decoration:none;color:#1c453b}.health-news-body p{color:#718379;font-size:13px}.news-card-footer{margin-top:auto;padding-top:18px;border-top:1px solid #edf2ee;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#7a8d82}.news-card-footer a{font-weight:700;text-decoration:none}.service-section{background:#eef5ef;border-top:1px solid #e4eee5;border-bottom:1px solid #e4eee5}.service-tile{height:100%;display:flex;gap:16px;align-items:center;padding:20px;border-radius:14px;border:1px solid #dce9df;background:#fff;text-decoration:none;color:#245443;font-size:14px}.service-tile:hover{border-color:#8acbab}.staff-banner{background:linear-gradient(110deg,#104d3e,#08654d);color:#d3e9dc;border-radius:20px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.staff-banner h2{color:white;font-size:27px}.staff-banner p{font-size:14px}.staff-banner .btn{white-space:nowrap}.health-footer{background:#082e28;color:#aacabd}.health-footer a{color:#bddacb;display:block;text-decoration:none;font-size:13px;margin-bottom:12px}.health-footer a:hover{color:white}.footer-wordmark{font-family:'Kanit';font-size:24px;color:#d6efdb;letter-spacing:1px}.footer-bottom{border-top:1px solid #ffffff20;font-size:10px;color:#8fafa0}.page-masthead{padding:50px 0;background:#eaf3ed;border-bottom:1px solid #dce9e0}.page-masthead h1{font-size:36px}.page-masthead p{color:#6a8374;margin-bottom:0}.search-panel{padding:24px;background:white;border:1px solid var(--line);border-radius:16px}.workspace-nav{padding:18px 22px;background:white;border:1px solid var(--line);border-radius:16px}.admin-card,.stat-card,.admin-sidebar{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px #173f4704}.stat-card{border-top:3px solid #00966b}.admin-body .site-main{background:#f1f6f2}.table{font-size:14px}.table th{font-size:12px;color:#65816f;background:#f3f8f4;white-space:nowrap}.table-wrap{overflow-x:auto}.table>:not(caption)>*>*{padding:16px 12px;border-color:#e6eee8}.form-control,.form-select{border-color:#dce7df;border-radius:9px;padding:11px 13px}.form-control:focus,.form-select:focus{border-color:#69b48f;box-shadow:0 0 0 3px #008c6812}.form-label{font-size:13px;font-weight:600}.step-dot{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;background:#e9f6ec;color:#00845e;border-radius:50%;font-family:'Sarabun';font-size:12px}.sticky-editor{position:sticky;top:120px}.member-note{font-size:12px;line-height:1.8;color:#73867a;background:#f1f7f2;padding:15px;border-radius:10px}.article-shell{max-width:960px;margin:0 auto;border-radius:22px;border:1px solid var(--line);overflow:hidden;background:#fff}.article-heading{padding:40px 46px 30px}.article-heading h1{font-size:clamp(25px,3.6vw,39px)}.article-cover{width:100%;max-height:600px;object-fit:contain;background:#f0f5ef}.article-body{padding:40px 46px}.post-content{font-size:17px;line-height:1.95;overflow-wrap:anywhere}.member-gate{padding:45px 20px;background:radial-gradient(at 50% 0,#e1f4e6,transparent),#f6faf7;border:1px solid #e1ece4;border-radius:18px;margin-top:30px}.gate-icon{margin:0 auto 18px;width:54px;height:54px;display:grid;place-items:center;color:#008c68;border-radius:16px;background:#deefe2;font-size:25px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gallery-item{border:0;padding:0;border-radius:12px;overflow:hidden;background:#e9f2ea}.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover}.lightbox-dialog{border:0;border-radius:18px;max-width:95vw;width:900px;max-height:95vh;padding:0;background:#fff;color:#315744}.lightbox-dialog::backdrop{background:#001b15d9}.lightbox-dialog>img{display:block;width:100%;height:65vh;object-fit:contain;background:#0a2921}.upload-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.upload-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.empty-state{border:1px dashed #cbded0;border-radius:18px;padding:45px;text-align:center;color:#73927f;background:#f6fbf7}.site-main{min-height:60vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-brand-panel{background:radial-gradient(at 0 0,#1b7157,transparent),#063e32;color:#cce6d5;position:relative;padding:60px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-brand-panel h1{color:white;font-size:46px;line-height:1.45}.login-form-panel{background:#fcfdfb;display:grid;place-items:center;padding:45px 30px}.login-form-box{width:100%;max-width:410px}.login-form-box h2{font-size:30px}.login-logo{width:65px;height:65px;object-fit:contain}.login-security{margin-top:35px;font-size:12px;color:#7c9184;line-height:1.8}.login-brand-content{position:relative;z-index:1}.login-brand-footer{position:relative;font-size:12px;color:#9fc5b0}.mobile-session-notice{position:fixed;bottom:20px;right:20px;z-index:1200;max-width:350px;padding:18px;background:#fff8df;border:1px solid #f0dd9b;border-radius:14px;box-shadow:0 6px 24px #173f4720}
@media(max-width:1199px){.health-brand strong{font-size:17px}.health-nav .navbar-collapse{padding-top:18px}.health-nav .nav-link{padding:12px}.health-nav .navbar-nav{gap:4px}.quick-arrow{display:none}}@media(max-width:991px){.health-hero{padding:50px 0 85px}.hero-panel{max-width:480px;margin:auto}.hero-description{font-size:16px}.health-orbit{height:185px}.orbit-ring{width:175px;height:175px}.medical-emblem{width:110px;height:110px}.medical-emblem i{font-size:58px}.section-space{padding:45px 0}.sticky-editor{position:static}.staff-banner{padding:30px}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.health-brand small{font-size:8px}}@media(max-width:575px){.health-nav{padding:12px 0}.health-brand strong{font-size:14px;max-width:245px}.health-brand img{width:40px;height:40px}.health-brand small{letter-spacing:.5px;font-size:7px}.health-topbar{font-size:10px}.hero-kicker{font-size:9px}.health-hero h1{font-size:38px}.hero-trust{font-size:10px;gap:14px;margin-top:25px}.quick-access{padding:10px;gap:4px}.quick-item{padding:10px 4px;gap:8px}.quick-icon{min-width:34px;height:34px;font-size:18px;border-radius:9px}.quick-item strong{font-size:12px}.quick-item small{font-size:9px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading h2{font-size:26px}.section-heading p{font-size:12px}.staff-banner{flex-direction:column;align-items:start;padding:25px}.staff-banner h2{font-size:23px}.article-heading,.article-body{padding:25px 20px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.health-footer .h5{font-size:16px}.health-news-body{padding:20px}.page-masthead{padding:32px 0}.workspace-nav{padding:16px}.table-wrap .table{min-width:620px}.login-form-panel{padding:35px 22px}.member-gate{padding:30px 14px}.member-gate h2{font-size:22px}.health-hero .btn-lg{font-size:14px;padding:13px 18px}.hero-panel{padding:20px}.hero-metrics strong{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Center the redesigned layouts independently of the legacy full-width rules. */
.site-body .container{width:100%;max-width:1240px!important;margin-inline:auto;padding-inline:24px}
@media(max-width:575px){.site-body .container{padding-inline:16px}}
.health-nav .dropdown-toggle::after{font-family:inherit;content:'';display:inline-block;margin-left:7px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent;width:0;height:0;position:static}