/* Responsive Font Sizes for Page Editor */
/* Usage: <font size="3">Normal Text</font> */

/* Default (Mobile) */
font[size="1"] { font-size: 0.75rem !important; } /* xs */
font[size="2"] { font-size: 0.875rem !important; } /* sm */
font[size="3"] { font-size: 1rem !important; }     /* base */
font[size="4"] { font-size: 1.125rem !important; } /* lg */
font[size="5"] { font-size: 1.25rem !important; }  /* xl */
font[size="6"] { font-size: 1.5rem !important; }   /* 2xl */
font[size="7"] { font-size: 1.875rem !important; } /* 3xl */

/* Tablet & Up (md: 768px) */
@media (min-width: 768px) {
  font[size="1"] { font-size: 0.75rem !important; }
  font[size="2"] { font-size: 0.875rem !important; }
  font[size="3"] { font-size: 1rem !important; }
  font[size="4"] { font-size: 1.25rem !important; }  /* lg -> xl */
  font[size="5"] { font-size: 1.5rem !important; }    /* xl -> 2xl */
  font[size="6"] { font-size: 2.25rem !important; }   /* 2xl -> 4xl */
  font[size="7"] { font-size: 3rem !important; }      /* 3xl -> 6xl */
}

/* Desktop & Up (lg: 1024px) */
@media (min-width: 1024px) {
  font[size="5"] { font-size: 1.5rem !important; }    /* Keep manageable */
  font[size="6"] { font-size: 2.25rem !important; }
  font[size="7"] { font-size: 3.75rem !important; }   /* 6xl */
}