/* Only style posts when body has .home */
.post.on-list {
  background: rgba(49, 117, 221, 0.1); /* Soft transparent blue */
  border: 1px solid rgba(100, 100, 255, 0.3);
  border-radius: 12px;
  backdrop-filter: blur(8px); /* frosted glass effect */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  margin-bottom: 2rem;
  
  [data-theme=light] & {
  color: #000000;
  }

  [data-theme=dark] & {
  color: #ffffff;
  }
}

.post.on-list:hover {
  background: rgba(49, 117, 221, 0.17);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}