/* ============================================================
   All Themes - Combined CSS for Theme Rotation
   Contains all 12 theme variable definitions.
   Only the active theme (via [data-theme]) applies its variables.
   ============================================================ */

/* ===== Theme: Deep Star Blue (深星蓝) ===== */
/* 星空深蓝主题 - 科技感、宇宙感、蓝色辉光 */

[data-theme="deepstar"] {
  /* 背景色系 */
  --bg-primary: #0a0e1a;
  --bg-primary-rgb: 10, 14, 26;
  --bg-secondary: #0f1628;
  --bg-secondary-rgb: 15, 22, 40;
  --bg-tertiary: #151e35;
  --bg-card: rgba(20, 30, 55, 0.6);
  --bg-glass: rgba(15, 22, 40, 0.75);

  /* 边框色系 */
  --border-primary: rgba(100, 150, 220, 0.25);
  --border-secondary: rgba(100, 150, 220, 0.15);

  /* 文字色系 */
  --text-primary: #e8f0fc;
  --text-secondary: #a8bdd8;
  --text-muted: #6b85a8;

  /* 强调色系 */
  --accent-primary: #4a9eff;
  --accent-secondary: #2d7ad4;
  --accent-primary-rgb: 74, 158, 255;
  --accent-secondary-rgb: 45, 122, 212;

  /* 光效定义 */
  --accent-glow: rgba(74, 158, 255, 0.4);
  --accent-light: rgba(74, 158, 255, 0.1);
  --particle-color: rgba(74, 158, 255, 0.3);
  --glow-orb-1: rgba(74, 158, 255, 0.12);
  --glow-orb-2: rgba(45, 122, 212, 0.1);

  /* 渐变定义 */
  --gradient-hero: linear-gradient(135deg, #0a0e1a 0%, #0f1a30 50%, #0a0e1a 100%);
  --gradient-btn: linear-gradient(135deg, #4a9eff 0%, #2d7ad4 100%);
  --gradient-btn-hover: linear-gradient(135deg, #6ab0ff 0%, #3d8ae4 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 0%, #4a9eff 100%);

  /* 状态色 */
  --success: #4ad4b8;
  --warning: #ffb74a;
  --error: #ff6b6b;
}

/* ===== Theme: Aurora Cyan (极光青) ===== */
/* 极光青绿主题 - 自然清新、极光流动感、青绿辉光 */

[data-theme="aurora"] {
  /* 背景色系 */
  --bg-primary: #0a1512;
  --bg-primary-rgb: 10, 21, 18;
  --bg-secondary: #0e1f1a;
  --bg-secondary-rgb: 14, 31, 26;
  --bg-tertiary: #142b24;
  --bg-card: rgba(20, 45, 38, 0.6);
  --bg-glass: rgba(14, 31, 26, 0.75);

  /* 边框色系 */
  --border-primary: rgba(80, 200, 180, 0.25);
  --border-secondary: rgba(80, 200, 180, 0.15);

  /* 文字色系 */
  --text-primary: #e8faf5;
  --text-secondary: #a8d8cc;
  --text-muted: #6b9e92;

  /* 强调色系 */
  --accent-primary: #3dd4b8;
  --accent-secondary: #2ab89e;
  --accent-primary-rgb: 61, 212, 184;
  --accent-secondary-rgb: 42, 184, 158;

  /* 光效定义 */
  --accent-glow: rgba(61, 212, 184, 0.4);
  --accent-light: rgba(61, 212, 184, 0.1);
  --particle-color: rgba(61, 212, 184, 0.3);
  --glow-orb-1: rgba(61, 212, 184, 0.12);
  --glow-orb-2: rgba(42, 184, 158, 0.1);

  /* 渐变定义 */
  --gradient-hero: linear-gradient(135deg, #0a1512 0%, #0e2420 50%, #0a1512 100%);
  --gradient-btn: linear-gradient(135deg, #3dd4b8 0%, #2ab89e 100%);
  --gradient-btn-hover: linear-gradient(135deg, #5de4c8 0%, #3ac8ae 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 0%, #3dd4b8 100%);

  /* 状态色 */
  --success: #4ad4b8;
  --warning: #ffb74a;
  --error: #ff6b6b;
}

/* ===== Theme: Silver Gold (银灰金) ===== */
/* 银灰金主题 - 奢华金属质感、金银双色、金色辉光 */

[data-theme="silvergold"] {
  /* 背景色系 */
  --bg-primary: #0d0d10;
  --bg-primary-rgb: 13, 13, 16;
  --bg-secondary: #151518;
  --bg-secondary-rgb: 21, 21, 24;
  --bg-tertiary: #1e1e22;
  --bg-card: rgba(35, 35, 40, 0.6);
  --bg-glass: rgba(21, 21, 24, 0.75);

  /* 边框色系 */
  --border-primary: rgba(212, 175, 55, 0.3);
  --border-secondary: rgba(192, 192, 208, 0.15);

  /* 文字色系 */
  --text-primary: #f5f0e8;
  --text-secondary: #c8c0b0;
  --text-muted: #8a8578;

  /* 强调色系 - 金色为主，银灰为辅 */
  --accent-primary: #d4af37;
  --accent-secondary: #c0c0d0;
  --accent-primary-rgb: 212, 175, 55;
  --accent-secondary-rgb: 192, 192, 208;

  /* 光效定义 */
  --accent-glow: rgba(212, 175, 55, 0.4);
  --accent-light: rgba(212, 175, 55, 0.1);
  --particle-color: rgba(212, 175, 55, 0.3);
  --glow-orb-1: rgba(212, 175, 55, 0.12);
  --glow-orb-2: rgba(192, 192, 208, 0.08);

  /* 渐变定义 - 金银双色渐变 */
  --gradient-hero: linear-gradient(135deg, #0d0d10 0%, #1a1810 50%, #0d0d10 100%);
  --gradient-btn: linear-gradient(135deg, #d4af37 0%, #b8962e 100%);
  --gradient-btn-hover: linear-gradient(135deg, #e4c44a 0%, #c8a63e 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 0%, #d4af37 100%);

  /* 状态色 */
  --success: #4ad4b8;
  --warning: #ffb74a;
  --error: #ff6b6b;
}

/* ===== Theme: Amethyst Purple (紫晶紫) ===== */
/* 紫晶紫主题 - 神秘高贵、紫罗兰光晕、紫色辉光 */

[data-theme="amethyst"] {
  /* 背景色系 */
  --bg-primary: #0e0a18;
  --bg-primary-rgb: 14, 10, 24;
  --bg-secondary: #160f28;
  --bg-secondary-rgb: 22, 15, 40;
  --bg-tertiary: #1e1535;
  --bg-card: rgba(30, 20, 55, 0.6);
  --bg-glass: rgba(22, 15, 40, 0.75);

  /* 边框色系 */
  --border-primary: rgba(168, 120, 255, 0.25);
  --border-secondary: rgba(168, 120, 255, 0.15);

  /* 文字色系 */
  --text-primary: #f0e8fc;
  --text-secondary: #c8b8e8;
  --text-muted: #8b7ab0;

  /* 强调色系 */
  --accent-primary: #a878ff;
  --accent-secondary: #8858e0;
  --accent-primary-rgb: 168, 120, 255;
  --accent-secondary-rgb: 136, 88, 224;

  /* 光效定义 */
  --accent-glow: rgba(168, 120, 255, 0.4);
  --accent-light: rgba(168, 120, 255, 0.1);
  --particle-color: rgba(168, 120, 255, 0.3);
  --glow-orb-1: rgba(168, 120, 255, 0.12);
  --glow-orb-2: rgba(136, 88, 224, 0.1);

  /* 渐变定义 */
  --gradient-hero: linear-gradient(135deg, #0e0a18 0%, #1a0f30 50%, #0e0a18 100%);
  --gradient-btn: linear-gradient(135deg, #a878ff 0%, #8858e0 100%);
  --gradient-btn-hover: linear-gradient(135deg, #b888ff 0%, #9868f0 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 0%, #a878ff 100%);

  /* 状态色 */
  --success: #4ad4b8;
  --warning: #ffb74a;
  --error: #ff6b6b;
}

/* ===== Theme: Titanium (钛银灰) ===== */
/* 钛银灰主题 - 专业商务、冷灰钢蓝、精密质感 */

[data-theme="titanium"] {
  --bg-primary: #0f1115;
  --bg-primary-rgb: 15, 17, 21;
  --bg-secondary: #161920;
  --bg-secondary-rgb: 22, 25, 32;
  --bg-tertiary: #1e2230;
  --bg-card: rgba(30, 34, 48, 0.6);
  --bg-glass: rgba(22, 25, 32, 0.78);
  --border-primary: rgba(120, 160, 200, 0.25);
  --border-secondary: rgba(120, 160, 200, 0.12);
  --text-primary: #e8ecf2;
  --text-secondary: #a8b4c4;
  --text-muted: #6e7a8c;
  --accent-primary: #5b9bd5;
  --accent-secondary: #8ab4d8;
  --accent-primary-rgb: 91, 155, 213;
  --accent-secondary-rgb: 138, 180, 216;
  --accent-glow: rgba(91, 155, 213, 0.35);
  --accent-light: rgba(91, 155, 213, 0.08);
  --particle-color: rgba(91, 155, 213, 0.25);
  --glow-orb-1: rgba(91, 155, 213, 0.1);
  --glow-orb-2: rgba(138, 180, 216, 0.07);
  --gradient-hero: linear-gradient(135deg, #0f1115 0%, #141924 50%, #0f1115 100%);
  --gradient-btn: linear-gradient(135deg, #5b9bd5 0%, #4a8ac4 100%);
  --gradient-btn-hover: linear-gradient(135deg, #6babe5 0%, #5a9ad4 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 0%, #5b9bd5 100%);
  --success: #4ad4b8;
  --warning: #ffb74a;
  --error: #ff6b6b;
}

/* ===== Theme: Navy (深海蓝) ===== */
/* 深海蓝主题 - 高端商务、深蓝金韵、尊贵质感 */

[data-theme="navy"] {
  --bg-primary: #0a1020;
  --bg-primary-rgb: 10, 16, 32;
  --bg-secondary: #0f1830;
  --bg-secondary-rgb: 15, 24, 48;
  --bg-tertiary: #162040;
  --bg-card: rgba(22, 32, 64, 0.6);
  --bg-glass: rgba(15, 24, 48, 0.78);
  --border-primary: rgba(200, 170, 80, 0.3);
  --border-secondary: rgba(100, 140, 200, 0.15);
  --text-primary: #f0ece0;
  --text-secondary: #c0b8a0;
  --text-muted: #807860;
  --accent-primary: #c8a84e;
  --accent-secondary: #6490c8;
  --accent-primary-rgb: 200, 168, 78;
  --accent-secondary-rgb: 100, 144, 200;
  --accent-glow: rgba(200, 168, 78, 0.4);
  --accent-light: rgba(200, 168, 78, 0.1);
  --particle-color: rgba(200, 168, 78, 0.25);
  --glow-orb-1: rgba(200, 168, 78, 0.12);
  --glow-orb-2: rgba(100, 144, 200, 0.08);
  --gradient-hero: linear-gradient(135deg, #0a1020 0%, #121e38 50%, #0a1020 100%);
  --gradient-btn: linear-gradient(135deg, #c8a84e 0%, #b09040 100%);
  --gradient-btn-hover: linear-gradient(135deg, #d8b85e 0%, #c0a050 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 0%, #c8a84e 100%);
  --success: #4ad4b8;
  --warning: #ffb74a;
  --error: #ff6b6b;
}

/* ===== Theme: Carbon (碳纤黑) ===== */
/* 碳纤黑主题 - 硬核科技、电光青蓝、未来质感 */

[data-theme="carbon"] {
  --bg-primary: #08090c;
  --bg-primary-rgb: 8, 9, 12;
  --bg-secondary: #0e1016;
  --bg-secondary-rgb: 14, 16, 22;
  --bg-tertiary: #161a22;
  --bg-card: rgba(22, 26, 34, 0.65);
  --bg-glass: rgba(14, 16, 22, 0.8);
  --border-primary: rgba(0, 220, 255, 0.25);
  --border-secondary: rgba(0, 220, 255, 0.1);
  --text-primary: #e0f4f8;
  --text-secondary: #90c8d8;
  --text-muted: #507888;
  --accent-primary: #00dcff;
  --accent-secondary: #00a8cc;
  --accent-primary-rgb: 0, 220, 255;
  --accent-secondary-rgb: 0, 168, 204;
  --accent-glow: rgba(0, 220, 255, 0.45);
  --accent-light: rgba(0, 220, 255, 0.08);
  --particle-color: rgba(0, 220, 255, 0.3);
  --glow-orb-1: rgba(0, 220, 255, 0.12);
  --glow-orb-2: rgba(0, 168, 204, 0.08);
  --gradient-hero: linear-gradient(135deg, #08090c 0%, #0c1418 50%, #08090c 100%);
  --gradient-btn: linear-gradient(135deg, #00dcff 0%, #00a8cc 100%);
  --gradient-btn-hover: linear-gradient(135deg, #20e8ff 0%, #10b8dc 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 0%, #00dcff 100%);
  --success: #4ad4b8;
  --warning: #ffb74a;
  --error: #ff6b6b;
}

/* ===== Theme: Rose Gold (玫瑰金) ===== */
/* 玫瑰金主题 - 优雅商务、暖调暗底、玫瑰金辉光 */

[data-theme="rosegold"] {
  --bg-primary: #140e12;
  --bg-primary-rgb: 20, 14, 18;
  --bg-secondary: #1e1418;
  --bg-secondary-rgb: 30, 20, 24;
  --bg-tertiary: #2a1c22;
  --bg-card: rgba(42, 28, 34, 0.6);
  --bg-glass: rgba(30, 20, 24, 0.78);
  --border-primary: rgba(200, 140, 130, 0.3);
  --border-secondary: rgba(200, 140, 130, 0.12);
  --text-primary: #f5ece8;
  --text-secondary: #d0b8b0;
  --text-muted: #907870;
  --accent-primary: #c8887a;
  --accent-secondary: #e0a898;
  --accent-primary-rgb: 200, 136, 122;
  --accent-secondary-rgb: 224, 168, 152;
  --accent-glow: rgba(200, 136, 122, 0.4);
  --accent-light: rgba(200, 136, 122, 0.1);
  --particle-color: rgba(200, 136, 122, 0.25);
  --glow-orb-1: rgba(200, 136, 122, 0.12);
  --glow-orb-2: rgba(224, 168, 152, 0.08);
  --gradient-hero: linear-gradient(135deg, #140e12 0%, #1e1418 50%, #140e12 100%);
  --gradient-btn: linear-gradient(135deg, #c8887a 0%, #b07060 100%);
  --gradient-btn-hover: linear-gradient(135deg, #d8988a 0%, #c08070 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 0%, #c8887a 100%);
  --success: #4ad4b8;
  --warning: #ffb74a;
  --error: #ff6b6b;
}

/* ===== Theme: Tech Sky (科技浅蓝) ===== */
/* 浅蓝色科技主题 - 清新、现代、科技感 */

[data-theme="techsky"] {
  --bg-primary: #f0f7ff;
  --bg-primary-rgb: 240, 247, 255;
  --bg-secondary: #ffffff;
  --bg-secondary-rgb: 255, 255, 255;
  --bg-tertiary: #e6f0ff;
  --bg-card: rgba(255, 255, 255, 0.9);
  --bg-glass: rgba(255, 255, 255, 0.85);
  --border-primary: rgba(37, 99, 235, 0.25);
  --border-secondary: rgba(37, 99, 235, 0.12);
  --text-primary: #1a2b4a;
  --text-secondary: #4a6490;
  --text-muted: #8095b5;
  --accent-primary: #2563eb;
  --accent-secondary: #1d4ed8;
  --accent-primary-rgb: 37, 99, 235;
  --accent-secondary-rgb: 29, 78, 216;
  --accent-glow: rgba(37, 99, 235, 0.25);
  --accent-light: rgba(37, 99, 235, 0.08);
  --particle-color: rgba(59, 130, 246, 0.2);
  --glow-orb-1: rgba(59, 130, 246, 0.08);
  --glow-orb-2: rgba(37, 99, 235, 0.06);
  --gradient-hero: linear-gradient(135deg, #f0f7ff 0%, #e0ecff 50%, #f0f7ff 100%);
  --gradient-btn: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  --gradient-btn-hover: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
  --gradient-text: linear-gradient(135deg, #1a2b4a 0%, #2563eb 100%);
  --success: #16a34a;
  --warning: #d97706;
  --error: #dc2626;
}

/* ===== Theme: Cyber White (数字白) ===== */
/* 白色科技主题 - 极简、未来感、数字风 */

[data-theme="cyberwhite"] {
  --bg-primary: #f8fafc;
  --bg-primary-rgb: 248, 250, 252;
  --bg-secondary: #ffffff;
  --bg-secondary-rgb: 255, 255, 255;
  --bg-tertiary: #f1f5f9;
  --bg-card: rgba(255, 255, 255, 0.95);
  --bg-glass: rgba(255, 255, 255, 0.88);
  --border-primary: rgba(14, 165, 233, 0.25);
  --border-secondary: rgba(14, 165, 233, 0.12);
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --accent-primary: #0ea5e9;
  --accent-secondary: #0284c7;
  --accent-primary-rgb: 14, 165, 233;
  --accent-secondary-rgb: 2, 132, 199;
  --accent-glow: rgba(14, 165, 233, 0.25);
  --accent-light: rgba(14, 165, 233, 0.08);
  --particle-color: rgba(56, 189, 248, 0.2);
  --glow-orb-1: rgba(56, 189, 248, 0.08);
  --glow-orb-2: rgba(14, 165, 233, 0.06);
  --gradient-hero: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 50%, #f8fafc 100%);
  --gradient-btn: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);
  --gradient-btn-hover: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 100%);
  --gradient-text: linear-gradient(135deg, #0f172a 0%, #0ea5e9 100%);
  --success: #22c55e;
  --warning: #f59e0b;
  --error: #ef4444;
}

/* ===== Theme: Minimal Slate (极简石板) ===== */
/* 简约时尚主题 - 低饱和度、高级灰、极简主义 */

[data-theme="minimalslate"] {
  --bg-primary: #fafafa;
  --bg-primary-rgb: 250, 250, 250;
  --bg-secondary: #ffffff;
  --bg-secondary-rgb: 255, 255, 255;
  --bg-tertiary: #f5f5f5;
  --bg-card: rgba(255, 255, 255, 0.95);
  --bg-glass: rgba(255, 255, 255, 0.88);
  --border-primary: rgba(64, 64, 64, 0.2);
  --border-secondary: rgba(64, 64, 64, 0.1);
  --text-primary: #171717;
  --text-secondary: #525252;
  --text-muted: #a3a3a3;
  --accent-primary: #404040;
  --accent-secondary: #262626;
  --accent-primary-rgb: 64, 64, 64;
  --accent-secondary-rgb: 38, 38, 38;
  --accent-glow: rgba(64, 64, 64, 0.2);
  --accent-light: rgba(64, 64, 64, 0.06);
  --particle-color: rgba(82, 82, 82, 0.15);
  --glow-orb-1: rgba(82, 82, 82, 0.05);
  --glow-orb-2: rgba(64, 64, 64, 0.04);
  --gradient-hero: linear-gradient(135deg, #fafafa 0%, #f5f5f5 50%, #fafafa 100%);
  --gradient-btn: linear-gradient(135deg, #525252 0%, #404040 100%);
  --gradient-btn-hover: linear-gradient(135deg, #737373 0%, #525252 100%);
  --gradient-text: linear-gradient(135deg, #171717 0%, #404040 100%);
  --success: #16a34a;
  --warning: #d97706;
  --error: #dc2626;
}

/* ===== Theme: Fashion Warm (暖调时尚) ===== */
/* 简约时尚主题 - 暖米色、低饱和、高级感 */

[data-theme="fashionwarm"] {
  --bg-primary: #faf7f2;
  --bg-primary-rgb: 250, 247, 242;
  --bg-secondary: #ffffff;
  --bg-secondary-rgb: 255, 255, 255;
  --bg-tertiary: #f5efe6;
  --bg-card: rgba(255, 255, 255, 0.9);
  --bg-glass: rgba(255, 255, 255, 0.85);
  --border-primary: rgba(180, 83, 9, 0.22);
  --border-secondary: rgba(180, 83, 9, 0.1);
  --text-primary: #2c2518;
  --text-secondary: #6b5d4a;
  --text-muted: #a19583;
  --accent-primary: #b45309;
  --accent-secondary: #92400e;
  --accent-primary-rgb: 180, 83, 9;
  --accent-secondary-rgb: 146, 64, 14;
  --accent-glow: rgba(180, 83, 9, 0.22);
  --accent-light: rgba(180, 83, 9, 0.07);
  --particle-color: rgba(217, 119, 6, 0.18);
  --glow-orb-1: rgba(217, 119, 6, 0.07);
  --glow-orb-2: rgba(180, 83, 9, 0.05);
  --gradient-hero: linear-gradient(135deg, #faf7f2 0%, #f5efe6 50%, #faf7f2 100%);
  --gradient-btn: linear-gradient(135deg, #d97706 0%, #b45309 100%);
  --gradient-btn-hover: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --gradient-text: linear-gradient(135deg, #2c2518 0%, #b45309 100%);
  --success: #16a34a;
  --warning: #d97706;
  --error: #dc2626;
}

/* ============================================================
   UEditor Plus 前台内容表格通用样式
   适用于所有主题，匹配所有显示 UEditor 编辑器内容的容器：
   - .description-content  (产品详情页)
   - .sol-content          (解决方案详情页、关于我们)
   - .form-success         (联系页表单提交成功消息)
   - .map-overlay-content  (联系页地图覆盖层)
   - .policy-section       (条款、隐私政策页)
   - .page-main-content    (通用页面主内容区)
   ============================================================ */
.description-content table:not([style]),
.sol-content table:not([style]),
.form-success table:not([style]),
.map-overlay-content table:not([style]),
.policy-section table:not([style]),
.page-main-content table:not([style]) {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 14px;
  display: table;
}
.description-content table td:not([style]),
.description-content table th:not([style]),
.sol-content table td:not([style]),
.sol-content table th:not([style]),
.form-success table td:not([style]),
.form-success table th:not([style]),
.map-overlay-content table td:not([style]),
.map-overlay-content table th:not([style]),
.policy-section table td:not([style]),
.policy-section table th:not([style]),
.page-main-content table td:not([style]),
.page-main-content table th:not([style]) {
  border: 1px solid var(--border-secondary, rgba(128,128,128,0.2));
  padding: 8px 12px;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}
.description-content table td:not([style]) p,
.description-content table th:not([style]) p,
.sol-content table td:not([style]) p,
.sol-content table th:not([style]) p,
.form-success table td:not([style]) p,
.form-success table th:not([style]) p,
.map-overlay-content table td:not([style]) p,
.map-overlay-content table th:not([style]) p,
.policy-section table td:not([style]) p,
.policy-section table th:not([style]) p,
.page-main-content table td:not([style]) p,
.page-main-content table th:not([style]) p {
  margin: 0;
}
.description-content table p,
.sol-content table p,
.form-success table p,
.map-overlay-content table p,
.policy-section table p,
.page-main-content table p {
  margin: 0;
}

/* UEditor tables: override border-collapse for all table patterns (with/without inline styles, ue-table-* classes, etc.) */
.tab-content table,
.description-content table,
.sol-content table,
.form-success table,
.map-overlay-content table,
.policy-section table,
.page-main-content table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

@media (max-width: 768px) {
  .description-content table,
  .sol-content table,
  .form-success table,
  .map-overlay-content table,
  .policy-section table,
  .page-main-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}