/* Minimal styles for blog */
/* No special padding; navbar uses sticky-top which participates in layout */
body { padding-top: 0; }

@media (max-width: 575.98px) {
  /* Slightly taller navbar on small screens */
  body { padding-top: 80px; }
}
img { max-width: 100%; height: auto; }
pre, code { white-space: pre-wrap; }

/* Comment styling */
.comment-item {
  background-color: #f8f9fa;
}

@media (max-width: 767.98px) {
  /* On small screens, don't float the image - display it as block */
  .cover-image {
    float: none !important;
    display: block;
    max-width: 100% !important;
    margin: 0 auto 1rem auto !important;
  }
}

/* Admin comments table - Content column wrapping */
.table th:nth-child(4),
.table td:nth-child(4) {
  max-width: 200px;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}