@charset "UTF-8";

/* ... (これまでのCSSはそのまま維持) ... */

/* Variables等省略 ... */

/* --- 新規追加: SEOコンテンツ用スタイル --- */

/* Reference Table (早見表) */
.table-wrapper {
  overflow-x: auto; /* スマホで横スクロール可能に */
  margin-bottom: 30px;
  -webkit-overflow-scrolling: touch;
}

.reference-table {
  width: 100%; border-collapse: collapse; min-width: 300px;
  font-size: 0.9rem; background: var(--c-card);
  border-radius: 8px; overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.reference-table th, 
.reference-table td {
  padding: 12px 15px; text-align: left;
  border-bottom: 1px solid var(--c-border);
}

.reference-table th {
  background: var(--c-primary-bg);
  color: var(--c-text-main); font-weight: bold;
  white-space: nowrap;
}

.reference-table td { color: var(--c-text); }
.reference-table tr:last-child td { border-bottom: none; }

/* Article Headings */
.article-content h2 {
  font-size: 1.4rem; margin-bottom: 1.5rem;
  border-bottom: 3px solid var(--c-primary);
  padding-bottom: 10px; display: inline-block;
}

.article-content h3 {
  font-size: 1.1rem; margin-top: 2.5rem; margin-bottom: 1rem;
  font-weight: bold; position: relative; padding-left: 15px;
}
.article-content h3::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 6px; height: 24px; background: var(--c-primary); border-radius: 3px;
}

/* ... (既存のFAQ等のスタイル) ... */