/* Shared detail modal styles for blog-like content (Diary & To-Do) */
.blog-detail-modal .modal-body {
  font-size: .9rem;
}

/* Images inside comments scale to container */
.blog-detail-modal [data-blog-comments] img {
  max-width: 100%;
  height: auto;
}

/* Neutral background for bordered comment blocks to match body */
.blog-detail-modal [data-blog-comments] .border {
  background: var(--bs-body-bg);
}

/* Dark mode adjustment for bordered blocks */
body.dark-mode .blog-detail-modal [data-blog-comments] .border {
  background: rgba(255, 255, 255, 0.03);
}