/* ════════════════════════════════════════════════════
   产品/疾病亚型/80 权威 wiki 长文样式
   2026-04-25
   学 gene-wiki / scenario-content
   ════════════════════════════════════════════════════ */

/* 产品 wiki section · 蓝色主题（医学）/ 红色主题（亲子）*/
.product-wiki-section {
  padding: 32px 0 16px;
  background: #fff;
}

.product-wiki-section .scenario-content {
  font-size: 15px;
  line-height: 1.85;
  color: #334155;
}

.product-wiki-section .scenario-content h2 {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
  margin: 36px 0 14px;
  padding-left: 12px;
  border-left: 4px solid #DC2626;
  line-height: 1.4;
}

.biz-yixue .product-wiki-section .scenario-content h2 {
  border-left-color: #1565C0;
}

.product-wiki-section .scenario-content h2:first-child { margin-top: 0; }

.product-wiki-section .scenario-content h3 {
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
  margin: 24px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #e5e7eb;
}

.product-wiki-section .scenario-content p { margin: 12px 0; }
.product-wiki-section .scenario-content strong { color: #0f172a; font-weight: 700; }

.product-wiki-section .scenario-content a {
  color: #1565C0;
  text-decoration: none;
}
.product-wiki-section .scenario-content a:hover {
  color: #DC2626;
  text-decoration: underline;
}

.product-wiki-section .scenario-content ul,
.product-wiki-section .scenario-content ol {
  padding-left: 24px;
  margin: 12px 0;
}
.product-wiki-section .scenario-content ul li,
.product-wiki-section .scenario-content ol li {
  margin: 6px 0;
  line-height: 1.8;
}

.product-wiki-section .scenario-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  font-size: 14px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}
.product-wiki-section .scenario-content table thead tr {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
.product-wiki-section .scenario-content table th,
.product-wiki-section .scenario-content table td {
  padding: 11px 14px;
  border-bottom: 1px solid #eef1f4;
  font-size: 13.5px;
  text-align: left;
}
.product-wiki-section .scenario-content table th {
  color: #0f172a;
  font-weight: 700;
}
.product-wiki-section .scenario-content table td {
  color: #475569;
  line-height: 1.7;
}

/* disease-wiki-section · 80 权威 */
.disease-wiki-section {
  padding: 32px 0 16px;
  background: #fafbfc;
}

.disease-wiki-section .scenario-content {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.85;
  color: #334155;
}

.disease-wiki-section .scenario-content h2 {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
  margin: 36px 0 14px;
  padding-left: 12px;
  border-left: 4px solid #DC2626;
}
.disease-wiki-section .scenario-content h2:first-child { margin-top: 0; }
.disease-wiki-section .scenario-content h3 {
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
  margin: 24px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #e5e7eb;
}

.disease-wiki-section .scenario-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.disease-wiki-section .scenario-content table th,
.disease-wiki-section .scenario-content table td {
  padding: 11px 14px;
  border-bottom: 1px solid #eef1f4;
  font-size: 13.5px;
}
.disease-wiki-section .scenario-content a { color: #1565C0; text-decoration: none; }
.disease-wiki-section .scenario-content a:hover { color: #DC2626; text-decoration: underline; }

@media (max-width: 640px) {
  .product-wiki-section .scenario-content h2,
  .disease-wiki-section .scenario-content h2 { font-size: 18px; }
  .product-wiki-section .scenario-content table,
  .disease-wiki-section .scenario-content table { font-size: 12.5px; }
}