@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";.samples-table__scroller{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;overflow-x:auto}.samples-table table{border-collapse:collapse;width:100%;min-width:860px}.samples-table th,.samples-table td{text-align:left;border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:14px 12px;font-size:14px;line-height:20px}.samples-table th{color:#334155;background:#f8fafc;font-weight:600}.samples-table tbody tr:hover{background:#f8fafc}.samples-table__row-link{cursor:pointer}.samples-table__row-link:focus-visible{outline-offset:-2px;outline:2px solid #ea580c}.samples-table tbody tr:last-child td{border-bottom:0}.table-link{color:#0f172a;font-weight:700}.table-link:hover{color:#ea580c}.table-cell--truncate{white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.search-results{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;margin-top:14px;padding:12px}.search-results__meta{color:#475569;margin:0 0 10px;font-size:13px;line-height:18px}.search-results__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.search-result-card{border:1px solid var(--border-soft);background:#fff;border-radius:10px;overflow:hidden}.search-result-card--empty{color:#475569;padding:12px;font-size:14px;line-height:20px}.search-result-link{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.search-result-link:hover{background:#f8fafc}.search-result-image{object-fit:cover;background:#e2e8f0;border-radius:8px;width:64px;height:64px}.search-result-body{min-width:0}.search-result-title{color:#0f172a;margin:0;font-size:14px;font-weight:700;line-height:20px}.search-result-subtitle{color:#475569;margin:2px 0 0;font-size:12px;line-height:16px}.search-result-subtitle--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.site-footer{color:oklch(87.2% .01 258.338);background:#050f24;margin-top:64px;position:relative}.site-footer:before{display:none}.footer-inner{padding-block:32px 24px;position:relative}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-bottom:32px;display:grid}.footer-grid h3{color:#fff;font-size:16px;font-weight:700;line-height:24px}.footer-grid h4{color:#fff;font-size:16px;font-weight:600;line-height:24px}.footer-grid p{margin-top:8px;font-size:14px;line-height:20px}.footer-grid ul{margin:8px 0 0;padding:0;list-style:none}.footer-grid li{margin-top:4px;font-size:14px;line-height:20px}.footer-copy{text-align:center;border-top:1px solid #94a3b833;padding-top:24px;font-size:14px;line-height:20px}.sample-page{gap:24px}.back-link{color:#ea580c;width:fit-content;font-size:14px;font-weight:600;line-height:20px}.sample-hero{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;display:grid;overflow:hidden}.sample-hero__image{object-fit:cover;background:linear-gradient(135deg,#e2e8f0,#f8fafc);width:100%;height:100%;min-height:270px;display:block}.sample-hero__placeholder{color:#f8fafc;background:linear-gradient(130deg,#1f2937,#0f172a 55%,#334155);justify-content:center;align-items:center;display:flex}.sample-hero__placeholder span{background:#ffffff26;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;line-height:20px}.sample-hero__body{flex-direction:column;gap:10px;padding:24px 24px 20px 0;display:flex}.sample-kicker{color:#64748b;font-size:13px;line-height:18px}.sample-hero__body h1{color:#0f172a;font-size:30px;font-weight:700;line-height:36px}.sample-status{border-radius:999px;width:fit-content;padding:6px 12px;font-size:13px;font-weight:600;line-height:18px}.sample-status--high{color:#b91c1c;background:#fee2e2}.sample-status--watch{color:#b45309;background:#ffedd5}.sample-status--safe{color:#166534;background:#dcfce7}.sample-overall{color:#1f2937;font-size:16px;line-height:24px}.sample-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.meta-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;padding:16px}.meta-card h3{color:#64748b;margin-bottom:8px;font-size:14px;line-height:20px}.meta-card p{color:#111827;font-size:15px;line-height:22px}.sample-detail-block{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;padding:20px}.sample-detail-block h2{margin-bottom:16px}.sample-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.sample-details div{border:1px solid var(--border-soft);border-radius:8px;padding:12px}.sample-details dt{color:#64748b;margin-bottom:6px;font-size:13px;line-height:18px}.sample-details dd{color:#111827;margin:0;font-size:15px;line-height:22px}.sample-residue-table-wrap{overflow-x:auto}.sample-residue-table{border-collapse:collapse;width:100%;min-width:760px}.sample-residue-table th,.sample-residue-table td{text-align:left;border-bottom:1px solid var(--border-soft);vertical-align:top;padding:10px 12px;font-size:14px;line-height:20px}.sample-residue-table th{color:#334155;background:#f8fafc;font-weight:600}.sample-residue-table tbody tr:hover{background:#f8fafc}.sample-empty{color:#374151;margin:0;font-size:15px;line-height:22px}@media (width<=900px){.sample-hero{grid-template-columns:1fr}.sample-hero__body{padding:0 16px 16px}.sample-meta-grid,.sample-details{grid-template-columns:1fr}}@media (width<=768px){.samples-table table{min-width:700px}.footer-grid{grid-template-columns:1fr}.sample-hero__image{min-height:200px}.sample-hero__body h1{font-size:24px;line-height:32px}}:root{--font-base:"Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--bg-page:oklch(98.5% 0 0);--surface:#fff;--text-main:oklch(23.5% .015 65);--text-subtle:oklch(40% .015 65);--border-soft:oklch(92.8% .006 264.531);--border-muted:oklch(92% .004 286.32);--red-fill:oklch(97.1% .013 17.38);--red-border:#d32f2f;--blue-fill:oklch(97% .014 254.604);--blue-border:oklch(88.2% .059 254.128);--amber-fill:oklch(98% .016 73.684);--amber-border:oklch(90.1% .076 70.697);--primary:oklch(64.6% .222 41.116);--radius:10.4px;--shadow-card:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}html.font-sarabun{--font-base:"Sarabun", ui-sans-serif, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0}body{font-family:var(--font-base);background:var(--bg-page);color:var(--text-main)}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1280px,100%);margin-inline:auto;padding-inline:32px}.site-shell{background:#f8f9fb;flex-direction:column;min-height:100vh;display:flex}.site-shell>main{flex:1 0 auto}.page-main{flex-direction:column;gap:32px;padding-block:32px;display:flex}.site-header{z-index:50;border-bottom:1px solid var(--border-muted);background:#fff;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:min(44vw,176px);height:34px;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg,#ff6f00,#e53935);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:inline-flex;box-shadow:0 1px 2px #0000001f}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-title{font-size:18px;font-weight:700;line-height:28px}.brand-subtitle{color:#6b7280;font-size:12px;line-height:16px}.desktop-nav{align-items:center;gap:8px;margin-inline:auto;display:flex}.nav-link{color:#374151;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;line-height:20px;transition:color .2s,background-color .2s}.nav-link:hover{color:#ea580c;background:#fff7ed}.header-actions{align-items:center;gap:8px;display:flex}.font-toggle{border:1px solid var(--border-muted);height:34px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.font-toggle:hover{border-color:var(--primary);color:var(--primary)}.font-toggle.is-active{border-color:var(--primary);color:#ea580c;background:#fff7ed}.font-toggle__glyph{font-size:15px;font-weight:700;line-height:1}.icon-button{color:#111827;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button svg{width:18px;height:18px}.icon-button--menu{display:none}.mobile-nav{border-top:1px solid var(--border-muted);background:#fff;display:none}.mobile-nav.is-open{display:block}@media (width>=769px){.mobile-nav.is-open{display:none}}.mobile-nav .container{flex-direction:column;padding-block:4px 8px;display:flex}.mobile-nav__link{color:#374151;border-bottom:1px solid var(--border-soft);padding:12px 0;font-size:15px;font-weight:500;line-height:22px}.mobile-nav__link:last-child{border-bottom:0}.mobile-nav__link:hover{color:#ea580c}.risk-banner{background:var(--red-fill);border-left:4px solid var(--red-border);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.risk-banner__content{align-items:center;gap:12px;display:flex}.risk-banner__icon{color:var(--red-border);flex-shrink:0;width:22px;height:22px}.risk-banner__icon svg{width:100%;height:100%}.risk-banner__level{color:var(--red-border);font-size:18px;font-weight:700;line-height:28px}.risk-banner__message{font-size:16px;line-height:24px}.btn{cursor:pointer;border:0;border-radius:8.4px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.btn svg{width:14px;height:14px}.btn--danger-outline{border:1px solid var(--red-border);color:var(--red-border);background:0 0;box-shadow:0 1px 2px #0000000d}.alerts-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:32px;display:grid}.section-heading-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}h2{color:#111827;margin-bottom:24px;font-size:24px;font-weight:700;line-height:32px}.section-heading-row h2{margin-bottom:0}.see-all{color:#ea580c;font-size:14px;font-weight:600;line-height:20px}.alerts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.alert-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.alert-card__image{object-fit:cover;background:linear-gradient(135deg,#edf0f5,#f6f8fb);width:100%;height:192px;display:block}.alert-card__image--placeholder{background:radial-gradient(circle at 20% 15%,#fff3,#0000 45%),linear-gradient(130deg,#1f2937,#0f172a 55%,#334155);justify-content:flex-start;align-items:flex-end;padding:14px;display:flex}.alert-card__image--placeholder span{color:#f8fafc;background:#ffffff24;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.alert-card__body{flex-direction:column;gap:8px;padding:16px;display:flex}.alert-card h3{color:#111827;font-size:18px;font-weight:700;line-height:28px}.muted{color:#374151;font-size:14px;line-height:20px}.muted--truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.risk-chip{border-radius:999px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600;line-height:16px}.risk-chip--high{color:#b91c1c;background:#fee2e2}.risk-chip--watch{color:#b45309;background:#ffedd5}.risk-chip--safe{color:#166534;background:#dcfce7}.risk-chip--compact{padding:3px 9px}.btn--ghost{border:1px solid var(--border-muted);color:var(--text-main);background:0 0;margin-top:2px;box-shadow:0 1px 2px #0000000d}.stats-column{flex-direction:column;gap:12px;display:flex}.stats-column h3{color:#111827;margin-bottom:4px;font-size:18px;font-weight:700;line-height:28px}.stat-box{border-radius:var(--radius);border:1px solid;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.stat-box--blue{background:var(--blue-fill);border-color:var(--blue-border);color:#2563eb}.stat-box--red{background:var(--red-fill);color:var(--red-border);border-color:oklch(88.5% .062 18.334)}.stat-box--amber{background:var(--amber-fill);border-color:var(--amber-border);color:#ea580c}.stat-label{color:#374151;font-size:14px;line-height:20px}.stat-value{color:#111827;margin-top:6px;font-size:30px;font-weight:700;line-height:36px}.stat-box svg{width:20px;height:20px}.search-panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:32px}.search-form{align-items:center;gap:8px;display:flex}.search-input-wrap{flex:1;position:relative}.search-input-wrap svg{color:#9ca3af;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-wrap input{border-radius:var(--radius);width:100%;height:42px;color:var(--text-main);border:1px solid oklch(87.2% .01 258.338);outline:none;padding:8px 16px 8px 40px}.search-input-wrap input::placeholder{color:#6b7280}.btn--primary{background:var(--primary);color:var(--blue-fill);padding-inline:16px}.search-hint{color:#6b7280;margin-top:12px;font-size:13px;line-height:18px}.consumer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.consumer-card{border:1px solid var(--border-soft);border-radius:var(--radius);text-align:left;cursor:pointer;background:#fff;flex-direction:column;gap:8px;padding:24px;display:flex}.consumer-card__emoji{font-size:24px;line-height:1}.consumer-card h3{color:#111827;font-size:18px;font-weight:700;line-height:28px}.consumer-card p{color:#374151;font-size:14px;line-height:20px}.live-feed{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;overflow:hidden}.live-feed__row{border-bottom:1px solid var(--border-soft);align-items:center;gap:16px;padding:14px 12px;display:flex}.live-feed__row:hover{background:#f8fafc}.live-feed__row:last-child{border-bottom:0}.feed-time{color:#374151;flex-direction:column;width:44px;font-size:14px;line-height:1.2;display:flex}.feed-time span:last-child{margin-top:2px;font-size:11px}.feed-body{flex:1}.feed-body p:first-child{color:#111827;font-size:16px;font-weight:700;line-height:24px}@media (width<=1140px){.desktop-nav{gap:2px}.nav-link{padding-inline:9px}.alerts-layout{grid-template-columns:1fr}}@media (width<=768px){.container{padding-inline:16px}.brand-logo{max-width:min(56vw,150px);height:28px}.brand-text,.desktop-nav,.icon-button--search{display:none}.icon-button--menu{display:inline-flex}.page-main{padding-block:32px 24px}.risk-banner{flex-direction:column;align-items:flex-start}.risk-banner .btn{align-self:flex-end}.alerts-grid,.consumer-grid{grid-template-columns:1fr}.alert-card__image{height:168px}.search-panel{padding:16px}.search-form{align-items:stretch}.search-input-wrap input{height:36px;font-size:12px}.btn--primary{flex-shrink:0;align-self:center;padding:8px 11px;font-size:12px;line-height:16px}.search-hint{font-size:12px;line-height:16px}.live-feed__row{gap:10px;padding:12px 10px}.feed-time{width:38px;font-size:11px}.feed-body p:first-child{font-size:14px;line-height:20px}.feed-body .muted{font-size:12px;line-height:16px}}