/**
 * Responsive margin styles for Group, Heading, Paragraph blocks
 * Uses inline CSS custom properties for mobile margins
 */

/* Mobile margin overrides (under 768px) */
@media (max-width: 767px) {
  .wp-block-group[data-margin-top-mobile],
  .wp-block-heading[data-margin-top-mobile],
  .wp-block-paragraph[data-margin-top-mobile] {
    margin-top: var(--margin-top-mobile);
  }

  .wp-block-group[data-margin-bottom-mobile],
  .wp-block-heading[data-margin-bottom-mobile],
  .wp-block-paragraph[data-margin-bottom-mobile] {
    margin-bottom: var(--margin-bottom-mobile);
  }
}