/* class="prose" 内のスタイルを明確に指定し、他に影響させない */
.prose {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.7;
  font-size: 1rem;
  color: #1f2937; /* ダークグレー */
  padding: 0;           /* 余白をできるだけ排除 */
  margin: 0 auto;       /* センター配置（必要なら） */
  max-width: none;      /* 最大幅制限を解除 */
}

/* br の間隔微調整 */
.prose br {
  line-height: 1.4;
}

/* リンクを視認しやすく */
.prose a {
  color: #2563eb;
  text-decoration: underline;
  font-weight: bold;
}

/* 下線の装飾を軽く */
.prose u {
  text-decoration: underline dotted;
}

/* font タグの色ごとの見やすさ補強 */
.prose font[color="red"],
.prose font[color="red "] {
  color: #dc2626;
  font-weight: bold;
}
.prose font[color="orangered"] {
  color: #f97316;
  font-weight: bold;
}
.prose font[color="orange"] {
  color: #fb923c;
}
.prose font[color="green"] {
  color: #16a34a;
}
.prose font[color="blue"] {
  color: #3b82f6;
}
.prose font[color="darkviolet"] {
  color: #8b5cf6;
}
.prose font[color="deeppink"] {
  color: #ec4899;
}

/* hr を読みやすく整える */
.prose hr {
  border: none;
  border-top: 1px solid #d1d5db;
  margin: 1.2rem 0;
}

/* モバイル向けサイズ調整 */
@media (max-width: 600px) {
  .prose {
    font-size: 0.95rem;
  }
}