/* lab.html 可読性修正（2026/09/22）
   pearl-theme.css で背景がパールになった後も、lab.html 内に
   「紺セクションの文字は白」という指定が残り、白地に白文字になっていたのを修正。
   既存ファイルは変更していません。lab.html からこのファイルの読み込みを外せば元に戻ります。 */

html body[data-tone="silver"] .lab-page .lab-section.navy,
html body[data-tone="silver"] .lab-page .lab-section.navy .lab-heading h2,
html body[data-tone="silver"] .lab-page .lab-section.navy .lab-standard h3{ color:#26282E !important; }
html body[data-tone="silver"] .lab-page .lab-section.navy .lab-copy,
html body[data-tone="silver"] .lab-page .lab-section.navy .lab-standard p{ color:#55585F !important; }

html body[data-tone="silver"] .check-section,
html body[data-tone="silver"] .check-section .check-intro h2,
html body[data-tone="silver"] .check-section .check-question,
html body[data-tone="silver"] .check-section .result-title,
html body[data-tone="silver"] .check-section .result-card h3,
html body[data-tone="silver"] .check-section .focus-title{ color:#2A2622 !important; }
html body[data-tone="silver"] .check-section .check-intro > p:not(.lab-label),
html body[data-tone="silver"] .check-section .check-context,
html body[data-tone="silver"] .check-section .result-summary,
html body[data-tone="silver"] .check-section .result-card p,
html body[data-tone="silver"] .check-section .result-card li{ color:#5E5852 !important; }
html body[data-tone="silver"] .check-section .lab-label,
html body[data-tone="silver"] .check-section .check-step,
html body[data-tone="silver"] .check-section .result-kicker,
html body[data-tone="silver"] .check-section .result-card small{ color:#A07F52 !important; }
html body[data-tone="silver"] .check-section .check-option{ color:#2A2622 !important; border-color:#DAD5CE !important; }
html body[data-tone="silver"] .check-section .check-nav{ color:#2A2622 !important; border-color:#CFC9C2 !important; }
html body[data-tone="silver"] .check-section .check-nav.primary{ color:#FFFDFC !important; }
html body[data-tone="silver"] .check-section .check-foot{ color:#8A847E !important; }
html body[data-tone="silver"] .check-section .result-card{ border-color:#E2DDD6 !important; }

/* 2026-09-29 スマホで「細胞外マトリックス」が円の中で単語の途中改行しないよう文字を少し小さく */
@media (max-width:560px){ .ecm-core strong{ font-size:16px !important; } }