/* NFTミント方法ページ（ステップ表示）専用のスタイル */

/* 章見出し（h2）の下余白をステップ見出し（h3）の上余白より大きくし、
   章とステップの階層を視覚的に区別する（h3側は既定の0のまま） */
.legal-article > .legal-article-title {
  margin-bottom: var(--space-4);
}

.howto-step {
  margin-bottom: var(--space-4);
}

.howto-step-title {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-title-sm);
  font-weight: 700;
}

.howto-step-image-link {
  display: block;
}

@media (hover: hover) {
  .howto-step-image-link:hover {
    opacity: var(--opacity-hover);
  }
}

.howto-step-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
}

.howto-note {
  margin-top: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-left: 3px solid var(--color-border-medium);
  color: var(--color-text-muted);
}