.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4344 .elementor-element.elementor-element-9178ef1 .penci-fancy-heading{margin-left:auto;margin-right:auto;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4344 .elementor-element.elementor-element-ef9ba44 .elementor-toggle-title{font-family:"Anuphan", Sans-serif;font-weight:600;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-5d584a63 */<style>
    :root {
      --color-primary: #1e3a5f;
      --color-secondary: #2d5a87;
      --color-accent: #e63946;
      --color-surface: #f8fafc;
      --color-text: #1a1a2e;
    }
    
    * {
      font-family: 'Noto Sans Thai', 'Sarabun', sans-serif;
    }
    
    .gradient-header {
      background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 50%, #3d7ab5 100%);
    }
    
    .card-shadow {
      box-shadow: 0 4px 20px rgba(30, 58, 95, 0.08);
    }
    
    .highlight-box {
      background: linear-gradient(135deg, #fff7ed 0%, #fef3c7 100%);
      border-left: 4px solid #f59e0b;
    }
    
    .warning-box {
      background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
      border-left: 4px solid var(--color-accent);
    }
    
    .success-box {
      background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
      border-left: 4px solid #22c55e;
    }
    
    .material-card {
      transition: all 0.3s ease;
      border: 1px solid #e2e8f0;
    }
    
    .material-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 40px rgba(30, 58, 95, 0.15);
    }
    
    .ptfe-gradient { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }
    .nbr-gradient { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); }
    .epdm-gradient { background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); }
    
    .comparison-table th {
      background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    }
    
    .comparison-table tr:nth-child(even) {
      background-color: #f8fafc;
    }
    
    .comparison-table tr:hover {
      background-color: #e0f2fe;
    }
    
    .faq-item {
      border: 1px solid #e2e8f0;
      transition: all 0.3s ease;
    }
    
    .faq-item:hover {
      border-color: var(--color-secondary);
      box-shadow: 0 4px 12px rgba(30, 58, 95, 0.1);
    }
    
    .cta-button {
      background: linear-gradient(135deg, var(--color-accent) 0%, #dc2626 100%);
      transition: all 0.3s ease;
    }
    
    .cta-button:hover {
      transform: scale(1.02);
      box-shadow: 0 8px 25px rgba(230, 57, 70, 0.4);
    }
    
    .toc-link {
      transition: all 0.2s ease;
    }
    
    .toc-link:hover {
      color: var(--color-accent);
      padding-left: 8px;
    }
    
    .stat-card {
      background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%);
    }
    
    .scroll-indicator {
      animation: bounce 2s infinite;
    }
    
    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
      40% { transform: translateY(-10px); }
      60% { transform: translateY(-5px); }
    }
    
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    .animate-fadeInUp {
      animation: fadeInUp 0.6s ease-out forwards;
    }
    
    .section-divider {
      height: 4px;
      background: linear-gradient(90deg, transparent 0%, var(--color-secondary) 50%, transparent 100%);
    }
  </style>/* End custom CSS */