/* ============================================================
   footnote.css
   セクション注釈リスト（.footnote-list）
   基本プラン・オプション等の ※ 注釈に共通適用
   ============================================================ */

.footnote-list {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 1.15rem 1.35rem;
  background: color-mix(in srgb, var(--color-surface-2) 40%, var(--color-surface));
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.footnote-list li {
  font-size: 0.8rem;
  color: var(--color-text-muted);
  line-height: 1.7;
  padding-left: 1.4em;
  position: relative;
}

.footnote-list li::before {
  content: "※";
  position: absolute;
  left: 0;
  color: var(--color-text-muted);
  font-size: 0.75rem;
  top: 0.05em;
}

/* --- モバイル --- */
@media (max-width: 600px) {
  .footnote-list {
    padding: 0.95rem 1.1rem;
  }

  .footnote-list li {
    font-size: 0.78rem;
  }
}