:root{--color-primary: #0a6e5a;--color-primary-dark: #084d3f;--color-primary-light: #e8f5f2;--color-primary-mid: #c3e8e0;--color-warning: #b45309;--color-warning-bg: #fffbeb;--color-warning-border: #f59e0b;--color-info: #1e40af;--color-info-bg: #eff6ff;--color-info-border: #93c5fd;--color-success: #065f46;--color-success-bg: #d1fae5;--color-success-border: #6ee7b7;--color-shopee: #ee4d2d;--color-shopee-dark: #c73e24;--color-lazada: #0f146d;--color-lazada-dark: #090e52;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-bg-section: #f3f4f6;--color-text: #111827;--color-text-muted: #4b5563;--color-border: #d1d5db;--color-border-light: #e5e7eb;--font-body: "Sarabun", "Leelawadee UI", "Noto Sans Thai", system-ui, sans-serif;--font-heading: var(--font-body);--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.35;--leading-normal: 1.75;--leading-relaxed: 1.9;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--tap-target: 2.75rem;--max-width: 780px;--max-width-article: 680px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-card-hover: 0 4px 12px rgba(10,110,90,.15);--shadow-top-pick: 0 0 0 2px var(--color-primary), 0 4px 16px rgba(10,110,90,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--color-text);margin-bottom:var(--space-4)}h1{font-size:var(--text-3xl);font-weight:700}h2{font-size:var(--text-2xl);font-weight:600}h3{font-size:var(--text-xl);font-weight:600}h4{font-size:var(--text-lg);font-weight:600}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:underline}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}main{padding-top:var(--space-8);padding-bottom:var(--space-16)}.site-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:var(--text-lg);font-weight:700;color:var(--color-primary);text-decoration:none}.site-logo:hover{color:var(--color-primary-dark)}.site-nav{display:flex;gap:var(--space-6);list-style:none}.site-nav a{color:var(--color-text);text-decoration:none;font-size:var(--text-sm)}.site-nav a:hover{color:var(--color-primary)}@media (max-width: 640px){.site-nav{display:none}}.site-footer{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--space-16)}.site-footer p{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-2)}.author-box{display:flex;align-items:flex-start;gap:var(--space-4);background-color:var(--color-primary-light);border:1.5px solid var(--color-primary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}.author-box__avatar{width:60px;height:60px;border-radius:50%;background-color:var(--color-primary);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;line-height:1}.author-box__info{flex:1}.author-box__name{font-weight:700;font-size:var(--text-md);color:var(--color-primary-dark);margin-bottom:var(--space-1);line-height:var(--leading-tight)}.author-box__title{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.author-box__updated{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.disclaimer-box{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-left:4px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-top:var(--space-8);margin-bottom:var(--space-4)}.disclaimer-box__title{font-weight:700;color:var(--color-warning);margin-bottom:var(--space-2);font-size:var(--text-sm);letter-spacing:.01em}.disclaimer-box__text{color:var(--color-text);font-size:var(--text-sm);margin-bottom:0;line-height:var(--leading-relaxed)}.affiliate-disclosure{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.affiliate-disclosure__text{color:var(--color-info);font-size:var(--text-sm);margin-bottom:0;line-height:var(--leading-relaxed)}.hero{background-color:var(--color-primary-light);padding:var(--space-12) 0;text-align:center;border-bottom:1px solid var(--color-border)}.hero__title{font-size:var(--text-3xl);color:var(--color-primary-dark);margin-bottom:var(--space-4)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:560px;margin:0 auto var(--space-6)}.hero__coming-soon{display:inline-block;background-color:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;text-decoration:none}.breadcrumb ol{display:flex;gap:var(--space-2);list-style:none;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.breadcrumb li+li:before{content:"/";margin-right:var(--space-2)}.breadcrumb a{color:var(--color-primary)}.page-header{margin-bottom:var(--space-8)}.page-intro{font-size:var(--text-lg);color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:0}.disease-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.disease-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg);text-decoration:none;color:inherit}.disease-list__item--coming-soon{opacity:.75}.disease-list__item--link:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.disease-list__content h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.disease-list__content p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.badge{display:inline-block;white-space:nowrap;font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-weight:600}.badge--soon{background-color:var(--color-bg-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge--new{background-color:var(--color-primary);color:#fff}.subtopic-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-6)}@media (min-width: 640px){.subtopic-grid{grid-template-columns:repeat(2,1fr)}}.subtopic-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-5);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;background-color:var(--color-bg);box-shadow:var(--shadow-card);transition:border-color .15s,background-color .15s,box-shadow .15s;min-height:var(--tap-target)}.subtopic-card:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:var(--shadow-card-hover)}.subtopic-card__icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-primary-light);border:1.5px solid var(--color-primary);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}.subtopic-card__content{flex:1}.subtopic-card__label{font-size:var(--text-xs);color:var(--color-primary);font-weight:700;display:block;margin-bottom:.125rem;text-transform:uppercase;letter-spacing:.04em}.subtopic-card__title{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1);line-height:var(--leading-tight)}.subtopic-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0;line-height:var(--leading-normal)}.subtopic-card__arrow{color:var(--color-primary);font-size:var(--text-lg);flex-shrink:0;opacity:.7}.key-facts{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin:var(--space-8) 0}.key-facts__title{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3)}.key-facts ul{padding-left:var(--space-6);margin-bottom:0}.key-facts li{font-size:var(--text-sm);margin-bottom:var(--space-2)}.key-facts li:last-child{margin-bottom:0}.product-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-6)}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr)}}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-bg);box-shadow:var(--shadow-card);transition:box-shadow .2s}.product-card:hover{box-shadow:var(--shadow-card-hover)}.product-card--top-pick{box-shadow:var(--shadow-top-pick);border-color:var(--color-primary)}.product-card__badge{background-color:var(--color-success);color:#fff;text-align:center;font-size:var(--text-sm);font-weight:700;padding:var(--space-2) var(--space-4);letter-spacing:.02em}.product-card__badge--rank{background-color:var(--color-bg-alt);color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.product-card__body{padding:var(--space-4) var(--space-5);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.product-card__brand{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.product-card__name{font-size:var(--text-lg);font-weight:700;margin-bottom:0;line-height:var(--leading-tight)}.product-card__specs{display:flex;gap:var(--space-2);flex-wrap:wrap}.spec-chip{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.2rem var(--space-3);font-size:var(--text-sm);font-weight:600;white-space:nowrap;line-height:1.5}.spec-chip--highlight{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.spec-chip--caution{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.product-card__note{font-size:var(--text-sm);color:var(--color-text);margin-bottom:0;line-height:var(--leading-relaxed);border-left:2px solid var(--color-primary-mid);padding-left:var(--space-3)}.product-card__price{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.product-card__actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-light);background-color:var(--color-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-decoration:none;text-align:center;flex:1;cursor:pointer;border:none;transition:background-color .15s,opacity .15s}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-dark);color:#fff}.btn--shopee{background-color:var(--color-shopee);color:#fff}.btn--shopee:hover{background-color:var(--color-shopee-dark);color:#fff}.btn--lazada{background-color:var(--color-lazada);color:#fff}.btn--lazada:hover{background-color:var(--color-lazada-dark);color:#fff}.btn--outline{border:1.5px solid var(--color-border);color:var(--color-text);background-color:var(--color-bg)}.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--lg{min-height:3rem;padding:var(--space-3) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.article-content h2{margin-top:var(--space-12);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.article-content h3{margin-top:var(--space-8)}.article-content ul,.article-content ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.article-content li{margin-bottom:var(--space-2)}.faq-item{border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.faq-item:first-child{padding-top:0}.faq-item__q{font-size:var(--text-lg);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--space-3)}.faq-item__a{font-size:var(--text-base);color:var(--color-text);margin-bottom:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.hero__title{font-size:var(--text-2xl)}.author-box{padding:var(--space-4);gap:var(--space-3)}.product-grid,.subtopic-grid{grid-template-columns:1fr}.product-card__actions{flex-direction:column}.key-facts{padding:var(--space-4)}}@media (min-width: 641px) and (max-width: 1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.product-grid{grid-template-columns:repeat(3,1fr)}}