/* Add responsive margins */
@media (max-width: 1024px) {
  main {
    overflow-x: hidden; /* Prevent overflow */
  }

  #feed-container {
    padding: 8px; /* Ensure consistent padding */
  }

  .content-card {
    margin: 8px; /* Small equal margins on both sides */
    padding: 8px; /* Adjust padding as needed */
  }

  .theme-controls {
    bottom: calc(16px * var(--size-multiplier));
    right: calc(16px * var(--size-multiplier));
    max-width: calc(100% - 32px); /* Prevent horizontal scroll */
  }

  .size-adjuster {
    bottom: calc(16px * var(--size-multiplier));
    right: calc(80px * var(--size-multiplier));
    max-width: calc(100% - 32px); /* Prevent horizontal scroll */
  }

  .header-controls {
    gap: 4px; /* Adjust gap for better spacing */
  }

  .size-adjuster {
    gap: 2px; /* Adjust gap for better spacing */
  }

  .size-btn,
  .theme-btn {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  .post-actions {
    opacity: 1;
  }
}