.bjj-comparison { min-width: 680px; }
.bjj-comparison th:first-child { width: 27%; }
.bjj-comparison th:nth-child(2) { width: 35%; }
.bjj-comparison th:nth-child(3) { width: 38%; }
.bjj-scroll-hint { display: none; }

.bjj-note {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-left: 3px solid var(--line);
  background: var(--surface-raised);
  border-radius: 0 12px 12px 0;
}

.bjj-note p:last-child { margin-bottom: 0; }

@media (max-width: 780px) {
  .blog-article-body .bjj-scroll-hint {
    display: block;
    font-size: .85rem;
  }
}