:root{--color-primary:#31a499;--color-primary-rgb:49, 164, 153;--color-secondary:#ffa200;--color-accent:#dc2626;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-lang=th]{--font-sans:"Noto Sans Thai", "Plus Jakarta Sans", sans-serif;--font-heading:"Noto Sans Thai", "Outfit", sans-serif}[data-lang=th],[data-lang=th] body,[data-lang=th] h1,[data-lang=th] h2,[data-lang=th] h3,[data-lang=th] h4,[data-lang=th] h5,[data-lang=th] h6,[data-lang=th] button,[data-lang=th] input,[data-lang=th] textarea,[data-lang=th] select,[data-lang=th] .ant-typography,[data-lang=th] .ant-btn{font-family:Noto Sans Thai,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}[data-lang=en]{--font-sans:"Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Open Sans", sans-serif}[data-lang=en],[data-lang=en] body,[data-lang=en] h1,[data-lang=en] h2,[data-lang=en] h3,[data-lang=en] h4,[data-lang=en] h5,[data-lang=en] h6,[data-lang=en] button,[data-lang=en] input,[data-lang=en] textarea,[data-lang=en] select,[data-lang=en] .ant-typography,[data-lang=en] .ant-btn{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}[data-theme=dark]{--bg-main:#0f172a;--bg-surface:#1e293b;--bg-surface-elevated:#334155;--border-color:#334155;--border-subtle:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--card-shadow:none;--card-shadow-hover:0 4px 12px #00000040}[data-theme=light]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--card-shadow:none;--card-shadow-hover:0 4px 12px #0f172a0d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;transition:background-color .2s,color .2s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-primary);font-weight:700}.font-mono{font-family:var(--font-mono)}.industrial-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;transition:border-color .2s}.industrial-panel:hover{border-color:var(--color-primary)}.interactive-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;transition:border-color .2s,background-color .2s}.interactive-card:hover{border-color:var(--color-primary)}.status-beacon{border-radius:50%;width:6px;height:6px;display:inline-block}.status-beacon.active-teal{background-color:#116f7d}.status-beacon.active-amber{background-color:#d97706}.status-beacon.active-red{background-color:#dc2626}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.container-custom{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section-padding{padding-top:2.5rem;padding-bottom:2.5rem}@media (width<=768px){.section-padding{padding-top:1.75rem;padding-bottom:1.75rem}}