#brand-blog .comparison-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 800px;
  margin: 40px auto;
  background-color: #FFFFFF;
  border: 1px solid #213629;
  border-radius: 10px;
  overflow: hidden; /* ensures rounded corners show properly */
  font-family: Arial, Helvetica, sans-serif;
  color: #213629;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20); /* subtle drop shadow */
  transition: box-shadow 0.3s ease;
}

/* Add slight elevation on hover */
#brand-blog .comparison-table:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* Table header */
#brand-blog .comparison-table thead {
  background-color: #4F6B57; /* Moss 300 */
  color: #FFFFFF; /* White header text */
}

#brand-blog .comparison-table th,
#brand-blog .comparison-table td {
  border: 1px solid #213629;
  padding: 10px 12px;
  text-align: left;
}

/* Alternate row background */
#brand-blog .comparison-table tbody tr:nth-child(even) {
  background-color: #EBEFE7; /* Moss 100 */
}

/* Hover effect for rows */
#brand-blog .comparison-table tbody tr:hover {
  background-color: #90AA76; /* Moss 200 */
  color: #FFFFFF;
  transition: all 0.2s ease-in-out;
}

/* Responsive stack on mobile */
@media (max-width: 768px) {
  #brand-blog .comparison-table th,
  #brand-blog .comparison-table td {
    font-size: 0.9rem;
    padding: 10px 12px;
  }

  #brand-blog .comparison-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
  }
}